ベビマム三条
産後ケア施設のウェブサイト再設計
UIUX
HPデザイン
マーケティング
ベビマム三条
産後ケア施設のウェブサイト再設計
UIUX
HPデザイン
マーケティング


役割
UIUXデザイナー
マーケター
ツール
Figma
Google Analytics
ヒートマップ
Microsoft Clarity
役割
UIUXデザイナー
マーケター
ツール
Figma
Google Analytics
ヒートマップ
Microsoft Clarity
プロジェクト概要
背景と目的
このプロジェクトは、最初の施設のためのInstagram管理サポートから始まりました。
第二の施設がオープンするとき、私はユーザー体験と運用効率を改善するためのウェブサイト再設計提案を開始しました。
既存のウェブサイトは両方の施設に関する情報を統合しており、ユーザーに混乱を引き起こしました。さらに、クライアントは頻繁に誤った問い合わせや電話を受けており、サービスの円滑な運営を妨げていました。
UI/UXの観点から、私はサイト構造、料金ページ、およびユーザーフローの完全な再設計を任されました。
プロジェクト概要
背景と目的
このプロジェクトは、最初の施設のためのInstagram管理サポートから始まりました。
第二の施設がオープンするとき、私はユーザー体験と運用効率を改善するためのウェブサイト再設計提案を開始しました。
既存のウェブサイトは両方の施設に関する情報を統合しており、ユーザーに混乱を引き起こしました。さらに、クライアントは頻繁に誤った問い合わせや電話を受けており、サービスの円滑な運営を妨げていました。
UI/UXの観点から、私はサイト構造、料金ページ、およびユーザーフローの完全な再設計を任されました。
タイムライン
Delivered final UI design assets to the client for implementation by their in-house developer. Implementation is underway; overall website launch is upcoming.
(As of June 25, 2025)
Delivery
& Development
Conducted phased A/B testing on pricing simulators, inquiry flows, mobile optimization, and CTA wording. Adjusted UI based on data analysis.
UI Improvement
Design
Leveraged the strong SEO of the first facility’s domain to redesign the structure with a main top page branching into “Facility 1” and “Facility 2”.
Structural
Revision
Conducted interviews with the client and users to clarify issues. Analyzed user behavior on the existing site using GA4 and heatmaps.
Reseach
Phase
最初の施設のためのInstagram管理がサポートされました。第二の施設が開設されたとき、使いやすさの問題が特定され、実行可能な改善策が提案されました。
初期フェーズ
タイムライン
初期フェーズ
最初の施設のためのInstagram管理がサポートされました。第二の施設が開設されたとき、使いやすさの問題が特定され、実行可能な改善策が提案されました。
クライアントやユーザーとのインタビューを行い、問題を明確にしました。既存のサイトでのユーザーの行動をGA4とヒートマップを使用して分析しました。
研究フェーズ
価格シミュレーター、問い合わせフロー、モバイル最適化、CTAの表現に関して段階的なA/Bテストを実施しました。データ分析に基づいてUIを調整しました。
UI改善デザイン
クライアントに実装のための最終UIデザイン資産を提供しました。実装が進行中で、全体のウェブサイトローンチが迫っています。
(2025年6月25日現在)
配達 & 開発
構造改訂
最初の施設のドメインの強力なSEOを活用して、メインのトップページが「施設1」と「施設2」に分岐する構造を再設計しました。
課題
ユーザーは、混在したお問い合わせフォームのために、誤って異なる施設に問い合わせを送信している
予約の流れが不明瞭で、コンバージョン率が低いが低い
料金ページはスマートフォンで見るのが難しく、離脱率が高い
FAQがあっても、クライアントはDMや電話を通じて繰り返しの問い合わせを受け続けている
調査 & UXプロセス
ペルソナの概要
基本情報

