制作概要

【カフェの架空LPサイト（課題練習）】デザインカンプを元に一部変更を加えコーディングしました。背景画像は自身で用意したものに変更、店名ロゴは以前コンペで作成したものを使用しています。

サイト名

cafe Black&Star

事業

飲食業：カフェ

担当範囲

コーディング

使用ツール

XD / Photoshop / Illustrator

言語

HTML / CSS / jQuery

備考

デザインカンプ（提供元：code-step)

仕様

MENU、ABOUT、LOCATIONの背景画像は、PC時のみ固定のパララックスで実装。Googleの地図を埋め込み、グレー表示になるようCSSを設定。ナビゲーションをクリックするとスムーススクロールでターゲット位置に移動。