case study / real project

slayfitvili

Scaling personal coaching into a smooth digital service​

timeline
Platform
my role
March - October 2025
(8 months)
Website
(Responsive)
• Product Owner
• Service Design
• Product Design
Introduction

Project Overview

SlayFitVili is a science-backed fitness coaching platform designed to help users build strong, confident bodies through personalized training and nutrition.

  • The project began with Vili Pekkala, a stylish personal trainer based in Uusimaa, Finland, who had been coaching clients manually through scattered apps and informal channels.
  • There was no brand name yet at the beginning of the project, just a clear vision and a need to scale.

Together with Vili (Business Owner) and Giang Nguyen (Developer), I led the transformation from a one-person coaching service into a digital-first product. 

  • My role spanned UX/Product Design, Product Owner, and Scrum Master responsibilities.
  • I covered everything from business and design requirement gathering and design system integration to sprint planning and delivery.
introduction

Business Story

SlayFitVili reflects Vili’s identity

Authentic Identity

SlayFitVili reflects Vili’s true self. He's a serious yet artistic LGBT trainer who welcomes everyone. His natural appeal resonates especially with women seeking slim‑fit aesthetics, weight loss, and glute development.

Approachable Style

Unlike hyper‑masculine trainers who can feel intimidating, Vili brings a stylish, relatable vibe. Clients feel comfortable, supported, and inspired rather than pressured or overwhelmed.

Transformation Role Model

From sedentary and overweight to confident and fit, Vili embodies change. His journey proves that fitness can be achievable, expressive, and empowering, not rigid or intimidating.
Discovery

Business Problems

  • Manual operations capped growth and risked burnout.
  • Hours lost weekly on repetitive onboarding tasks.
  • No centralized system for leads, retention, or automation.
  • Decision: Introduce structure, automation, and clarity to free up time and enable sustainable growth.

Unmoderated workshop (30 minutes): Kickoff project

As is business (priority-level defined by Vili)
Get price info for 1-on-1 or duo packages
  • Step 1: Client sends DM via WhatsApp or Instagram
  • Step 2: Vili replies manually with package options by copy-paste content from his Notes app (provided by Apple)
  • Step 3: May require back-and-forth clarification
  • Possible issues: Delayed response, inconsistent info, clients hesitate or drop off
  • Step 1: Client messages Vili via the agreed platform (WhatsApp, Instagram, or Facebook) to ask for availability
  • Step 2: Manual scheduling via chat and Google Calendar
  • Step 3: Get confirmation via chat, email and/or Google Calendar/OS-synced calendar
  • Possible issues: Delays or missed follow-up, double bookings, no reminders
  • Step 1: Clients relies on word-of-mouth, social media posts (Instagram, Facebook, YouTube, Linkedtree), or direct chat
  • Step 2: Unstructured but customized introduction depending on the level of connection
  • Step 3: Provide training philosophy and explain adhoc
  • Possible issues: Inconsistent messaging, limited reach beyond personal network, hard for new clients to understand vile/style
  • Step 1: Vili explains verbally and personalizes the coaching contents based on each client’s needs
  • Step 2: Vili visualizes the content as a slides (Google Slides, Canva, or MS Powerpoint) and export it as a PDF file format
  • Step 3: Vili sends PDF after inquiry via agreed platform before every session
  • Possible issues: No standardized format, clients may forget or misunderstand, info overload, hard to compare packages
  • Step 1: Client scrolls through Instagram or asks Vili
  • Possible issues: No centralized gallery, may miss key transformation stories, scattered content, low visibility of success stories, missed trust-building opportunity
Discovery

Target Customers & Their Problems

Target customers

  • Vietnamese-speaking office workers and restaurant staff in Finland, those who have sedentary jobs and various health awareness
  • Their motivations come up when they’re looking for accountability services, consistent and sustainable lifestyle changes, or preparing for life events (e.g., weddings)
  • Their decision drivers come from cultural alignment, approachable vibe, affordable pricing, social proof via Facebook group and Instagram

Customer’s problems

  • Confusion about packages and onboarding
  • Lack of guidance led to hesitation and drop-offs
  • Needed frictionless experience that built confidence

Improvement opportunities

  • Enhance onboarding: Standardize the first session with goal setting, roadmap explanation, and training plan logic
  • Support self-learners: Provide structured resources (e.g., guides, articles, book recommendations)
  • Offer optional add-ons: For dietary coaching and advanced goal setting
  • Use scalable systems: CRM, workout tracking tools, and appointment schedulers
  • Design upgrades: Simplify and improve the visual presentation of documents
define

Personas & Journey Maps

define

Service Blueprint

annotations

Goal: Map the internal actions, processes, and people needed to support a customer journey

Mood scale reference

  • Positive (green): Excited, proud, hopeful, loyal
  • Neutral-positive (yellow): Curious, interested
  • Uncertain (orange): Hesitant, unsure
  • Fluctuating (blue): Motivated but tired, busy
  • Negative (red): Guilty, distant, overwhelmed

Key terms

  • Touchpoints: where the client directly experiences the service (e.g., WhatsApp message, Instagram profile)
  • Artifacts: Tangible tools, templates, or documents (e.g., onboarding PDF, goal tracker, progress collage)
  • Opportunities: High-impact areas to improve or innovate based on research insights and user behavior

How we learned from the community

Feature preferences
Non-feature preferences
define

Business Requirements

