福豆珈琲店 Fukumame Coffee Shop

“美味しい珈琲とともにホッとする空間で、 幸せな一時を過ごしていただきたい。”という想いをコンセプトに掲げた珈琲専門店【福豆珈琲店(架空サイト)】を制作しました。お店の雰囲気やコンセプトに合うよう、余白の使い方やアニメーションの動きにも工夫を凝らしました。

Go to website

• 課題

  休日やリラックスできる時間にカフェを利用するだけでなく、忙しい社会人の方々にも当店の雰囲気やコンセプトを知っていただき、仕事の合間や日常の息抜きとしても気軽に利用していただけるようにすること

• ターゲット

  仕事や家事を頑張る社会人の方々

• 目的/ゴール

  忙しい社会人の方々でも、仕事や家事の合間にサッとサイトをチェックできて「今度ここに行ってみよう」と思っていただけるように、お店の魅力をシンプルかつ分かりやすく伝える

• 制作ポイント

  ・お店のホッとする空間を表現するために、ふんわりと現れるテキストアニメーションを使用し、余白を多めに取り入れたデザインに仕上げました。
  ・トップページでは、忙しい社会人の方々が素早くお店の情報を把握できるよう、必要最低限の情報をシンプルにまとめました。
  ・茶色やベージュを基調にした配色で、店内の落ち着いた雰囲気や珈琲店ならではの温かみを表現しました。

• 制作したページ

  全ページ

• 制作期間

  デザイン : 3週間、コーディング : 2週間半

• 使用ツール

  Illustrator、Photoshop、Dreamweaver