名前
高橋真由美
年齢
33
家族
夫、子供1人
職業
派遣社員
場所
西京区, 京都
背景とライフスタイル
夫の転勤のため、東京から京都に引っ越し
パートタイムで臨時の事務職で働いているが、現在は育児に専念するために休暇中
夫が育児休暇中は、十分な育児知識と積極性が不足している
母は手助けしてくれるが、母のための休息の時間を確保することに苦労している
ストレス要因
他の同様の状況にある母親との限られた関係からくる孤立感が強い
彼女の育児に自信がなく、正しくできているかどうか不安に感じていている
頼りにできる人がいないことで蓄積された疲労とストレス
身体的にも感情的にも産後ケアとサポートが必要
モチベーションと期待
適切な育児知識を得て、自信を持った母親になりたい
3歳になるまで自宅でリラックスした環境で子育てをする明確な目標を持っている
他の母親を通じて産後ケア施設について聞き、認識と関心を示している
調査 & UXプロセス
ペルソナの概要
基本情報

名前
高橋真由美
年齢
33
家族
夫、子供1人
職業
派遣社員
場所
西京区, 京都
背景とライフスタイル
夫の転勤のため、東京から京都に引っ越し
パートタイムで臨時の事務職で働いているが、現在は育児に専念するために休暇中
夫が育児休暇中は、十分な育児知識と積極性が不足している
母は手助けしてくれるが、母のための休息の時間を確保することに苦労している
ストレス要因
他の同様の状況にある母親との限られた関係からくる孤立感が強い
彼女の育児に自信がなく、正しくできているかどうか不安に感じていている
頼りにできる人がいないことで蓄積された疲労とストレス
身体的にも感情的にも産後ケアとサポートが必要
モチベーションと期待
適切な育児知識を得て、自信を持った母親になりたい
3歳になるまで自宅でリラックスした環境で子育てをする明確な目標を持っている
他の母親を通じて産後ケア施設について聞き、認識と関心を示している
サイトマップ
担当範囲外
産後ケア べビマム
四条TOP
三条TOP
施設案内
料金
お知らせ
ご利用料金
有料オプション
施設紹介
スタッフ紹介
baby.mam SANJOでの過ごし方
客室
その他
宿泊予約
デイケア予約
FAQ
お問い合わせ
サービス
Sitemap



ワイヤーフレーム
モバイル


デスクトップ


問題
混合された誤った問い合わせによって引き起こされる負担
クライアント
価格と施設の適格性を理解するのが難しい;
必要な情報を見つけるのが難しい。
ユーザー
UX改善プロセス
識別する
GA4、ヒートマップ、Microsoft Clarityを使用して問題を特定
議論する
ゼロから構築が必要だった価格シミュレーターなど、クライアントとの定期的な会議を行い、仮説を検証
テスト
CTAの文言など段階的なA/Bテストを実施
UIデザインと意図
タイポグラフィ
見出しフォント
あ
ア
Rounded Mplus 1c
Rounded Mplus 1c
エクストラボールド
ミディアム
エキストラボールド 25px - ヘッディング 1
エクストラボールド 20px - 見出し 2
ミディアム 20px - 見出し 3
ミディアム 18px — 見出し 4
ミディアム 17px — 見出し 5
ミディアム 16px — 見出し 6
ミディアム 14px — 見出し 7
本文フォント
あ
ア
Rounded Mplus 1c
Rounded Mplus 1c
レギュラー
レギュラー 18px — ボディ 1
レギュラー 16px — ボディ2
レギュラー 13px — ボディ 3
レギュラー 12px — 本文4
カラーパレット
メインカラー
オフホワイト
HEX #FFFCF1
R: 255 G: 252 B:241
ライトグリーン
セカンダリーカラー
HEX #CFEBD3
R: 207 G: 235 B:211
黒
R: 7 G: 21 B:15
HEX #07150F
Dark
赤
HEX #D64F4F
R: 214 G: 79 B:79
Red
グレー
HEX #787F79
R: 120 G: 127 B:121
Grey
HEX #787F79
R: 120 G: 127 B:121
青
HEX #1192F5
R: 17 G: 146 B:245
Blue
Accent Color
Green
HEX #389A6E
R: 56 G: 154 B:110
産後間もないママたちが安全で心が安らぐ場所であることを表現
癒し、成長、静けさを象徴する、心地よい緑色を使用。支援的な環境の中でケアと回復のできる産後ケアを表現
メインカラーとセカンダリーカラーをベースに信頼と専門性を表現
カラーパレット
Main Color
Off-white
HEX #FFFCF1
R: 255 G: 252 B:241
Light Green
Secondary Color
HEX #CFEBD3
R: 207 G: 235 B:211
Dark
R: 7 G: 21 B:15
HEX #07150F
Dark
Red
HEX #D64F4F
R: 214 G: 79 B:79
Red
Accent Color
Green
HEX #389A6E
R: 56 G: 154 B:110
It helps create a soft background that feels safe and calming, ideal for new mothers seeking peace of mind.
Grey
HEX #787F79
R: 120 G: 127 B:121
Grey
HEX #787F79
R: 120 G: 127 B:121
Blue
HEX #1192F5
R: 17 G: 146 B:245
Blue
A soothing, nature-inspired green that symbolizes healing, growth, and tranquility. It reinforces a sense of care and recovery in a supportive environment.
A deep, muted green used selectively to emphasize key actions or information. It adds a sense of trust and professionalism while ensuring strong contrast and visibility.
情報構造と導線設計
メイントップページ→ 施設1ページと施設2ページに分岐される
産後ケア べビマム 総合TOP
産後ケア施設 ベビマム四条
四条TOP
三条TOP
各施設のページでは、該当施設の連絡先情報のみが固定されたヘッダーに表示されるように設計
(以前は、三条と四条の両方が表示されていた)

