【ターゲット】
・マツエクに興味はあるが、未だ予約することができていないマツエク初心者
・初めての施術に不安を感じている方
・華やかな容姿に憧れる20-30代女性
【制作期間】２０２３年７月〜８月
【制作フロー】
①HP作成の目的を明確にする
・マツエクサロンの新規予約者数UP
②ワイヤーフレーム作成
・メインビジュアルで何のサイトか一目でわかるよう表示
・ナビゲーションで得られる情報のイメージを伝える
・スクロール途中に飽きられないように自然な順序やレイアウト作成
③デザインカンプ作成
・華やかな印象・上品な使用カラー・統一感
・読み進めたいと思ってもらえるように各セクション毎でデザインを変える
・繊細で上品なイメージ：文字小さめ、文字間広め
・詳細画面へのリンクボタンやGmapへリンクするボタンは目立つように
背景に濃い色を使用
・初心者が不安に思っていそうな内容をまとめて、QA表作成
④コーディング
・コーディングが全て反映しているか確認
・全エラーチェック
・③との一致度の確認 等
⑤公開
・問題なく実装できているか最終確認
【こだわりポイント・工夫したポイント】
・お花の写真をバックに配置して、女性向けで華やかな品のある印象のデザインへ。
・メニューセクションの背景写真の透明度設定や
ナビゲーションクリック時のスムーススクロール、
アコーディオンメニューの矢印の動き、
メインビジュアルが表示されたときにふわっと表示されるようjqueryを使用する等、 初心者でも予約してもらいやすいような柔らかい印象に仕上げました。
・新規顧客を増やすため、予約ボタンや初回予約特典を目立つように下部に記載。
・スクロール中にもすぐ予約できるように、常に予約ボタンが表示されるよう設定。
＜HP画像＞
制作HP URL：http://lunachii.itigo.jp/