ロゴ

カフェサイト

Web design

カフェサイト

訓練校の3か月目の課題で、月がコンセプトのMOON BUCKSという架空のカフェのサイトを制作しました。サイトの訪問者がメニューやアクセスなど知りたい情報をすぐに見つけられるように意識して制作しました。

サイトを見る
カフェサイト

ターゲット

20代~60代の近隣にお住まいの方

制作・デザインプロセス

ターゲットとなるすべての年代の方が使いやすいデザインを目指しました。Figmaを使用し、ブランドイメージである「月」をメインモチーフに、モダンかつ暖かみのあるデザインを設計しました。必要な情報が一目で分かるよう、1ページに要素を集約し、メニューには左右にスクロール可能なボタンを配置することで、コンパクトかつ直感的なレイアウトを実現しました。また、jQueryを用いてサイトに動きのある演出を加え、親しみやすさを意識したデザインを取り入れています。

使用ツール

Figma / Canva / VScode

制作期間

  • デザイン
  • コーディング
  • 2日間
  • 1週間