ユーザーに問い合わせを送信する前にFAQページを確認するよう促すリンクを追加
リンクではなく説明文


FAQのリンク
情報構造と導線設計
メイントップページ→ 施設1ページと施設2ページに分岐される
産後ケア べビマム 総合TOP
産後ケア施設 ベビマム四条
Shijo Home
Sanjo Home
各施設のページでは、該当施設の連絡先情報のみが固定されたヘッダーに表示されるように設計
(以前は、三条と四条の両方が表示されていた)

ユーザーに問い合わせを送信する前にFAQページを確認するよう促すリンクを追加
リンクではなく説明文


FAQのリンク
FAQページの改善

アコーディオンメニューで表示
サイト内で一貫性のある回答に整理
FAQの中でもより質問回数の多い質問内容を三条TOPに追加
FAQページへの遷移ボタン
FAQページの改善

アコーディオンメニューで表示
サイト内で一貫性のある回答に整理
FAQの中でもより質問回数の多い質問内容を三条TOPに追加
FAQページへの遷移ボタン
料金ページの改善
スマホでの比較が容易になるように、価格表を横スクロール形式から縦リストに変更
助成金を利用した場合のアコーディオンメニューの中に該当の市町村のみが表示される横スクロールタブを作成
価格シミュレーターは上部に設置し、補助金の使用に関係なく使用可能
料金シミュレーション
ABテストをした結果、一度で料金の比較ができるとフィードバックをいただきました。


産後ケアっていくらかかるの…?
◯門で料金がわかる!
あなたに合った料金プランを
簡単シミュレーション!
料金シミュレーション
市町村の産後ケア助成金を利用した場合
ご利用料金
市町村が定める産後ケア事業利用料金
お住まいの地域の産後ケア施設料金
京都市
向日市
城陽市
久御山町
京都市が定める産後ケア事業
詳細はこちら
産後ケア施設利用料金
宿泊利用
スタンダートルーム
4,000円〜 / 泊
スーペリアルーム
7,300円〜 / 泊
デラックスルーム
9,500円〜 / 泊
お得な助成金プランで宿泊予約
デイ利用
デイケア
3,000円〜 / 回
お得な助成金プランでデイ予約
baby.mam SANJOのサービス
ご利用料金
8:00