Suggested internal improvements (from research insights)

  • Clear info material: Create a simple “Get started with Vili” PDF or web link with steps & prices
  • Intake &goal trackin: Standardize onboarding form with fitness, diet, schedule & goals
  • Progress visualization: Use Google Sheets or Trainerize to show weekly habit & body progress
  • Motivation & re-engagement: Build WhatsApp message templates to check in, celebrate, and bring back lapsed clients
  • Referral system: Create a branded ref code system & bonus program for referrals
To-be business (priority-level defined user studies & approved by Vili)
  • Step 1: Website displays clear pricing tiers for solo and duo packages
  • Step 2: Fit quiz suggests best match based on goals
  • Step 3: Read each package based on recommendation/manual discovery
  • Impact: Save time, reduce confusion, improve conversion
  • Step 1: Website features curated gallery with testimonials
  • Step 2: Optional filters by goal or package
  • Impact: Build trust, reinforce transformation proof
  • Step 1: Website includes contact form and calendar integration
  • Step 2: Automated confirmation and reminders
  • Impact: Reduce friction, improve booking reliability
  • Step 1: Website includes “About Vili” section with bio, transformation story, training philosophy, and values
  • Step 2: Embedded testimonials and media reinforce credibility
  • Impact: Build brand identity, increase relatability, attract culturally aligned clients
  • Step 1: Website shows structured curriculum per package
  • Step 2: Visual roadmap and FAQs clarify expectations
  • Impact: Improve transparency, set clear expectations
define

Project Scope

Ways of working

  • Lean team: business owner, developer, and designer
  • Scrum with 2-week sprints, total of 8 sprints
  • Process flow: Plan, execute, review, retrospective
  • Tools: FigJam (mapping), Figma (design), Google Docs (documentation), Google Forms (survey), Discord (structured communication)
  • Trade-off: Prioritize MVP features and iterative delivery

Constraints & Dependencies

  • Technology: Initial approach was WordPress for simplicity but research showed WordPress wasn’t ideal for scaling. Decision: Build from scratch with Contentful as CMS
  • Dependencies: WhatsApp (quick contact), Google Workspace (contact forms, documentation), Contentful (content management)
  •  Design: Needed a UI kit for consistency but time scope wasn’t ideal for building one from scratch. Decision: leverage a simple design system in Figma
After developed and deployed

Usability Test

Overview

  • Test goal: Evaluate the clarity, content, and usability of the SlayFitVili website. Identify any barriers users may encounter when trying to understand offerings, compare packages, and make decisions.
  • Test type: Moderated remote usability test (desktop).
  • Platform: Participants will access the test site at: https://pt-website-ecru.vercel.app/. They will share their screen and give consent to record the session.

Participant criteria

  • Women aged 20 – 40
  • Office workers or busy professionals
  • New or relatively new to personal training
  • Comfortable browsing websites on desktop

Moderated usability test (45 minutes):

Structure

  1. Introduction (5 min)
  2. Usability tasks (35–40 min)
  3. Post-test survey (5–10 min)

Moderators

  1. Moderator: Vili
    • Guide participants through all tasks
    • Observe their behaviors, expressions
    • Ask follow-up questions if needed (don’t be too leading or bias)
  2. Note taker and technical support: Ngoc
    • Send each task right before the participant begins it
    • Observe their behaviors, expressions
    • Take timestamped notes and flag any usability issues or user quotes

What was good

  • Participants were engaged and provided detailed feedback on clarity, navigation, and package understanding.
  • The test confirmed that the fit quiz improved task completion rates by ~70%, showing strong alignment with user needs.
  • Using Maze and structured tasks allowed us to capture both quantitative metrics (completion, time-on-task) and qualitative insights (confusion points, satisfaction).
  • The bilingual moderation (Vietnamese + English) ensured inclusivity and cultural relatability, making participants more comfortable.

What should be improved

  • Some tasks were too broad, leading to varied interpretations and inconsistent data.
  • Documentation of observations was fragmented across tools (Maze analytics, Google Docs notes, OBS recordings), which slowed synthesis.
  • A few participants struggled with technical setup (joining Maze, sharing screens), causing delays.
  • Limited sample size (8 participants) meant insights were directional but not statistically robust.

My action to resolve/prevent in the future

  • Refine task scripts to be more specific and scenario-based, reducing ambiguity.
  • Standardize documentation with a single template that integrates metrics, quotes, and observations for faster analysis.
  • Provide a simple onboarding guide for participants (step-by-step instructions with screenshots) to minimize technical friction.
  • Plan for a larger, more diverse sample in future rounds to validate findings with stronger confidence.
iterated design

Branded Design

After six months, nineteen existential crises, twelve redesigns, and one unhealthy amount of coffee, my personal training website is officially LIVE - both PC and mobile version! And honestly? I couldn’t have done it without my two insanely talented teammates Giang Nguyen and Ngoc Nguyen Le Khanh who somehow turned my chaotic vision into something clean, smart, and beautiful. They deserve a medal… or at least a very strong drink. This website isn’t just about training plans or “get abs in 12 weeks” nonsense. It’s about real people, real struggles, real progress that built on science, empathy, and those tiny daily wins that add up to a whole new life.

After iteration & before beta launch

Expert Design Evaluation

Meta

Overview

This review evaluates the user experience of the website pt-website-ecru.vercel.app using heuristic evaluation, usability principles, and design best practices. Each issue is tagged with a confidence level to guide prioritization and collaboration between design, development, and business stakeholders.

Annotation

  • Assumption: based on design principles but not yet validated
  • Need to validate: requires user testing or analytics
  • Based on proof: confirmed via data, accessibility tools, or direct observation
Ngoc Nguyen
©2025

You cannot copy the content of this page.