Services Pricing Process Numbers Works Contact
Case Study 02 Standard Plan — ¥450,000〜 ヘアサロン 原宿

NOEL HAIR TOKYO COLOR — STYLE — FREEDOM

Hot Pepper を見た客が、もう一度サイトに戻ってきたくなる設計に。
月額ゼロ円で予約完結。

Standard 2週間 日英対応 Stripe決済 Instagram連携
Standard Plan NOEL HAIR TOKYO — Demo Site Screenshot
01

Challenge

Hot Pepper の手数料が、利益を圧迫していた。

原宿駅徒歩3分、開業1年のヘアサロン。スタイリスト3名、得意は「色」。予約管理は電話と Hot Pepper Beauty。月の予約は安定していたが、Hot Pepper の手数料が利益を圧迫していた。

自社サイトで予約を完結させたいが、予約システム導入は月額3万円以上が普通。そんな板挟みの状況だった。

02

Solution

Hot Pepper の代替ではなく、戻ってきたくなる体験を。

Hot Pepper の代替ではなく、「Hot Pepper を見た客が、もう一度サイトに戻ってきたくなる」体験設計に。

予約システムは外部 SaaS を使わず、Google フォーム + Sheets + Stripe で構成。月額ゼロ円で運用継続。

03

Design Details

発色の良さを、画面で体感させる。

01

フローティングバブル

画面全体を漂うカラフルなバブル。マゼンタ・シアン・グリーンが緩やかに混ざり、発色の良さを暗喩する。

02

スタイリスト × Instagram

各スタイリストの紹介ページに Instagram を埋め込み。個人ブランディングを店舗ブランディングに直結。

03

カラー予約 + 前金 ¥3,000

Stripe Checkout で前金決済を組み込んだ予約フォーム。キャンセル率を構造的に下げる仕組み。

04

日英ワンクリック切替

原宿の客層分析より、韓国・台湾観光客の流入を想定して i18n を実装。custom JS で軽量に。

04

Industry Structure

Hot Pepper 手数料が、利益を削っていた構造。

ヘアサロン業界の典型構造:Hot Pepper Beauty の予約手数料が売上の数%〜十数%、月額 SaaS の予約管理コストがさらに上乗せ。さらに「一見客中心、リピート率が読めない、価格競争に巻き込まれる」という三重苦が、独立系オーナーの利益を圧迫してきました。

NOEL HAIR TOKYO では、Google フォーム + Stripe + Sheets の月額ゼロ円自社予約システムを構築。日英切替で韓国・台湾観光客にも対応。Hot Pepper の代替ではなく、見た客が戻ってきたくなる体験設計で、依存構造から段階的に脱却する選択肢を持ちました。

━━━━━━━━━━━━━━━━━━

これがあるだけで、気持ちが楽。
構造を変えるきっかけになった。
— NOEL HAIR TOKYO 代表
05

Tech Stack

月額ゼロで予約を捌くスタック。

HTML/CSS/JS Anime.js Stripe Checkout Google Forms API i18n (custom) Instagram Graph API
06

Timeline

2週間で公開まで。

Week 1 フォーム回答 / コンセプト設計 / デザイン提案
Week 2 実装・予約フロー構築・多言語対応
Day 14 公開

Hot Pepper の手数料を、自社サイトで取り戻す。

Standard Plan は、この NOEL HAIR TOKYO で採用した制作プラン。
自社予約システム、日英対応、Stripe決済込み、約二週間で公開まで。

Standard Plan で相談する → View Demo Site → ← Back to Works

規模・要件により別途お見積り。