助成金を利用した場合のアコーディオンメニューの中に該当の市町村のみが表示される横スクロールタブを作成
ABテストをした結果、一度で料金の比較ができるとフィードバックをいただきました。

産後ケアっていくらかかるの…?
◯門で料金がわかる!
あなたに合った料金プランを
簡単シミュレーション!
料金シミュレーション
市町村の産後ケア助成金を利用した場合
ご利用料金
市町村が定める産後ケア事業利用料金
お住まいの地域の産後ケア施設料金
京都市
向日市
城陽市
久御山町
京都市が定める産後ケア事業
詳細はこちら
産後ケア施設利用料金
宿泊利用
スタンダートルーム
4,000円〜 / 泊
スーペリアルーム
7,300円〜 / 泊
デラックスルーム
9,500円〜 / 泊
お得な助成金プランで宿泊予約
デイ利用
デイケア
3,000円〜 / 回
お得な助成金プランでデイ予約
baby.mam SANJOのサービス
ご利用料金
8:00

This is the pricing
simulation section.
Changed pricing tables from horizontal scroll format to vertical lists for easier comparison on smartphones.

Pricing simulator fixed at the top, usable regardless of subsidy usage.
料金シミュレーション スタート
シミュレーションは、政府が補助する産後ケア料金と、宿泊および日帰りプランの私人料金を、1日あたりの料金として表示
助成金の対象となるユーザーには、表示される金額は推定価格のみであり、実際の料金は異なる場合がある
正確な情報提供するために、ユーザーが選択した自治体の公式HPへのリンクを記載
ユーザーが選択した自治体に応じて補助金を受けられる最大日数も表示
推定手数料は、ユーザーが選択した地域と年間世帯収入層(例:課税、非課税、または公的扶助世帯)に基づいて調整されます。
自費の料金のみ表示
政府の助成金を使用しますか?
どの市町村にお住まいですか?
どの所得区分があなたに該当しますか?
施設使用の推定総費用が表示
はい
いいえ
A: ¥730万以上
B: ¥730万円未満
C: 税金免除または
福祉受給者世帯
料金シミュレーション スタート
シミュレーションは、政府が補助する産後ケア料金と、宿泊および日帰りプランの私人料金を、1日あたりの料金として表示
助成金の対象となるユーザーには、表示される金額は推定価格のみであり、実際の料金は異なる場合がある
正確な情報提供するために、ユーザーが選択した自治体の公式HPへのリンクを記載
ユーザーが選択した自治体に応じて補助金を受けられる最大日数も表示
推定手数料は、ユーザーが選択した地域と年間世帯収入層(例:課税、非課税、または公的扶助世帯)に基づいて調整されます。
自費の料金のみ表示
政府の助成金を使用しますか?
どの市町村にお住まいですか?
どの所得区分があなたに該当しますか?
施設使用の推定総費用が表示
はい
いいえ
A: ¥730万以上
B: ¥730万円未満
C: 税金免除または
福祉受給者世帯
CTA導線
宿泊予約
デイケア予約
外部システムの追加費用により、宿泊予約とデイユース予約を2つのCTAに分けました。
CTA導線
宿泊予約
デイケア予約
外部システムの追加費用により、宿泊予約とデイユース予約を2つのCTAに分けました。
スタッフ紹介ページの改善
訪問前の不安を軽減するために、共感的なインタビューコンテンツを通じてスタッフの温かさと個性を紹介するようにデザインされています。
子供を育てるために頑張っている母親たちにどんなメッセージを伝えたいですか?
BabyMam三条が母親や家族にとってどのような場所になることを願っていますか?
初めての育児体験で直面した課題や不安は何でしたか?または
仕事を始めたときに直面した困難は何でしたか?
各スタッフのプロフィールは、明確さと一貫性を維持するために、画面ごとに1枚のカードに含まれています。
両者(全体の雰囲気を知りたい方と細部までじっくり読みたい方)に基づいて構成。長いコメントはアコーディオンメニューでまとめられているためユーザーはページを圧倒することなくコンテンツを選択的に展開可能

