Imami's Portfolio

作品詳細ページです

Le midi(ル・ミディ)

Le midiトップ画像

このサイトについて

  • 落ち着いたイメージの架空のリラクゼーションサロンのサイトです。
  • コンセプト:極上のリラックスタイムをあなたに
  • 制作期間:約1ヶ月
  • ターゲット:主に20〜60代女性/美を追求する大人の女性
  • 配色:南フランスの自然(ラベンダー・ブドウ・地中海)の紫や青がメインカラー、リラックスできる月明かりの黄色がアクセントカラーです

工夫した点

Le midiポイント01画像

PC画面(左)とスマホ画面(右)


    1固定バー/開閉式メニューの使用とレスポンシブデザイン対応

    例)グローバルナビゲーション:PCの時は左サイドで固定したメニューにし、スマホの時はメニューバーは開閉式のハンバーガーメニューで見やすくしました。

    例)SNSアイコンの位置:PCは左サイドの下、スマホの時は一番下に表示されるようにしました。



Le midiポイント02画像

    2カレンダーで日付を選べる、jQueryを使用した予約フォーム

  • ユーザーの利便性を考え、jQuery「pickadate.js」を使って予約日時をカレンダーや時間選択バーから選べるようにしました。

  • 予約フォーム/お問い合わせフォームでは送信前に予約内容の確認を行い、送信完了の画面を出す設計にしています。
    ※ダミーフォームなので実際には送信されません

ウェブサイトを見る

TOP▲