ほしくず.com

• 名称：「Cafe Was」(他 was cafe、ワズ・カフェ等)
• サイト概要：9/1に新規オープンするカフェのサイト
• 目的：店の知名度を上げて集客に繋げる
• 要望：既存客のいない新規店舗のWebサイトなので見やすく迷わない構成、デザインにすること。誰でも気兼ねなく行ってみたくなる雰囲気にすること。
• ターゲット：特に指定なし（年齢性別問わず広い層に見てもらいたい）

1. ヘッダーロゴ
2. グローバルナビ
3. メインビジュアル
4. キャッチコピー
5. オープン告知
6. お店のコンセプト
7. 店舗情報（所在地、電話番号、営業時間 等）
8. ドリンクメニュー、フードメニュー、スイーツメニュー
9. 提案ページ（内容を各自考えて提案）

クライアントからの要望が見やすく迷わない、広い層に見てもらいたいサイトということだったので、構成自体はシンプルにまとめました。
だけどシンプルすぎないページを目指し、また、コンセプトにある『少しの遊び心』を表現する為ナビゲーションボタンをマウスホバーで一部色がつくイラストにしたり、JavaScriptで多少の動きを取り入れたりしました。
ナビゲーションはカラント表示にし、該当ページを見ている時はずっと色付きのボタンが表示される仕様にしてあります。

各自の提案ページはブログ形式のページでコンテンツ名をインフォメーションとし、新たなメニューの紹介や採用情報、イベント告知などをリアルタイムで載せていけるページにしました。

全体的に作り自体はシンプルなので、画像や文字の配置に気を使い、綺麗にまとまったサイトに見えるように心がけました。

• 制作期間：2016/8/10～2016/9/1　2016/9/2発表
• 作業時間：約50時間
• 使用ソフト：illustrator CS5、Photoshop CS5、Tera pad
• 確認環境：Google chrome