Amela
機密保持のため、企業名・サービス名・システム画像は仮名およびモックに置き換えています。
美容サロン予約サービス様 プラットフォーム構築ストーリー

電話予約と空き枠管理を、マーケットプレイス型予約 SaaSへ。

BloomBook は、複数の美容サロンとお客様を1つのプラットフォームで結ぶ予約マーケットプレイス。お客様向け React Native モバイルアプリ、サロンオーナー向け Web 管理画面、TypeORM ベースの統合 API バックエンドで構成。Socket.io リアルタイムチャット・Google Translate 多言語対応・AWS S3 作品ギャラリーを統合。

「電話予約待ち・紙ノート二重ブッキング・写真比較不能・予約変更相談の遅延」 ─ 美容サロン業界に必要な4軸を同時に満たすマーケットプレイス基盤を、ゼロから13ヶ月で内製構築した、新規プラットフォーム立ち上げストーリー。

統合アプリ
3 機能
API + 会員 RN + オーナー Web
市場モデル
マーケットプレイス
複数サロン × 多数会員
リアルタイム機能
Socket.io
チャット + 通知
多言語対応
Translate API
インバウンド観光客対応
01
CLIENT
お客様について

美容業界のデジタル化を牽引する、「美容サロン予約サービス様」。

美容サロン予約サービス様は、ヘア・ネイル・アイ・フェイシャル・ボディの 5 カテゴリで複数のサロンとお客様を結ぶマーケットプレイス事業者。サロン側は電話 + 紙ノートで予約管理、お客様は複数サロンを比較するために個別ウェブサイトや Instagram を巡回する状況でした。

「予約・空き枠把握・写真比較・チャット相談を1基盤で完結する」ことを目標に、3 サイドのマーケットプレイス SaaS を内製。Socket.io リアルタイムチャット、Google Translate 多言語、AWS S3 作品ギャラリー、Bull 非同期ジョブを統合運用しています。

対応カテゴリ
5 (Hair/Nail/Eye/Face/Body)
統合アプリ
3 (API+会員+オーナー)
対応プラットフォーム
iOS + Android + Web
BUSINESS FLOW
01
STEP
サロン検索
カテゴリ・エリア・キーワードで検索
02
STEP
作品比較 + チャット
写真ギャラリーで比較、サロンに相談
03
STEP
予約確定
空き枠を選択して即座に予約
04
STEP
来店 + レビュー
サロン来店 → レビュー投稿 → ポイント
02
CHALLENGE
解くべき設計課題

マーケットプレイスに求められた、4つの構造要件。

いずれも技術選定の問題ではなく、お客様体験・サロン運営効率・写真比較体験・コミュニケーションスピードに直結する事業要件。

① マルチサイドを別々に作れば、整合性が失われる

お客様アプリとサロンオーナー Web を独立 DB で運用すれば、予約状況が同期しない リスクが残る。

② リアルタイム通信を非同期で作れば、UX が落ちる

チャット・予約通知を Polling で作れば、遅延が常態化 しサロンとの相談スピードが下がる。

③ 写真管理を外部依存にすれば、検索体験が崩壊する

サロン作品写真を Instagram などの外部に依存すれば、サービスから離脱 しやすくなる。

④ 多言語対応を後回しにすれば、インバウンドを逃す

日本語のみで運用すれば、訪日観光客の予約機会 を逃し、サロンの稼働率が伸び悩む。

03
ARCHITECTURE
共に築いた構成

サロン予約を、4つの領域で「止まらない基盤」へ。

美容サロン予約サービス様のマーケットプレイスを、ゼロから内製で構築しました。TypeORM + MySQL + Redis の API バックエンド上に、React Native お客様アプリ、UmiJS (React + Ant Design) サロンオーナー Web を統合。Socket.io でリアルタイム同期、Google Translate で多言語、AWS S3 + Bull で写真処理。

領域 ①
マルチサイド統合
課題
マルチサイドを別々に作れば、整合性が失われる。
解決策
TypeORM + MySQL の共通 API で 3 アプリを統合
同一データベースを参照、お客様 RN + オーナー Web + API がリアルタイム同期
領域 ②
リアルタイム通信
課題
リアルタイム通信を非同期で作れば、UX が落ちる。
解決策
Socket.io WebSocket + Bull 非同期ジョブ
チャット・予約通知・空き枠更新を全アプリ間で即時同期、Push 通知も連動
領域 ③
写真ギャラリー
課題
写真管理を外部依存にすれば、検索体験が崩壊する。
解決策
AWS S3 + cropper で作品ギャラリー内蔵
サロンが直接アップロード、cropper で編集、お客様アプリでカテゴリ・タグ別に検索
領域 ④
多言語対応
課題
多言語対応を後回しにすれば、インバウンドを逃す。
解決策
Google Translate API で自動翻訳
サロン情報・サービス説明を自動翻訳キャッシュ、訪日観光客が母国語で予約可能に
TECH STACK
Mobile
React NativeN Navigation 5📅 calendars
Web Admin
Ant DesignU UmiJS📅 react-big-calendar cropper
Backend
TypeORM MySQL Redis · Bull Socket.io AWS S3 Translate
04
IMPACT
プラットフォームが生み出す価値

美容サロン予約サービス様の「事業成長」が、加速する。

この基盤は技術指標ではなく、お客様予約スピード・サロン運営効率・インバウンド対応・コミュニケーション速度を継続的に生み出します。

① 即時予約を可能にする基盤

電話 → 待機 → 確認の予約フローが、検索 → 即時予約 → 確認に短縮される。

② サロン側の運営効率を最大化する設計

紙ノートのダブルブッキングが解消、Web カレンダーで一目で空き枠を把握できる。

③ インバウンド対応を実現する構成

多言語自動翻訳で訪日観光客もスムーズに予約可能。サロンの稼働率向上に寄与。

④ お客様・サロン間の信頼を構築する設計

作品ギャラリー比較 + チャット相談で、予約前から安心して施術内容を確認できる。

05
DEMO
3つのシナリオ

実際に動くデモで、美容サロン予約サービス様の体験を。