<架空サイト>エステ店のWebサイト制作
・レスポンシブデザイン(スマートフォン縦向き表示)
・サブページ
・サブページのレスポンシブデザイン(スマートフォン横向き表示)
・レスポンシブ時のナビゲーションメニュー
→左上のハンバーガーメニューをクリックすると
左からナビゲーションメニューを表示させるようにしました。
【目 的】
・店舗サービス案内・集客
【ターゲット】
・20〜40代 女性
【制 作 期 間】
・3ヶ月程度
【意識した点】
・エステ店という設定だったので、ベースカラーを落ち着いて温かみのある茶色でメインカラーを清潔感を感じさせる白でアクセントカラーに茶色に近いけれど、目立ちやすい赤で全体的に落ち着きある配色を心がけました。
・下にスクロールしても他のページにアクセスしやすいようナビゲーションをサイドで固定させました。
・ナビゲーションの項目にマウスポイントした際、背景色が広がるようにCSSのtransformとtransitionを使って動きをつけてみました。
【ご協力素材】
・ページのアイコン、写真、装飾についてフリー素材を使用してます。