RESPONSIVE WEBSITE · Client project

SnapNfit

Connecting people with personal trainers for workouts at home, with a separate path for trainers to join.

View design in a new tab
SnapNfit website displayed on a laptop, tablet and phone, with a softly blurred home-workout setting behind them
MY ROLE
UX / UI design & stakeholder collaboration
PROJECT
Client website
PLATFORM
Desktop, tablet & mobile
Overview

Finding a trainer should feel straightforward.

SnapNfit connects people with personal trainers for sessions at home. The website introduces the service, helps visitors explore training options and gives trainers their own route to join the platform.

This was a client project. I designed the website’s UX and UI and handled stakeholder communication throughout the project, from understanding requirements to discussing feedback and refining the designs. I also adapted the website for desktop, tablet and mobile.

Start with a goal

Let people explore options such as fat loss, strength training, yoga and physiotherapy before asking them to take the next step.

Make the service clear

Explain what SnapNfit offers, how training at home works and where to go with questions.

Give trainers their own path

Keep the benefits, joining process and application information together on a dedicated page.

Design system

One visual language across the website.

Lime highlights the next action, while softer greens and dark text keep the longer pages easy to follow.

Lime#A9CF38
Charcoal#1D1E14
Soft green#F3F8E4
White#FFFFFF

Urbanist

Bold headings
Medium body text
Semibold actions

Fitness at your Snap.

Book certified personal trainers for workouts, on your schedule, at your comfort.

48 / Heading24 / Body16 / Action

Recognizable actions

Rounded lime buttons and outlined goal chips repeat across the main pages.

See all servicesYogaPhysiotherapy
Screens

A closer look at the website.

Explore the desktop pages and the full tablet and phone layouts.

Homepage

An introduction to at-home training, with fitness goals, service information and a way to ask for help.

View design in a new tab
SnapNfit Homepage, complete desktop design

Scroll inside the preview to explore the page.

Next project

Earthkind