Life Studio

Life Studio は、カナダ・ノースバンクーバーを拠点とするパーソナルジムサービスで、
一人ひとりのライフスタイルに合わせたパーソナルトレーニングサポートを提供しています。

本プロジェクトでは、Life Studio のWebサイトにおけるホームページおよび
ブログのリデザインをチームで担当しました。
マーケティング視点からUXとSEOの改善に取り組みつつ、ブランドの世界観や
メッセージがより明確に伝わるようにリデザインを行いました。

Duration

4 week

Duration

4 week

Tool

Photoshop, Illustrator, Google form

Tool

Photoshop, Illustrator, Google form

Type

Web site

Type

Web site

Link

Figma

Link

Figma

Purple Flower

Process

Week 1

リサーチ

Week 2

実地調査

Week 3

マーケティングプラン作成

Week 4

デザイン作成

Week 1

リサーチ

Week 2

実地調査

Week 3

マーケティングプラン作成

Week 4

デザイン作成

Week 1

リサーチ

Week 2

実地調査

Week 3

マーケティングプラン作成

Week 4

デザイン作成

Challenge & Goals

Research & Insights

Research & Insights

アンケート調査

Tool

Google Form

Target

North Vancouver residents

Paticipants

16

ノースバンクーバー在住者を対象に、健康意識、ジムの予約状況、ジムサービスへの
信頼要因について把握するためのアンケート調査を実施しました。

その結果、情報収集の主な手段として検索エンジンやSNSが利用されていること、
また、料金の透明性やサービス内容の分かりやすさが、信頼形成において
重要な要素であることがわかりました。

Design Refrection

調査結果を踏まえ、情報量を減らすのではなく、内容が分かりやすく伝わる導線を
設計することに重点を置きました。
あわせて、CTAの配置やページ階層を見直し、直感的に操作できるよう
ナビゲーションの向上を図りました。

アンケート調査

Tool

Google Form

Target

North Vancouver residents

Paticipants

16

ノースバンクーバー在住者を対象に、健康意識、ジムの予約状況、ジムサービスへの
信頼要因について把握するためのアンケート調査を実施しました。

その結果、情報収集の主な手段として検索エンジンやSNSが利用されていること、
また、料金の透明性やサービス内容の分かりやすさが、信頼形成において
重要な要素であることがわかりました。

Design Refrection

調査結果を踏まえ、情報量を減らすのではなく、内容が分かりやすく伝わる導線を
設計することに重点を置きました。
あわせて、CTAの配置やページ階層を見直し、直感的に操作できるよう
ナビゲーションの向上を図りました。

SEO構造の分析

HTML構造を分析した結果、ALTテキストの未設定、H1タグの大量の使用、
メタデータの未設定といったSEO対策における問題を発見しました。
また、ヒーローセクションの動画が読み込み速度の低下を招き、
ユーザー体験に悪影響を与えていることも分かりました。

Design Refrection

動画を画像に置き換え、読み込み速度の改善を行いました。
あわせて、SEO強化を目的としたキーワードを選定し、それに基づく
ブログコンテンツを制作しつつ、ブランドが持つナチュラルで信頼感のある
トーンは維持したデザインを作成しました。
また、5スクロール以上を必要とする長いLPは避け、要点を押さえた
コンパクトで印象に残るよう3スクロール以内でリデザインしました。

SEO構造の分析

HTML構造を分析した結果、ALTテキストの未設定、H1タグの大量の使用、
メタデータの未設定といったSEO対策における問題を発見しました。
また、ヒーローセクションの動画が読み込み速度の低下を招き、
ユーザー体験に悪影響を与えていることも分かりました。

Design Refrection

動画を画像に置き換え、読み込み速度の改善を行いました。
あわせて、SEO強化を目的としたキーワードを選定し、それに基づく
ブログコンテンツを制作しつつ、ブランドが持つナチュラルで信頼感のある
トーンは維持したデザインを作成しました。
また、5スクロール以上を必要とする長いLPは避け、要点を押さえた
コンパクトで印象に残るよう3スクロール以内でリデザインしました。

Persona

woman wearing black and white striped top and round eyeglasses
Emma

弁護士

Pain points

  • 身体の不調や痛みを改善するための十分な時間が取れない

  • 効果を実感するまでに時間がかかり、モチベーションを保ちにくい

  • ケガのリスクを避けるため、自己流トレーニングを控えている

  • 一般的なジムプログラムが自分の目的や身体状態に合っていない

Opportunity

  • 45分で効率よく取り組めるワークアウトプランを提供

  • パーソナルトレーニングを通じて進捗管理と継続的なサポートを実施

  • 正しいフォームを指導し、ケガの予防につなげる

  • 一人ひとりに合わせたパーソナライズされたトレーニングプランを作成

woman wearing black and white striped top and round eyeglasses
Emma

弁護士

Pain points

  • 身体の不調や痛みを改善するための十分な時間が取れない

  • 効果を実感するまでに時間がかかり、モチベーションを保ちにくい

  • ケガのリスクを避けるため、自己流トレーニングを控えている

  • 一般的なジムプログラムが自分の目的や身体状態に合っていない

Opportunity

  • 45分で効率よく取り組めるワークアウトプランを提供

  • パーソナルトレーニングを通じて進捗管理と継続的なサポートを実施

  • 正しいフォームを指導し、ケガの予防につなげる

  • 一人ひとりに合わせたパーソナライズされたトレーニングプランを作成

Design system

Final design

読み込み速度の低下を招いていたヒーロー動画は静止画に置き換え、
サイト全体のパフォーマンス改善を図りました。

また、主要な情報が3スクロール以内で把握できるようレイアウトを
再設計し、閲覧時の負担を軽減しています。

さらに、表示するユーザーのレビューを1件から4件に増やすことで、
信頼性を高め、顧客数向上につながる構成としました。

選定したSEOキーワードをもとに、検索エンジン最適化を意識した
ブログを構成しました。

読みやすさと専門性のバランスを重視したレイアウトとすることで、
ユーザーが健康・フィットネスに関する情報をスムーズに
見つけられるよう配慮すると同時に、内容に引き込まれる
ストーリー性も維持しています。