
OVER VIEW
Project
jasmine – Webサイト
Client
jasmine/エステサロン
Live View
Release
2020年10月
STORY
Highlights
- UIと連動する独自実装の予約システム オンライン予約機能への具体的な期待に応え、スクラッチ開発で実装。店名の持つ柔らかく清潔な世界観を損なわず、予約時の心理的負担を徹底的に排除した顧客体験を構築。
- 事業の拡大に即応するデザインの転換 開業時の「ナチュラル」から、化粧品ブランド導入に伴う「高級感」ある配色へ。ビジネスの成長に合わせてサイトを迅速にアップデートし、新しいブランド価値を即座に体現。
- 長期的信頼を守るための法規制遵守 エステ業界特有の表現規制(薬機法等)を正しく理解し、持続的な運営を支える言葉選びを徹底。ブランドを法的なリスクから守り、誠実な情報発信を技術と専門性で支援。
- 運用の自走と変化を支える技術設計 WordPressのブロックエディタを採用し、オーナー自身による容易な更新とデザインの安定性を両立。開業支援からリニューアル、保守に至るまで、成長を妨げない持続的な伴走を実現。
STORY
ポートフォリオを通じて届いた一通の問い合わせ。「開業に合わせてオンライン予約のできるホームページを用意したい」。エステサロンの船出を支えるWebサイトは、予約システムという具体的な機能への信頼から始まりました。そして開業後、化粧品ブランドの取扱いという事業拡大に伴い、デザインも進化する。クライアントのビジネスが変化するとき、Webサイトがその加速を妨げず、むしろ後押しする。そんな持続的な関係の記録です。
予約システムという、確かな信頼
問い合わせフォームから届いたメッセージは、シンプルでした。「開業に合わせてオンライン予約のできるホームページを用意したい」。
ポートフォリオを見ての依頼。しかし今回求められたのは、制作実績そのものではなく、そこに実装されていた「予約機能」でした。機能への評価が、信頼の起点になる。技術者として、これほど具体的な期待はありません。
開業という船出を前に、Webサイトという基盤を求める。急ぎではないが、確実に必要なもの。まずは知り合いや口コミで営業を始め、徐々に問い合わせが増えればいい――オーナーの言葉には、堅実な経営姿勢が滲んでいました。
すでにあった世界観を、正確に読み取る
制作に取り掛かる前、私はオーナーのSNSを確認しました。そこには、開店準備の様子が丁寧に記録されていました。
店舗の装飾。技術習得のための勉強会。脱毛という専門技術を磨き続ける姿勢。そして何より、画面を通して伝わってくる空間の雰囲気――白と緑を基調とした、ナチュラルで清潔感のある世界観。
Webサイトに求められたのは、この延長線上にあるデザインでした。すでにSNSやGoogle Mapを通じて発信されていた「らしさ」を、サイトでも一貫させる。オーナーが築いた世界観を、技術で正確に具現化すること。それが、私の役割でした。
店名が象徴する、柔らかく清潔な印象。白と緑のナチュラルな配色。予約システムのUIも、その世界観を損なわない形で実装しました。システムに合わせてデザインを妥協するのではなく、理想のデザインにシステムを完全に同化させる。独自実装だからこそ実現できた、ノイズのない顧客体験でした。
脱毛という、継続と信頼のサービス
脱毛は、一度きりのサービスではありません。繰り返し通うことが前提の、長期的な信頼関係を必要とする施術です。
予約の心理的負担を、徹底的に下げる。24時間いつでも、自分の都合で予約できる。電話の緊張から解放され、思い立った時にすぐ行動できる自由。これが、予約システムが果たすべき役割でした。
エステサロンには、医師法、薬機法に基づく厳格な表現規制があります。「治る」「改善する」「必ず効果がある」――効果を直接的に謳う言葉は、すべて禁止されています。
一過性の集客ではなく、長く愛されるサロンであるために。法規制という枠組みを正しく理解した上での表現選びは、クライアントのブランドを長期的・持続的に守るための専門性です。脱毛サロンとしての法規制遵守を徹底しながら、サービスの価値を伝える。パートナーとしての誠実さを、一文一文に込めました。
事業の拡大と、デザインの即応
開業から時間が経ち、新たな展開が訪れました。化粧品ブランドの取扱いを開始したのです。
これは、単なるメニュー追加ではありませんでした。外部ブランドとの提携。そのブランドイメージを、サイト全体で体現する必要がありました。
オーナーからの相談は、直截的でした。「ブランドのイメージに合わせて、サイトのデザインを変更したい」。
白と緑のナチュラルな世界観から、黒とゴールドの高級感へ。化粧品ブランドが持つイメージに調和する配色への転換。専用ページの追加。サイト全体のトーンの見直し。
事業のステージが上がったとき、Webサイトがそのスピードを妨げないこと。むしろ、新しいブランド価値を即座に体現できる柔軟性を持たせること。デザインは大きく変わりましたが、予約システムをはじめとする機能は、そのまま安定稼働を続けました。変化に即応できる技術基盤が、クライアントの攻めの経営を支えたのです。
技術資産という、クライアントへの還元
独自開発した予約システムは、現場での実運用と検証を重ねるごとに、より信頼性の高いものへと進化してきました。積み上げてきた技術資産をベースにすることで、検証済みの安定感を保ちながら、ブランドごとの自由な表現を可能にします。
今回は、ナチュラルな雰囲気に調和するUIを一から構築しました。その後のデザイン変更では、黒とゴールドの世界観に馴染む形へと再構築。UIの印象は異なりますが、信頼性の高い予約体験は一貫して提供され続けています。
実績に裏打ちされた安定感と、クライアントごとの世界観に合わせた自由度。そして短納期での実装。これらすべてが、クライアントにとっての実利となります。
WordPressの進化とともに
時代とともに、プラットフォームも進化します。WordPressは、クラシックエディタからブロックエディタへと移行しました。
このサイトは、ブロックエディタで構築しました。これにより、オーナー自身が更新する際も、デザインが崩れにくい環境を実現できました。
WordPressのバージョンアップに追従できる実装力。プラットフォームの進化を、クライアントの利便性向上に繋げる。技術的な変化を、確実に価値へと変換する。それが、持続可能なサイト運営を支える基盤となります。
どのデバイスでも、変わらない体験を
開業時の白と緑も、リニューアル後の黒とゴールドも、スマートフォンで見たときの印象を損なわないように実装しました。予約カレンダーは、画面サイズに関わらず直感的に操作できる。デザインが変わっても、どのデバイスからアクセスしても、ブランドとしての一貫性は保たれています。
変化に寄り添う、持続的なパートナーシップ
Webサイトは、公開がゴールではありません。日々更新され、クライアントの成長とともに進化し続けてこそ、ビジネスの基盤となります。
開業支援から、事業拡大に伴うデザイン変更まで。デザインは変わっても、予約システムは安定稼働を続け、法規制遵守の姿勢は一貫し、レスポンシブ対応の品質は保たれています。
クライアントのビジネスが変化するとき、技術がその足かせにならず、推進力になる。それは、一度作って終わりではなく、継続的に伴走する姿勢です。
予約システムという機能への信頼から始まった制作。開業時のナチュラルな世界観から、事業拡大に伴う高級感への転換まで。クライアントのビジネスの変化に、技術で柔軟に応え続けました。
ヒアリング、デザイン、実装、そして運用保守に至るまで。トータルで伴走するからこそ、クライアントは本業に集中できる。技術を提供するのではなく、安心を提供する。それが、私の制作姿勢です。
GALLERY
PHASE
- 要件定義
- クライアントのSNSやGoogle Map等の発信内容を精査し、既存の世界観を正確に反映した実装方針を確立。オンライン予約という機能要件に対し、長期的な信頼関係を支えるための設計思想を定義しました。
- ビジュアル設計
- SNSと連動したナチュラルなビジュアルアイデンティティを構築。事業拡大に伴うリニューアルでは、化粧品ブランドの展開に合わせたラグジュアリーな世界観へのリポジショニングとトーン刷新を提案・実施しました。
- ライティング
- エステ業界特有の表現規制(薬機法・医師法等)を遵守しながら、サービスの価値を最大化する言葉を執筆。法的リスクを排した持続的なブランド保護と、開業・拡大それぞれのフェーズに適した言葉選びを徹底しました。
- サイト設計
- 新規客の不安を解消する導線と、リピーターの利便性を両立させた情報配置を設計。予約システムを単なる「機能」ではなく、サロンのブランド体験を象徴する重要な「接点」として構造化しました。
- UI/UX設計
- 独自実装により、システムをデザインの世界観に完全に同化。画面遷移やボタン配置の最適化を通じて、24時間いつでも心理的負担なく予約を完了できる、直感的な顧客体験を実現しました。
- バックエンド
- WordPress完全オリジナルテーマを構築。プラグインに依存しないスクラッチ開発の予約システムを実装し、事業成長に伴う大幅なデザイン変更や仕様変更にも耐えうる、柔軟かつ強固な基盤を実現しました。
- フロントエンド
- HTML/CSS/JSによるレスポンシブ実装。デバイスを問わず一貫した品格を保つとともに、管理画面からの更新内容がデザイン定義を崩さず正確に描画されるロジックを構築し、デザイン品質を保持しました。
- 運用設計
- オーナー様が本業に専念できるよう、操作の迷いを排除した更新環境を構築。視覚的フィードバックと誤操作防止設計により、デザインの安定性を保ったまま自律的に運用できるワークフローを確立しました。
- 公開・運用保守
- サイト公開後のテクニカルサポートから、トラブルシューティング、事業拡大に伴うページ追加、デザイン刷新まで一貫して担当。ビジネスの変化に即応し、安心して運用を続けられる伴走体制を構築しました。


