Mayu Kitane

FUMOTOYA COFFEEのWebサイト PC・スマートフォンのモックアップ
内容
カフェのウェブサイト
制作範囲
デザイン、コーディング
制作期間
2週間

制作背景

 自主制作

コンセプト

 山と珈琲をこよなく愛する店主がオープンした、八ヶ岳の麓にたたずむ小さなカフェ。

工夫、こだわり

① 写真を活用した視覚的な魅力の訴求
 ファーストビューには、八ヶ岳の雄大な自然や店内の風景、フードの写真をスライドショーで配置。訪れたユーザーが、お店の特徴や雰囲気を直感的に感じ取れるよう工夫しました。

② スマートフォンでの操作性への配慮
 PC・スマートフォンの両方で快適に閲覧できるよう、レスポンシブデザインを採用。画面幅に応じてレイアウトが最適化されるほか、スマートフォンではハンバーガーメニューを採用し、限られた画面スペースでも操作しやすい設計にしました。

③ 自然の魅力を表現した配色
 温かみのあるベージュを基調に、八ヶ岳の山々や澄んだ清流をイメージしたブルーをアクセントカラーとして採用。ナチュラルで落ち着いた雰囲気の中に、洗練された印象を加えることで、お店の個性が感じられるデザインに仕上げました。