iPhone 16
モックアップ
393×852
6.1’


スタッフ紹介ページの改善
訪問前の不安を軽減するために、共感的なインタビューコンテンツを通じてスタッフの温かさと個性を紹介するようにデザインされています。
BabyMam三条が母親や家族にとってどのような場所になることを願っていますか?
初めての育児体験で直面した課題や不安は何でしたか?または
仕事を始めたときに直面した困難は何でしたか?
各スタッフのプロフィールは、明確さと一貫性を維持するために、画面ごとに1枚のカードに含まれています。
両者(全体の雰囲気を知りたい方と細部までじっくり読みたい方)に基づいて構成。長いコメントはアコーディオンメニューでまとめられているためユーザーはページを圧倒することなくコンテンツを選択的に展開可能

iPhone 16
モックアップ
393×852
6.1’

What message would you like to share with mothers working hard to raise their children?

施設紹介ページの改善
ユーザーが求めている情報を優先しフォントの調節や、特徴をアイコン化。スクロール量も最小限にできるよう設計
ゲストルーム
その他
ゲストルームと食堂やリビングスペースなどの共有エリアでカテゴリー分け


スタンダート(洋室)

(16.12㎡ × 4部屋)
シングルベッド1台
デスク
ベビーベッド1台
施設紹介ページの改善
ユーザーが求めている情報を優先しフォントの調節や、特徴をアイコン化。スクロール量も最小限にできるよう設計
ゲストルーム
その他
ゲストルームと食堂やリビングスペースなどの共有エリアでカテゴリー分け


スタンダート(洋室)

(16.12㎡ × 4部屋)
シングルベッド1台
デスク
ベビーベッド1台
施設紹介ページの改善


料金表に記載していたインクルーシブサービスセクションがよく見られていたことから以前はなかったサービスページを設計
施設紹介ページの改善


料金表に記載していたインクルーシブサービスセクションがよく見られていたことから以前はなかったサービスページを設計
コンテンツは、プライベートなゲストルームと食堂やリビングスペースなどの共有エリアを区別する明確に定義されたカテゴリーに分けられました。
サービスコンテンツの全体を瞬時に把握できるように、視覚的に統一
サービスの特徴をまとめたセクションとサービス内容の詳細が見れるページの2種類を設置
お食事

四条烏丸のマールデリさん特製、彩り豊かなフレッシュ野菜たっぷりのお弁当をご用意しております。朝昼晩とゆったり、お部屋でもラウンジでも、お好きな場所でお楽しみいただけます。お持ち帰りも可能です。
お食事例
朝食
・フレッシュサラダ
・お勧めデリ
・ミニサンドウィッチ
昼食
・本日のサラダ
・特選デリ2種
・おにぎり
夕食
・ハンバーグ
・エビマヨ
・イワシの香草パン粉焼き
・温野菜
・ライス
サポート

助産師や保育士がいつでも保育室にいますので、立ち寄ったついでに気軽に相談ができます。授乳・育児・赤ちゃんの発達などなんでも聞いてください。帰宅後も笑顔で過ごせるようスタッフ一同全力でサポートします。
内容
・抱っこ紐練習
・ねんねトレーニング
・育児練習
・育児カウンセリング
・離乳食相談
・発達発育相談
・授乳サポート
24時間ベビー保育

保育士・助産師が24時間体制で赤ちゃんを大切にお預かり。ご滞在中はいつでもお預かりいたします。朝6時〜夜22時は無料、夜間(22時〜6時)は別料金でご利用いただけます。
内容
・入浴
・体重測定
・寝かしつけサポート
・粉ミルク授乳
・調乳
・哺乳瓶消毒
アメニティ
赤ちゃん
・着替え
・おむつ
・おしりふき
ママ
・タオル
・バスタオル
・館内着
・シャンプー
・リンス
・ボディソープ
・洗顔
ラウンジプログラム

