Coffee Shop Site
URL : https://kissa-cherry.com
王道の喫茶店をイメージして、WEBサイトを作成しました。
画像の配置や配色にこだわった、かわいらしく落ち着いたサイトとなっています。
-
ターゲットTarget
喫茶店を利用するお客様
-
情報設計Information
"お客様がサイトを利用する目的"を第一に考え、情報が伝わりやすいサイトにしました。 喫茶店の魅力が確実に伝わるよう、ページを開いてすぐにコンセプトや特徴を記述しています。 トップのメニューはスクロールバーを付けてすっきりさせることで、スマートフォンでの小さい画面でも見やすくさせると同時に、動的な面白さを取り入れました。
-
デザインDesign
喫茶店らしい柔らかい印象にするため、背景色や文字色にはベージュやダークブラウンを使用しています。 メニュー表のカラーは黄み寄りの緑にすることで、食べ物の顔色をそこなわないようにしました。 コンセプトや特徴の文章は重くなってしまいがちなので、左右に食べ物を配置しラフな印象にし、 交互に画像を配置することで、読んでいて窮屈にならないよう意識しました。 また、食べ物には自分で描いたイラストを使用しています。
-
制作範囲Range
ワイヤーフレーム、デザイン : 1週間
コーディング : 1ヶ月
-
使用ツールtool
VS Code / Procreate(イラスト)