架空のカフェサイトをレスポンシブ対応で制作。
サイトの目的
新規オープンのカフェの告知と地域の顧客獲得
ターゲット
ランチやティータイムでカフェを利用する近隣地域の老若男女
デザインについて
新規オープンのおしゃれなカフェをイメージできるスタイリッシュなデザインにしつつ、老若男女を問わず愛されるカフェというコンセプトに沿って随所に丸みを持たせたデザインを配置するなどスタイリッシュになり過ぎないようバランスに配慮しました。
どのページを開いても画面一杯のメインビジュアル画像が表示され、ファーストビューを強く印象付けるようにしました。レスポンシブの場合も同様です。
ヘッダーはPC画面ではナビゲーションメニュー、レスポンシブではハンバーガーメニューに変化するなどUIにも配慮しました。
制作環境
デザイン:Photoshop/illustrator/
コーディング:HTML5/CSS3/jQuery/