ロゴマーク

ロゴマーク

カフェサイトのpcプレビュー カフェサイトのsmプレビュー

カフェサイト

サイト概要
架空の喫茶店「ワズカフェ」の新規立ち上げに伴いウェブサイトを制作する
サイトの見やすさ、ターゲットへのアプローチ、競合店との差別化、レスポンシブ対応
に留意しながら制作を行った
クライアントの要望
住宅街から少し離れたカフェで、気軽に入れるお店にしたい
多くの人に受け入れられるデザインで構成してほしい
サイト仕様
幅1000px (1000px~1200px程度のブラウザで問題なく閲覧可能な大きさを想定)
レスポンシブ版はiPhone SEの幅375pxまで対応
ターゲットは喫茶店を普段利用している中年層を想定、奇抜なデザインではなく安心感
を与えるようなデザインを行う

カフェサイトのpc表示イメージ

カフェサイトのpc表示イメージ

カフェサイトのpc表示イメージ

カフェサイトのsm表示イメージ

カフェサイトのsm表示イメージ

カフェサイトのsm表示イメージ

制作に当たって

より多くの人に見てもらうため、レスポンシブデザインを意識しながら制作を行いました。また、閲覧環境に左右されずに表示を行う目的で、フォントは「游ゴシック」を使用しています。カラーリングは温かみを感じられるよう暖色系を使用し、アクセントカラーで赤色を使用することで視認性を確保しています。メニューページは店内に設置されているメニューと同様に使用できるよう、印刷物のレイアウトに近づけました。

Page Top