制作概要
課題の背景
架空の新規オープン店舗（カフェ）のwebサイト制作を提案します。
一番の目的は「店の知名度を上げて集客につなげること」。
クライアントの要望には、
①初めてサイトを訪問した人でも迷わずに見やすく
②近隣の人々が気兼ねなく
お店を訪れたくなる雰囲気に仕上げ
③ユーザを限定しないよう極端に個性的、先鋭的なものにはせず
④レスポンシブ対応したい
というものがあります。
制作意図
クライアントからいただいた資料では、
・店舗は駅・繁華街から離れた住宅街にオープンする
・オーナーの経歴から、「料理」に強みがあることがうかがえる
・老若男女問わず、幅広い層をターゲットにしている
といったポイントが見られた。そこで、webサイトのコンセプトは
「見た人が料理を食べにカフェを訪れたくなるサイト」
と設定しました。
また、各要素において、以下のような意図で制作にあたりました。
①デザイン
キーカラーは、食欲をそそる色としてオレンジを採用しました。
また、ロゴやその他いくつかの箇所のデザインで、食器や食べ物のモチーフを取り入れました。
②コンテンツ
モーニングからバル営業まで、それぞれの時間帯にどのようなカフェの利用方法があるのかということを、イメージ写真とともにテキストで想起させるようにしました。
③UI/UX
初めてサイトを訪れた人をサイトで迷子にさせずに一番訴求したいポイントを見てもらうため、“②”の内容をトップページに表示しました。
それによりトップページが長くなるため、ナビを固定表示しました。
制作環境
Photoshop CS5, Illustrator CS5, Brackets
制作時間
デザイン：36時間程度
コーディング：30時間程度