3B body studio

サイトをみる
ターゲット
20〜40代女性
目的
スタジオの新規顧客獲得、知名度向上、信頼度向上
サイト構成
ターゲット層はスマートフォンでサイトを閲覧する割合が高いと想定し、スマートフォンサイズをメインに設計しました。トップページでは、まずスタジオのコンセプトやレッスン内容を冒頭に配置し、その後に託児サービスの説明を掲載。スマートフォンデザインでは、この時点で興味を持った方に行動を促すため、CTAボタンを配置しています。続いて利用者の声やアクセス情報へと続き、お問い合わせにつながる流れを設計しました。レッスン詳細や料金は別ページにまとめ、トップページでは魅力を伝えることを最優先にしました。
デザイン
女性向けのサイトとして柔らかく親しみやすい印象を持たせるため、薄いピンクを基調に上品さを感じさせる薄い紫をアクセントカラーとして採用しました。レッスン、インストラクター、保育スタッフなど似た情報が並ぶ部分は、カード式レイアウトで視認性と情報整理のしやすさを重視しています。背景にはブランドの「女性として輝く」というコンセプトを想起させる物を取り入れました。
制作のこだわり
  • ターゲット層の利用環境を意識し、スマートフォンでの操作性と読みやすさを最優先に設計
  • 初見ユーザーが迷わず行動できるよう、視線誘導やボタン配置を工夫
  • コンテンツごとに情報の優先順位を整理し、CTAまで自然にたどり着く導線を構築
制作期間
企画 / 情報設計 / ワイヤーフレーム作成 : 1.5週間
デザイン : 1.5週間
コーディング : 1週間
使用ツール
Figma / VScode

一覧にもどる