コーディング / レスポンシブデザイン対応

制作期間

３日

使用言語・ツール

HTML5 / CSS3 / JavaScript / VSCode / Figma

主な特徴

マウスホバー時にボタンが枠で囲まれる動き / 背景の固定 / スムーススクロール / モノクロ地図の埋め込み

コンセプト

「Lumière(リュミエール)」とは、フランス語で「光」という意味を表すそうです。お店の名前に込められた想いを再現すべく、WEBサイト全体のデザインをフレンチシックとモダンな感覚を融合させたスタイルで統一しました。
洗練されたレイアウトで、サイトの訪問者がカフェの暖かな雰囲気を感じられるように工夫してあります。
レスポンシブデザインにより、PC、タブレット、スマートフォン、どのデバイスからアクセスしても明確でシンプルなレイアウトを保つように設計しました。