Task02
2018年10月オープンするカフェ『WasCafe』
店舗企画及びWebデザイン
| 課題名 | 新規オープンするカフェサイトの制作 |
|---|---|
| クライアント要望 | 店の知名度を上げて集客につなげるようにデザインすること。 既存客のいない新規店舗のWebデザインなので、初めて訪れるお客様が見やすく迷わないような構成デザインにする。 誰でも気兼ねなくお店に行きたくなるような雰囲気にすること。 |
| 構成要素 | トップページ／コンセプトページ／メニューページ／提案ページ／サイトロゴ／メインビジュアル／キャッチコピー／オープン告知／お店のコンセプト／店舗情報／ドリンク・スイーツ・フードメニュー、他 |
| カフェに設定した特徴 |
ギャラリー併設であるため、アートにあまり興味の無い方でも来店してもらうため、メニューを豊富に取り揃えることと、コンテンツを豊富にして興味を引くかせる。 |
| サイト仕様 | 900～1000px、レスポンシブデザイン可、キーカラーをコンセプトと共に提案。 |
| 制作意図 | 落ち着いた雰囲気とカフェであることから、ウッドカラーを基調とし、アクセントをコーヒーカラーに設定。背景をアートらしくキャンバス地にする。 トップでアートギャラリーを歌いつつも、カフェとして来店してほしいことを考え、メニュービジュアルを多く使いできるだけ興味を引くことを考え構成。 他のページも画像をふんだんに使い、あらゆる要素があることを見せる。 折角の学習機会であることから、できる限り各ページごとにコーディングの新要素を加え、できるだけ挑戦するように最初から計画。 |
| 制作環境・使用ソフト | Windows10、 Adobe illustrator・Photoshop CS５ およびMacOSX10.11 Adobe illustrator・Photoshop CC2018・Adobe Dreamweaver CC 2019 |
| 制作作業時間 | ラフ4 時間程度。ページデザイン20 時間程度。 サイト構築・コーディング60 時間程度（ただし、6 ページ分のみ） |
トップページデザイン
トップページ レスポンシブデザイン
