メガネをもっと自由に楽しむ企業のコンセプトから、ポップなイメージの配色でSPデザインのサイトを制作。
背景に固定の画像を表示。containerにbox-shadowを適用。要素の背後の領域にぼかしのグラフィック効果を適用することができるbackdrop-fillteの実装により、すりガラスのようなヘッダーに。CSSのみのハンバーガーメニューと、スムーススクロールの実装。浮遊するメガネ。
要件定義 
鎌倉市に店舗を構えるメガネ販売店。自由な、メガネがコンセプト。ファッション性・耐久性に優れたメガネを取り揃えており、ひとりひとりに合ったメガネを提案する。ファッションに関心のある人や土地柄、観光客もターゲットにしている。新規サイトを制作する。
メガネをかけた自分との新しい出会い、新しい世界が広がるイメージを表現したページにしたい。
多様性を意識した写真の選定と、配色でワクワクさせるような明るい印象のページを作る。
#ポップ #明るい #親しみやすい
メガネは身につける装飾品でもあることから、肌になじむやさしい色をメインカラーとし背景に使用した。サブカラーには茶色を設定してSP時のハンバーガーメニューに使用。合うメガネを提案する真摯な姿勢に安心感を持ってもらえるようなイメージにした。
Google Fontsを使用。柔らかさと軽やかさをもたらせるフォントを選定した。
パーティー感、紙吹雪をイメージした