平日のお昼は、ラウンジプログラムを開催しています。ねんね講座や離乳食の話、ヨガやベビーマッサージ、工作や記念品づくりなど。すべて無料で気軽に参加いただけます。毎月の詳細はInstagramでご確認ください。
内容
・リラックスヨガ
・ベビーマッサージ
・ヘッドドレス
・お昼寝アート
・手作りおもちゃ
・ファーストアート
・宝石石鹸づくり
サービスコンテンツの全体を瞬時に把握できるように、視覚的に統一
お食事

四条烏丸のマールデリさん特製、彩り豊かなフレッシュ野菜たっぷりのお弁当をご用意しております。朝昼晩とゆったり、お部屋でもラウンジでも、お好きな場所でお楽しみいただけます。お持ち帰りも可能です。
お食事例
朝食
・フレッシュサラダ
・お勧めデリ
・ミニサンドウィッチ
昼食
・本日のサラダ
・特選デリ2種
・おにぎり
夕食
・ハンバーグ
・エビマヨ
・イワシの香草パン粉焼き
・温野菜
・ライス
サポート

助産師や保育士がいつでも保育室にいますので、立ち寄ったついでに気軽に相談ができます。授乳・育児・赤ちゃんの発達などなんでも聞いてください。帰宅後も笑顔で過ごせるようスタッフ一同全力でサポートします。
内容
・抱っこ紐練習
・ねんねトレーニング
・育児練習
・育児カウンセリング
・離乳食相談
・発達発育相談
・授乳サポート
24時間ベビー保育

保育士・助産師が24時間体制で赤ちゃんを大切にお預かり。ご滞在中はいつでもお預かりいたします。朝6時〜夜22時は無料、夜間(22時〜6時)は別料金でご利用いただけます。
内容
・入浴
・体重測定
・寝かしつけサポート
・粉ミルク授乳
・調乳
・哺乳瓶消毒
アメニティ
赤ちゃん
・着替え
・おむつ
・おしりふき
ママ
・タオル
・バスタオル
・館内着
・シャンプー
・リンス
・ボディソープ
・洗顔
ラウンジプログラム

平日のお昼は、ラウンジプログラムを開催しています。ねんね講座や離乳食の話、ヨガやベビーマッサージ、工作や記念品づくりなど。すべて無料で気軽に参加いただけます。毎月の詳細はInstagramでご確認ください。
内容
・リラックスヨガ
・ベビーマッサージ
・ヘッドドレス
・お昼寝アート
・手作りおもちゃ
・ファーストアート
・宝石石鹸づくり
Services were grouped into categories for both surface-level and in-depth browsing styles.
The content was separated into clearly defined categories, distinguishing between private guest rooms and shared areas such as dining and living spaces.
トップページの改善
baby.mam SANJOのサービス
実家のような安心感を重視した
24時間ケア

パパも参加できる
”家族で学べる産後ケア”

ママ同士のつながりを
大切にした交流の場

産後のママのための
心と体を休める”くつろぎの場”

ママと赤ちゃんの成長に合わせた
産後ケア

baby.mam SANJOのサービス
競合他社と比較しているユーザー向けにサービスの価値、競争上の利点、ペルソナに合わせた安心感の3つに基づいて構成されたBaby.mamの強みを一目で明確に伝えるセクション。
GA4の分析により、三条のトップページを訪れたユーザーのおよそ3分の1が料金ページへ遷移していることが判明。費用への不安を和らげ、ユーザーが納得して判断できるよう、トップページには直接「予約」ボタンではなく、「料金シミュレーション」ボタンを設置
産後ケアっていくらかかるの…?
◯門で料金がわかる!
あなたに合った料金プランを
簡単シミュレーション!
料金シミュレーション
トップページの改善
baby.mam SANJOのサービス
実家のような安心感を重視した
24時間ケア

パパも参加できる
”家族で学べる産後ケア”

ママ同士のつながりを
大切にした交流の場

