もくもく

カフェサイト

カフェサイト
サイトを見る
カフェサイト
ワズカフェロゴ

ワズカフェロゴ

コーヒーカップの形にカタカナで店名を入れ、子どもから年配の方まで読めるロゴ。

課題名 カフェのWEBサイト
課題内容 「ワズカフェ(Was Cafe)」のWebサイトを新規で制作する。
店舗は駅からも繁華街からも離れた住宅街に新しくオープンする。
  • ⼀番の目的は、店の知名度を上げて集客につなげること
  • 地域の人たちが気軽に利用できるお店であることをアピールしたい
  • 顧客を限定するような極端に個性的・先鋭的なものは望まない
制作内容
  • テーマカラーとロゴマークを作成
  • 幅1280pxのブラウザで違和感なく閲覧できるサイズ
  • 支給された原稿内容はすべて盛り込む
  • レスポンシブ対応は可能な限り対応(トップページのみ対応)
  • トップ、コンセプト、ドリンク、フード、取り寄せ、問い合わせの計6ページ
コンセプト
  • 明るくて温かみのある雰囲気で利用しやすい印象
  • 操作しやすく見やすい
ターゲット 小さい子ども連れのママ~年配の女性
制作意図 ナビゲーションは上部固定のデザインにし、マウスオーバー時は日本語表記になり、英語が苦手な方でもわかりやすいよう工夫しました。 スマートフォン表示時はハンバーガーメニューを表示し、ユーザビリティを意識。 コーヒーメニューの豊富さから、メインカラーはコーヒーをイメージする茶色にしました。 嬉しいポイントをアイコンでわかりやすく表示。 ドリンクメニューの中でも「コーヒー」「紅茶」「その他」とリンクをつけてメニューを見やすくしました。 トップページは画像、文字が下からフェードインする動きを加えました。
制作時間
  • デザイン:18時間
  • コーディング:50時間
制作環境 Windows
Illustrator CS5
Photoshop CS5
© 2021 Webマーケティングデザイナー養成科 第27期生 生徒作品
TOP