Project

カフェサイトの制作

Type

学校課題

WAS CAFE

scroll

Overview

概要
ターゲット
周辺に住まわれる主婦や高齢者の方
目的

・店の知名度を上げて集客につなげること

・「地域の⼈たちが気軽に利⽤できるお店であること」をアピールすること

情報設計
トップページではお知らせやコンセプト、アクセス情報などお店全体の情報を凝縮し、
すぐに来店したいと思った顧客に対応できるように情報をまとめています。また、
各ページの項目からより詳しく知りたいと思ったときにすぐに別ページに飛べる
よう説明の下にボタンを設置して利便性を高めています。ドリンクとフードの
ページでは、メニューの間にイラストを配置することで次のメニューは何になる
のかを暗示してわかりやすくしています。
デザイン
ターゲットの年齢層が高めなので、落ち着いた色合いを使用しています。
写真はシズル感のあるものを使用し、見ている人がおいしそうだと感じて
もらえるようにしています。ロゴはオーナーの「世界各地の飲食店を視察した」
という特徴を反映させ、カフェであることがわかりやすいようにコーヒー
カップと組み合わせてデザインいたしました。
#F2F1ED
#65745A
#FFFFFF
#000000
制作時間
情報設計/WF
2日
デザイン
4日
コーディング
5日
使用ツール
Visual Studio Code / Illustrator / Photoshop / Figma

カフェサイトのトップページ