Life Studio

Life Studio is a private wellness studio based in North Vancouver that provides personalized health and fitness support tailored to individual lifestyles.

In this project, our team redesigned the homepage and blog sections of Life Studio’s website,

focusing on UX and SEO improvements from a marketing perspective while optimizing brand expression and communication.

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

Research

Week 2

Survey

Week 3

Marketing Plan Development

Week 4

Design

Week 1

Research

Week 2

Survey

Week 3

Marketing Plan Development

Week 4

Design

Week 1

Research

Week 2

Survey

Week 3

Marketing Plan Development

Week 4

Design

Challenge & Goals

Research & Insights

Research & Insights

Survey

Tool

Google Form

Target

North Vancouver residents

Paticipants

16

A survey was conducted among North Vancouver residents to explore health awareness, booking behavior, and trust factors.


Results showed that users mainly rely on search engines and social media for information,
and that transparent pricing and accessible service information build trust.

Design Refrection

Based on the findings, emphasis was placed on designing clear information pathways rather than reducing content.
CTA placement and page hierarchy were restructured to improve intuitive navigation and enhance credibility.

Survey

Tool

Google Form

Target

North Vancouver residents

Paticipants

16

A survey was conducted among North Vancouver residents to explore health awareness, booking behavior, and trust factors.


Results showed that users mainly rely on search engines and social media for information,
and that transparent pricing and accessible service information build trust.

Design Refrection

Based on the findings, emphasis was placed on designing clear information pathways rather than reducing content.
CTA placement and page hierarchy were restructured to improve intuitive navigation and enhance credibility.

SEO Structure Analysis

HTML structure analysis revealed missing ALT tags, excessive H1 usage, and incomplete meta data.
Additionally, the hero section’s video caused loading delays and negatively impacted user experience.

Design Refrection

The video was replaced with optimized images to improve loading speed and site rhythm.
Keyword-based blog content was added for SEO reinforcement, while maintaining a natural and trustworthy brand tone.
The redesign also avoided excessively long landing pages, focusing instead on concise, high-impact storytelling.

SEO Structure Analysis

HTML structure analysis revealed missing ALT tags, excessive H1 usage, and incomplete meta data.
Additionally, the hero section’s video caused loading delays and negatively impacted user experience.

Design Refrection

The video was replaced with optimized images to improve loading speed and site rhythm.
Keyword-based blog content was added for SEO reinforcement, while maintaining a natural and trustworthy brand tone.
The redesign also avoided excessively long landing pages, focusing instead on concise, high-impact storytelling.

Persona

woman wearing black and white striped top and round eyeglasses
Emma

Lawyer

Pain points

  • Not enough time to relieve physical pain

  • Lack of motivation due to slow results

  • Avoids self-training to prevent injury

  • General gym programs don’t fit her needs

Opportunity

  • Offer efficient 45-min workout plans

  • Track progress & support

  • through personal training

  • Teach proper form to prevent injury

  • Create personalized workout plans

woman wearing black and white striped top and round eyeglasses
Emma

Lawyer

Pain points

  • Not enough time to relieve physical pain

  • Lack of motivation due to slow results

  • Avoids self-training to prevent injury

  • General gym programs don’t fit her needs

Opportunity

  • Offer efficient 45-min workout plans

  • Track progress & support

  • through personal training

  • Teach proper form to prevent injury

  • Create personalized workout plans

Design system

Final design

The hero video, which caused slow loading times, was replaced with a static hero image to improve performance.

The layout was redesigned to deliver all key content within three scrolls, minimizing user fatigue.

Additionally, the number of visible customer reviews was increased from one to four, enhancing credibility and conversion potential.

Using selected SEO keywords, the blog was structured to follow search engine optimization best practices.

The layout was designed to balance readability and expertise, helping users easily find health and fitness content while maintaining an engaging narrative flow.