何を作ったか
長爪スカルプを主軸に、メニュー、予約導線、ガイド、ポリシーを整理し、Next.jsのWebサイト・LPとして実装した案件です。
顧客要件 / 実装ケーススタディ
長爪スカルプを主軸としたネイルサロンサイト・予約導線の実装ケース
長爪スカルプを主軸に、メニュー、予約導線、ガイド、ポリシーを整理し、Next.jsのWebサイト・LPとして実装した案件です。
店舗のマーケティング検証に合わせ、訴求やページ表現の更新に対応しながら構築している顧客案件ケーススタディです。
長爪スカルプやネイル施術を検討し、メニュー・料金・予約方法・来店前の注意事項を確認したい利用者。
顧客要件、店舗運用上の制約、予約出口、補助導線、ページ構成を整理し、レスポンシブなWebサイトへ落とし込みました。
| 種別 | 実店舗向けWebサイト / LP |
|---|---|
| 担当 | 要件整理 / 情報設計 / UI実装 / 予約CTA / ガイド / 公開準備 |
| 主な技術 | Next.js / React / TypeScript / Tailwind CSS / Next Image |
| 業務課題 | 店舗制約、メニュー整理、予約出口、補助導線、モバイル対応 |
現行実装では、長爪スカルプを主軸に、親しみやすさ、清潔感、予約前に確認したい情報を整理しています。
オーナーのスカルプ枠は2時間半+15分インターバルで扱う方針。
1日最大予約人数は店舗全体で最大4名。全員スカルプ4名を前提にしない設計。
予約時間を守って来店できる方へ自然に案内する方針を反映。
顧客が予約する導線と、店舗が予約を管理する導線を分けています。
現行実装と要件メモから、長爪スカルプを主軸に、可愛い、親しみやすい、清潔感のあるページ表現を重視する方針として整理しました。
顧客側の予約出口はHot Pepper Beautyへ集約し、SALON BOARDは店舗側の予約・顧客情報管理として扱います。LINEは主予約ではなく、補足確認に使う副導線として整理しました。
トップページ、長爪スカルプ向けLP、ご利用ガイド、プライバシー、予約ポリシー、写真掲載ポリシー、口コミポリシー、Cookie、特商法、施術同意などのページが実装されています。
売上や予約数ではなく、コードから確認できる納品物として、店舗公式サイト、LP、予約CTA、ご利用ガイド、メニュー・料金確認導線、Hot Pepper Beautyへの予約集約、モバイル対応、metadata / OGPを掲載対象にしています。
トップ、LP、ガイドではPCとスマートフォンで見せ方を変える画像やCTA、レイアウトが実装されています。LPではPC用・モバイル用の対象者カード画像も分けて管理されています。
トップ、LP、ガイドでは画像、CTA、セクション幅、カード配置をレスポンシブに調整しています。LPではPC用・モバイル用の対象者カード画像も分けて管理されています。
顧客要件、店舗運用上の制約、予約出口、補助導線、ページ構成を整理し、レスポンシブなWebサイトへ落とし込みました。
本ページは、既存実装のREADME、要件メモ、現行ページ、コンポーネント、データ定義から確認できる内容を掲載しています。店舗情報や顧客連絡先は、採用判断に不要なため本文へ転載していません。