kadai03
site view

color

イメージカラー

課題内容

クライアントから制作依頼された「仕事」という前提でカフェ(喫茶店)のWebサイトを制作。
クライアントの要望を理解し、目的を達成するためにはどんなWebサイトにすればよいかを考え デザインとコーディングを行い、実際にネット上で閲覧できる作品を制作する。

≪カフェについて≫
・店舗は、天白区植田に2022年12月1日にオープンする「ワズカフェ(Was Cafe)」
※店名はひらがなや漢字でもOK 「カフェ」を「喫茶」にしてもOK
・駅からも繁華街からも離れた住宅地
・既存客のいない新規店
・想定される競合店は、都心にも郊外にも展開するカフェチェーン、喫茶店、ファミレスなど

≪Webサイトを作る目的・クライアントの要望など≫
・一番の目的は、店の知名度を上げて集客につなげること
・地域の人たちが気軽に利用できるお店であることをアピールしたい
・顧客を限定するような極端に個性的、先鋭的なものは望まない

コンセプト

「自然を感じられる明るいカフェ」

制作意図

「植田の住宅地にあるお店」ということで、学校までの道のりに多い木々の自然な雰囲気と明るい空間がサイト上から感じ取れるよう ファーストビューの写真を葉の影と店内のライトにすることで自然と明るさを演出しました。
敢えて一見何のサイトかわからない作りですが、スクロールしてもらうことを目的としており、 どんなお店だろう?と興味を持っていただく意図があります。
ページが長いのでヘッダーを固定にし、ナビゲーションのリンクをカーソルを置くと影が出るようにすることで判別しやすくしており パララックスを入れることでトップページに動作をつけ興味を持ってもらえるよう工夫しました。

気軽に利用できるような温かみが伝わるよう、ABOUTページに店内の写真を載せています。

制作時間・環境

72時間
Illustrator CS5/CC
Photoshop CS5/CC
Windows10/Mac