クライアントワーク / サロンのホームページ
RINNOVA /サロンサイト
サロンの魅力を、相談・予約につなぐ。福岡・博多のハーブピーリング専門サロンのホームページを制作しました。
公開サイトを見る
CLIENT VOICE
お客様の声
RINNOVA様
ホームページ制作後のアンケートより
まず仕事が早くてびっくりしました！
私がイメージしてたよりもかなり細かく完璧に仕上げてくれて、尚且つ私の希望も細かく聞いてくれて大満足です★
本当にありがとうございます！
ページもとても見やすいです！
- 思い描いていたイメージ
- とても合っていた
- お店らしい色合い・写真
- とても合っていた
- 制作中の相談のしやすさ
- とても相談しやすかった
PROJECT
来店前の疑問に答える、14ページ。
目指したのは、初めての方が「自分に合いそうか」を判断できるサイト。1ページに詰め込まず、施術内容・事例・初めての方への説明・アクセスなどを整理しました。
- 担当したこと
- 構成・導線設計 / デザイン / 記事制作 / 画像制作 / 実装・公開
- 01
施術を知る
フェイシャル・ボディの内容、料金、初めての方への説明。
- 02
サロンを確かめる
実際の施術事例、オーナーの紹介、店内写真とアクセス。
- 03
相談・予約する
予約はLINEかHot Pepper Beauty。迷ったらLINEで相談。
DESIGN & MOBILE
柔らかな見た目と、迷わない操作。
淡いグリーン、丸み、グラデーションとぼかしで、自然で清潔感のある印象に。写真と背景の境界もなめらかにつなぎました。
PCとスマホで文字の改行・写真の切り取り・予約ボタンの位置を調整。小さな画面では予約導線が重複しないようにしています。
写真と生成素材の役割を分ける
店内・オーナー・施術事例は実際の写真。イメージ写真や説明用の素材はAIで制作し、色と質感をそろえています。
INTERACTION
比べる・選ぶ操作を、わかりやすく。
施術事例は、境目を動かして前後を見比べるスライダーに。ボディの事例には画像を切り替えるカルーセル、回数コースには料金を開く操作を用意しました。
詳細ボタンには、ハーブの質感が左から塗られる演出を。文字の読みやすさを保ち、PCはクリックですぐ移動、スマホは短い演出で案内します。
公開サイトで比較操作を試す ↗
CONTENT & SEO
検索で知った方にも、必要な説明を。
福岡・博多・住吉でハーブピーリングを探す方を想定し、初めての方へのガイドと4本のお手入れ記事を制作しました。
施術の流れ、来店前の準備、施術後のケア、毎日の習慣。疑問に答える記事から関連メニューや相談へつなぎ、ページごとのタイトル・説明文と検索エンジン向けのページ一覧も整備しました。
DIRECTION & AI
AIへ渡す前に、判断基準を決める。
最初に決めたのは、誰に、何を、どの順番で伝えるか。参考サイトの良さを整理し、色・余白・写真・予約導線の方針をAIへの制作指示に落とし込みました。
生成して終わりにはせず、実画面でレビューを重ね、見出し、ボタン、画像の境界、スマホの表示まで調整。最後に全ページの表示・リンク・画像の読み込みも確認し、公開まで担当しました。
写真の切り替えやボタンの動きも、実際のサイトでご覧いただけます。
RINNOVAのサイトを見るLET’S MAKE IT
まだ、まとまって
いなくても。
つくりたいものと、今の悩み。
まずはそこから聞かせてください。