↑
Nori Page
Product Design · Branding

Nerve

Fitness app branding and UX, from user research and personas to a design system and final screens.

Role
Sr. Web Designer
Timeline
48 weeks
Scope
Research, IA, branding, UI
Tools
Figma
Sign in
Dashboard
Plans

Overview

The Challenge

Survey respondents rated fitness apps 3.3 out of 5. They found them hard to use, outdated and overwhelming, and wanted to filter workouts by difficulty and customize their own.

The Approach

[Your key decisions. e.g. A simple dashboard of daily progress, plans filtered by workouts, nutrition and meals, and a clear bottom nav.]

User survey

10-question survey on workout habits, app attraction and frustrations.

Survey results and reflection
Survey results and reflection

Personas

Four personas built from the survey, covering goals, frustrations, schedules and daily activities.

Jaida Smith, 24
Jaida Smith, 24
John Berkly, 28
John Berkly, 28
Sebastian Katz, 33
Sebastian Katz, 33
Jane Doe, 45
Jane Doe, 45

Information architecture

From a sketched sitemap to a full structure for Dashboard and Profile.

Sketched sitemap
Sketched sitemap
Final sitemap
Final sitemap

Naming and brand

Name exploration, vision, mission and positioning, then logo sketches leading to the final mark.

Naming, mission and positioning
Naming, mission and positioning
Logo sketches
Logo sketches

Logo and icons

Final logo
Final logo
Icon set: 2pt stroke, outlined inactive, solid hover
Icon set: 2pt stroke, outlined inactive, solid hover

Wireframes

Paper wireframes
Paper wireframes

Final screens

Scroll inside each phone

Sign in
Sign in
Dashboard
Dashboard
Plans
Plans

Mockup

Nerve mockup

Outcomes

7Survey respondents
4Personas
35Screens designed

Reflection

This project helped establish the design approach I use today as a Senior Website Designer. By combining features from multiple platforms into one cohesive app, I gained experience thinking through the entire UX/UI process—from early concepts and user needs to interface design and prototyping. Those foundations now inform how I create responsive websites, develop scalable design systems, document reusable components, and collaborate with cross-functional teams throughout discovery, design, development, and launch. Looking back, the project marked an important shift from exploring UX/UI as a career path to building the user-centered, visually clear, and technically practical digital experiences that define my work today.

Next project Fury Water Adventures Web Design · Responsive View case study →
Fury Water Adventures device mockup