カフェサイトのファーストビュー

Cafe site 02.

カフェインデックス画像

ロゴマーク提案の画像
課題カフェサイト制作
演習目標クライアントから制作依頼された仕事という前提でカフェサイトを制作。目標を達成するために必要なwebサイトを、WF作成からコーディングまですること。
課題にあたって実店舗にオーニングテントがあったのでそのまま外見を取り入れています。レンガ調、クリーム色の壁の温かさをそのままHPのデザインに落とし込み、グローバルナビは英語表記ですがイラストを入れてわかりやすくし、レスポンシブでは日本語表記も合わせて記載しています。
メニューページではタブ切り替えを実装して、ページが長くなりすぎないようにしました。
CSSのコードはSCSSを使って書きました。
制作時間WF、デザイン、バナー制作:24時間
コーディング(レスポンシブ含む):45時間
制作ソフトIllustratorCC,PhotshopCC,XD,Visual Studio Code
配色
カフェサイトリンク

※カフェサイトが新規タブ、またはウィンドウで開きます