SimpleCreativeServicesPortfolioFind My PlanProcessPricingAboutFAQBlog
Get Started
Back to Portfolio

Case Study

Personal Trainer Website — PETER

A one-page personal brand website that makes expertise visible

一頁式網站Next.jsRWD個人品牌Tailwind CSS
Personal Trainer Website — PETER

Industry

Personal Trainer

Project Type

One-Page Personal Brand Website

Scope of Work

  • Brand visual direction
  • Web design
  • Front-end development
  • Responsive design

Tech Stack

Next.jsTailwind CSSRWD

Overview

Overview

PETER is a personal trainer with years of coaching experience. His clients came mainly through word of mouth and social media — but a social feed can never fully present a coaching philosophy or service details, so prospects had to piece things together through long message threads.

The goal of this project was to build PETER a one-page website that works like a digital business card and enrollment brochure in one: letting a stranger understand his coaching style, packages, and client results within minutes — and reach out directly.

Challenge

The Challenge

01

From social presence to brand identity

Existing material was mostly casual social media photos. The visual style needed a reset to present a consistent, credible professional image.

02

Building trust and converting in a single page

The visitor's journey from 'never heard of him' to 'ready to inquire' had to complete within one page — content order and pacing were everything.

03

Mobile is the battleground

Nearly all traffic comes from the link in his social profiles, so the mobile experience directly determines results.

Solution

The Solution

A narrative enrollment flow

The page unfolds as 'philosophy → packages → testimonials → inquiry,' simulating a full first consultation and building trust with every scroll.

Personal brand visual direction

Professional portraits of the coach anchor the visuals, paired with calm colors and generous whitespace to project trustworthy expertise.

One clear call to action

The entire site converges on a single goal — starting an inquiry. Every section flows naturally toward the contact entry point.

Highlights

Highlights

01

Coaching philosophy

First-person storytelling that introduces the person before the first meeting.

02

Service packages

Programs and package differences explained once, clearly — cutting repetitive Q&A.

03

Client testimonials

Real client feedback that vouches for coaching quality and accelerates trust.

04

Inquiry funnel

Clear calls to action and contact entry points let interested visitors reach out immediately.

05

Entrance animations

Refined scroll and entrance animations that add polish and pacing to the browsing experience.

06

Responsive design

Designed mobile-first, so social traffic lands on a seamless experience.

Outcome

The Outcome

For trainers, consultants, and freelancers, a one-page website is the most efficient digital business card there is — this project shows how to explain your expertise and build trust within a single page.

Want a website like this?

Tell us about your idea — the consultation is free and pressure-free. We reply within 1–2 business days.