産後のママのための
心と体を休める”くつろぎの場”

ママと赤ちゃんの成長に合わせた
産後ケア

baby.mam SANJOのサービス
競合他社と比較しているユーザー向けにサービスの価値、競争上の利点、ペルソナに合わせた安心感の3つに基づいて構成されたBaby.mamの強みを一目で明確に伝えるセクション。
GA4の分析により、三条のトップページを訪れたユーザーのおよそ3分の1が料金ページへ遷移していることが判明。費用への不安を和らげ、ユーザーが納得して判断できるよう、トップページには直接「予約」ボタンではなく、「料金シミュレーション」ボタンを設置
産後ケアっていくらかかるの…?
◯門で料金がわかる!
あなたに合った料金プランを
簡単シミュレーション!
料金シミュレーション
ハイフィデリティプロトタイプ








ハイフィデリティプロトタイプ








中間結果と評価
改善された可視性と簡単な比較
1つの画面で; 母親たちに称賛されている
便利さのために。
「ここで宿泊予約をする」をより魅力的なフレーズに変更しました
「補助金プランで宿泊予約をする」
補助金の有無にかかわらずユーザーをサポートします、
宿泊とデイユースのオプションを組み合わせて
直感的な画面で
変更の翌月にクリック数が倍増しました:2025年2月の92回(22.17%)から2025年3月の190回(46.68%)に増加(+106.5%)。
忙しい母親からの肯定的なフィードバック:使いやすく、条件を選択するだけで結果が現れます。
モバイルで横スクロールテーブルを
縦のリストに変更しました
CTAテキスト
改善
料金シミュレーター
料金ページのUI最適化
詳細
効果とフィードバック
改善
中間結果と評価
改善された可視性と簡単な比較
1つの画面で; 母親たちに称賛されている
便利さのために。
「ここで宿泊予約をする」をより魅力的なフレーズに変更しました
「補助金プランで宿泊予約をする」
補助金の有無にかかわらずユーザーをサポートします、
宿泊とデイユースのオプションを組み合わせて
直感的な画面で
変更の翌月にクリック数が倍増しました:2025年2月の92回(22.17%)から2025年3月の190回(46.68%)に増加(+106.5%)。
忙しい母親からの肯定的なフィードバック:使いやすく、条件を選択するだけで結果が現れます。
モバイルで横スクロールテーブルを
縦のリストに変更しました
CTAテキスト
改善
料金シミュレーター
料金ページのUI最適化
詳細
効果とフィードバック
改善
Improvement
Details
Effects & Feedback
Improvement
Details
Effects & Feedback
UIデザインは単に美学だけでなく、ユーザーの行動心理を深く理解することが求められる
徹底した初回のクライアントインタビューによって、核心的な問題を明らかにすることで、介入の正確性が大幅に向上すること
顧客のニーズや実世界の課題に直接対処する実践的な経験
UI/UXスキルを向上させ続け、さまざまなシナリオに対応できるよう関連知識を常に更新していきたい
私が学んだこと
反省と学び
次回改善したいこと
外部予約システムを使用しているため、実際の転換(完了した予約)を追跡することができず、CTAクリックを使用
→ 将来的にはより良い転換追跡のためにGA4に対応する外部ツールの知識を深めていきたい
UIデザインは単に美学だけでなく、ユーザーの行動心理を深く理解することが求められる
徹底した初回のクライアントインタビューによって、核心的な問題を明らかにすることで、介入の正確性が大幅に向上すること
顧客のニーズや実世界の課題に直接対処する実践的な経験
UI/UXスキルを向上させ続け、さまざまなシナリオに対応できるよう関連知識を常に更新していきたい
私が学んだこと
反省と学び
次回改善したいこと
外部予約システムを使用しているため、実際の転換(完了した予約)を追跡することができず、CTAクリックを使用
→ 将来的にはより良い転換追跡のためにGA4に対応する外部ツールの知識を深めていきたい
@2025 Designed and built by Himari