レンタルサロン ホームページ制作
Challenge
最大の課題は、実際のビジネスサイトとしての訴求力と他業種への転用を想定した汎用設計を同時に実現すること。各セクションをACF（Advanced CustomFields）で管理できるコンポーネントとして設計し、テキスト・画像・料金プランをCMSから差し替えられる構造にした。また、Canvasアニメーションによるローディング画面はブランドの個性を出しつつ、設定値をCONFIGオブジェクトで一括管理することで他案件への流用も容易にした
Overview
レンタルサロン LOTUSの集客・予約促進を目的としたLP（ランディングページ）。独立を目指すビューティー系フリーランス（主に40〜50代女性）をメインターゲットに設定。稲毛駅徒歩1分という立地優位性と、初期投資ゼロで開業練習ができる独立支援コンテンツを軸にコンテンツを設計。同時に、同業サロン・宿泊施設オーナーへの制作受注を見据えた汎用コンポーネント設計も採用。
Design Note
ブランドカラー #5BB8D4（清潔感のある水色）を軸に、白・ネイビー系のニュートラルカラーで「プロフェッショナルで親しみやすい空間」を表現。英字にはMontserrat（西海岸感）、日本語にはNoto SansJPを使用し、異なる書体で情報の階層を整理。ローディング画面ではHTMLCanvasで砂浜・海・ヤシの木・かもめを描画したオリジナルアニメーションを実装し、世界観への没入感を演出。全セクションにGSAPScrollTriggerによるスクロールアニメーションを適用。
Result
全11セクションのシングルページLPをHTML/CSS/JS（静的版）で完成。WordPressへの移行を想定したテンプレートパーツ構成を採用し、Xserver上のサブドメインにデプロイ。HANA（美容室）・千葉リノベーション工房に続く第3弾ポートフォリオ案件として、「サロン・店舗系サイトを作れるデザイナー」としての実績を積み上げ、制作受注への導線として機能している。
制作のご相談・お見積りはお気軽にどうぞ。
お問い合わせ