CMS Website / UI・UX Design
Relaxation Salon
Website
01/Overview
Overview
リラクゼーションサロン向けCMSテンプレートのデザインリニューアルプロジェクトです。
ホテルスパのような上質な世界観を表現しながら、予約までの心理的ハードルを下げる情報設計と、安心感を醸成するUIデザインを行いました。
CMSの構成はそのままにし、幅広いサロンで活用できる汎用性の高いテンプレートを目指しました。
A redesign project for a CMS template created for relaxation salons.
The design delivers a premium hotel-spa atmosphere while reducing barriers to booking through clear information architecture and a calm, trustworthy interface. The existing CMS structure was retained, with visual elements refined for a flexible, reusable template.
Project Goals
-
サロンの世界観と信頼感を伝えるデザインを構築
Communicate a premium brand experience
-
安心して予約できる導線を設計
Improve the booking journey
-
幅広い店舗で活用できるCMSテンプレートを実現
Create a flexible CMS template
02/Challenge
Challenge
-
サロンごとの魅力が十分に伝わりにくい
Brand value lacked visual clarity
-
初めて利用するユーザーの不安を払拭できていない
User trust before booking was limited
-
世界観と予約導線が十分に結び付いていない
Booking flow was disconnected from the brand experience
Background
リラクゼーションサロンでは、価格だけではなく「安心して任せられる雰囲気」や「空間の心地よさ」が来店を左右します。一方で、既存テンプレートではブランドの世界観や信頼感を十分に表現しきれておらず、予約前の不安を軽減する情報設計が求められていました。そこで、CMS構成を維持しながら、世界観・情報設計・ビジュアル表現を見直し、予約までを自然につなぐ体験を設計しました。
Choosing a relaxation salon depends on trust, atmosphere, and comfort as much as price. The redesign refined the visual identity and information structure to create a seamless journey from first impression to booking.
03/Approach
Approach
ブランドの世界観と安心感を両立し、予約までを自然につなぐUX設計を行いました。
Designed a user journey that combines brand atmosphere with a seamless booking experience.
導線設計
User Flow
安心感を段階的に高めながら予約へ導く構成
A structure that gradually builds trust to guide users toward booking
情報設計
Information Architecture
CMS構成を活かしながら情報の優先順位を最適化
Optimized information priority while leveraging the existing CMS structure
ビジュアル設計
Visual Design
ホテルスパをイメージした上質で静かなデザインを構築
Built a premium, quiet design inspired by hotel spas
04/Design Solution
Design Solution
成果につながるよう、以下のポイントを意識してデザインしました。
The design focused on the following points to drive meaningful outcomes.
情報整理
Information Structure
Concept・Gallery・Reviewを通じて安心感を段階的に高める情報構成を設計。
Organized content to build trust step by step.
ビジュアル設計
Visual Design
余白・写真・タイポグラフィを活かし、Quiet Luxuryを表現するデザインを構築。
Expressed a quiet luxury aesthetic through imagery, typography, and spacing.
導線強化
Conversion Flow
店舗情報から予約CTAまでを自然につなぐ導線を設計し、行動しやすいUIを実現。
Designed a smooth path from browsing to booking.
PC
Mobile
05/Outcome
Outcome
上質なブランド体験を伝え、予約までをスムーズにつなぐCMSテンプレートを実現。
Created a CMS template that supports both premium branding and a seamless booking experience.
-
ブランドイメージの向上をサポート
Strengthened brand perception
-
初回予約への心理的ハードルを軽減
Reduced booking hesitation
-
幅広いサロンで活用できるテンプレートとして最適化
Optimized for a wide range of salons
Contact
Let's talk
フリーランス案件のご相談も承っております。
お気軽にご連絡ください。
Available for freelance projects.
Feel free to reach out anytime.