葉っぱが水面に触れている

ウェブサイト制作
WEB DESIGN/CORDING

ウェブサイトのモックアップ画像

制作内容

課題概要 新規開店の架空カフェWEBサイトをワイヤーフレームからコーディングまで制作。 テキストやコンテンツ内容は決まっており、近隣住民をターゲットに集客を目的とする。
使用ツール Figma / Photoshop CC / VS code
制作時間 計77h(WF18h / デザイン14h / PCコーディング25h / SPコーディング20h)

課題と解決

課題

  1. 幅広い年齢層をターゲットにしたい。
  2. コーヒー豆や食材にもこだわるこだわり派のオーナー。
  3. 誰もが気軽に訪れられる場所にしたい。
下矢印

解決

  1. 白をベースとしたシンプルかつ親しみやすい配色に。
  2. ポイントで縦書きテキストを入れこだわり感を演出。
  3. 写真を多く取り入れ来店イメージを掻き立てる。
制作サイトをみる