TUMIKI
カフェサイト
- Design
- Coding
- Responsive
| サイト概要 | 新しくオープンするカフェのサイト。店の知名度を上げて集客につなげることが、このサイトの目的。また、既存客のいない新規店舗のWebサイトのため、「初めて訪れた人が見やすく迷わない構成・デザイン」かつ「誰でも気兼ねなくお店に行ってみたくなるような雰囲気にしてほしい」とクライアントからの要望あり。 |
|---|---|
| ページ構成 （必須要素） |
A: トップページ（サイトロゴ/ メインビジュアル/ キャッチコピー/ オープン告知） B: コンセプトページ（お店のコンセプト） C: メニューメニュー（ドリンクメニュー/ フードメニュー/ スイーツメニュー） D: 提案ページ（※内容を各自考えて提案） |
| サイト仕様 | 横幅：900～1,000px（ブラウザサイズに合わせて変化するデザインでも可） ターゲット：特に限定しない（性別・年齢問わず幅広い層に見てもらいたい） キーカラー：デザインコンセプトと一緒に提案 |
初めてWebサイトに訪れた人が迷わないように、余白や写真を多く使ったシンプルなデザインにしました。常にサイトが画面いっぱいに表示されるように設定し、グローバルナビとフッターを固定することで見やすさを追求しました。また、誰でも気兼ねなくお店に行ってみたくなるような雰囲気を表現するために、ゆったりとくつろげる海外風のカフェをコンセプトに全体を構成しています。海外を思わせる配色として濃いグレーにオレンジを組み合わせており、アクセントカラーのオレンジは全体を明るい雰囲気にし、料理を美味しそうに見せる役割もしています。紙をちぎったような背景や手書き風フォント、セロハンテープ等を使用して遊び心のあるデザインによって親しみやすい雰囲気を表現しました。
| 制作時期 | 2017年7月 |
|---|---|
| 制作時間 | 約50時間 |
| 動作環境 | llustrator CS5/ Photoshop CS5 HTML5/ CSS3 |
