T A S K 3

カ フ ェ の W E B サ イ ト 制 作

カフェのモックアップ
サイトモックアップ

Scroll
Down

Webサイトはこちら
課題内容

クライアントから制作依頼された仕事という前提でカフェのWebサイトを作りました。
制作の概要
カフェ 店舗は2023年4月1日にオープンする「ワズカフェ」 駅からも繁華街からも離れた住宅地で既存客のいない新規店 想定される競合店はカフェチェーン、喫茶店、ファミレスなど
目的
要望		 店の知名度を上げて集客につなげることがいちばんの目的 地域の人々が気軽に利用できるお店であることをアピールしたい 顧客を限定するような極端に個性的・先鋭的なものは望まない
サイト仕様 PC版サイズ：幅1280px ページ構成トップページを含む、全４ページ グローバルナビの項目を考えて全ページに配置すること 支給された原稿の内容は全て盛り込むこと
その他 コンセプトに合ったテーマカラーとロゴを作成する
制作意図

Webサイトは「トップページ」「コンセプト」「メニュー」「お問い合わせ」とページ数を少なくし、 どんな方でもみやすくなるように意識しました。フッターにはカフェの情報とグーグルマップを配置 してどのページからでも店舗情報が見られるようようにし、何度も目に入る機会を作りました。
制作時間
  • デザイン 42時間
  • コーディング 49時間
制作環境 Adobe Illustrator（CS5/CC）
Adobe Photoshop（CS5/CC）
HTML CSS Javascript