TASK03
カフェサイト制作
「はじめまして、WAS珈琲店です。」
課題概要
・新規オープンするカフェのWebサイトのデザインとコーディングを行い、
実際にネット上で閲覧できる作品を制作
≪カフェについて≫
・2022年12月1日にオープンするカフェ
・駅からも繁華街からも離れた住宅街
・既存客のいない新規店
・想定される競合店は、都心にも郊外にも展開するカフェチェーン、喫茶店、ファミレスなど
≪Webサイトを作る目的・クライアントの要望≫
・店の知名度をあげて集客につなげること
・地域の人たちが気軽に利用できるお店であることをアピール
・顧客を限定するような極端に個性的・先鋭的なものは望まない
制作内容
・幅1280pxのブラウザで違和感なく閲覧できるサイズにする
・レスポンシブ：可能な限り対応
・トップページを含む全5ページ程度を目安に各自考え、 サイトマップを作成する
・グローバルナビの項目を考えて、全ページに配置する 支給された原稿の内容はすべて盛り込む
・コンセプトに合ったテーマカラーとロゴマークを作成する
コンセプト
・珈琲をイメージさせるようなサイトデザイン。
・ナチュラルで清潔感のある、ゆっくりと長いできるカフェだと知ってもらう。
制作意図
・ロゴは珈琲店とすぐ分かるようにしたかったので、色はブラウン、コーヒーカップを上から見たアイコンで中のクリームはワズ珈琲店の“W”をいれました。
・サイトに使用した色はブラウン、ホワイト、ブラックで珈琲をイメージしました。
・全体的にシンプルで分かりやすく、写真を活かすデザインにしたので写真選びを頑張りました。
・トップビューには店内の写真を全体に大きく使用し、お店の雰囲気を最初に知ってもらう。
・「はじめまして」を入れる事で丁寧な印象に。開店日はオープンなど英語は使わず、幅広い年齢層の方にお店を知ってもらいやすいように。
制作環境
・制作時間：デザイン、約20時間 コーディング、約30時間
・使用ソフト：Photoshop 、Illustrator (CS5,CC) Visual studio code