Was Cafe
初めてのコーディング。教科書の知識で確実にできるデザインにしたつもりですが、
CSSが効かなかったり、1つ直すとどこががくずれたりと小さいことで苦戦しましたが、理解が深まっていくと、楽しいと感じることが出来ました。
課題名 |
カフェのWebサイト制作 |
課題内容 |
- 新規オープンするカフェのWebサイトのデザインとコーディングを行い、実際にネット上で閲覧 できる作品を制作する
- ≪カフェについて≫
- 店舗は、天白区植田に2022年2月1日にオープンする「ワズカフェ(Was Cafe)」 ・駅からも繁華街からも離れた住宅地
- 既存客のいない新規店 ・想定される競合店は、都心にも郊外にも展開するカフェチェーン、喫茶店、ファミレスなど
- ≪Webサイトを作る目的・クライアントの要望など≫
- 一番の目的は、店の知名度を上げて集客につなげること
- 地域の人たちが気軽に利用できるお店であることをアピールしたい
- 顧客を限定するような極端に個性的・先鋭的なものは望まない
- 幅1280pxのブラウザで違和感なく閲覧できるサイズにすること
- トップページを含む全5ページ程度を目安に各自考え、 サイトマップを作成すること(注:1ページ構成は不可)
グローバルナビの項目を考えて、全ページに配置すること
支給された原稿の内容はすべて盛り込むこと
- コンセプトに合ったテーマカラーとロゴマークを作成する
|
コンセプト |
- 訪れるみなさまの憩いの場所でありたい
- 誰もがハッピーな気持ちになれる、 素敵な空間を演出する
- 誰もが気軽に行きたくなるカフェ
- おもてなしの気持ちを込めてみなさまをお迎えする
|
制作意図 |
1.オーナーの想いから、幸運を運んでくる、平穏、リラックスの意味のあるスズランをロゴマークにした。
そして、おもてなしの気持ちを込めた、3つの星。
2.居心地の良い空間で過ごして欲しいと、テーマカラーは淡いグリーンになっている。
3.トップ画面に、オープン日を大きく配置し、外観を使うことで、認知度を高められるにした。
|
制作時間 |
デザイン10時間、コーディング20時間 |
制作環境 |
Windows illustrator photoshop CS5 / Mac illustrator photoshop CC |
© 2021 Webマーケティングデザイナー養成科 第27期生 生徒作品