Mental Mastery

Mental performance app for athletes
Brand and UX/UIiOS app for EW Performance
Mental Mastery app: start, an assessment question, health goals, weekly results and a video lesson Mental Mastery app: an assessment question, health goals and weekly results

Overview

Brand and app

Mental Mastery is a mental performance app for athletes from EW Performance. It starts with an assessment of how an athlete thinks under pressure, then turns the answers into daily goals, video lessons, weekly tracking and a journal. I designed its brand and the iOS app, from the first screen to the weekly results.

63Screens
designed
26Assessment
questions
3Training
pillars
4Daily
tools

My Responsibilities

Lead designer

From the runner mark to the weekly results.

Brand

A runner mark in calm teal, a layered wave pattern and Poppins, used from the splash screen to every card.

Onboarding

Sign up, profile info and the three pillars, Health, Mental and Physical, one screen at a time.

Assessment

Twenty-six questions across eight lessons that map how an athlete handles pressure.

Goals and tracking

Daily goals for each pillar, checked off with a switch, and weekly results as bar charts.

Lessons

Video lessons from the coach, grouped by pillar, with progress for each course.

Journal

A weekly journal for notes after training and competition.

Brand identity

Logo, color and type

A runner drawn in three teal strokes above a wide-spaced wordmark. The app runs on white and soft blue, with teal for every action and a layered wave pattern for the moments between steps: the assessment, the messages and the splash screen.

Mental Mastery logo on white

On white

Mental Mastery logo on Mastery Teal

On Mastery Teal

Mental Mastery logo on deep teal

On deep teal

Color palette

Mastery Teal#3ACCE1 · Buttons, switches and active tabs
Aqua#60CAE7 · Top layer of the wave pattern
Sea Green#5FAFA1 · Lower waves and progress
Slate#354057 · Titles and body text
Mist#F1F6FF · Cards and screen grounds

Typography

Poppins Aa

Goals

SF Pro Display Black · 28 · Screen titles

Confidence

SF Pro Display Heavy · 24 · Onboarding headlines

I track my goals daily to stay accountable.

Poppins SemiBold · 14 · Questions and card titles

Get fitter, stronger, and embrace a healthier lifestyle.

Poppins Regular · 14 · Body text

Strongly Agree

Poppins SemiBold · 12 · Buttons and labels

Onboarding

From the splash screen to the first goal

A new athlete signs up, adds a few profile details, meets the three pillars of the program and reads one short message at a time on confidence, control and consistency, each over a photo from a different sport.

Welcome and sign in

Mental Mastery app: splash

Splash

Mental Mastery app: welcome

Welcome

Mental Mastery app: start

Start

Mental Mastery app: sign up

Sign up

Mental Mastery app: log in

Log in

Profile info

Mental Mastery app: address and phone

Address and phone

Mental Mastery app: height and weight

Height and weight

Mental Mastery app: sport and position

Sport and position

Three pillars

Mental Mastery app: health

Health

Mental Mastery app: mental

Mental

Mental Mastery app: physical

Physical

Messages

Mental Mastery app: confidence

Confidence

Mental Mastery app: control

Control

Mental Mastery app: consistency

Consistency

Mental Mastery app: confidence

Confidence

Mental Mastery app: consistency

Consistency

Mental Mastery app: control

Control

The assessment

Twenty-six questions, eight lessons

Before the app opens, every athlete answers a short assessment on mental toughness, self-talk, breathing, focus and confidence. One question per screen, a progress bar per lesson and answers sized for a thumb. The coach reviews the results, then the account opens.

Questions

Mental Mastery app: mental toughness

Mental toughness

Mental Mastery app: perfectionism

Perfectionism

Mental Mastery app: tracking goals

Tracking goals

Mental Mastery app: self-talk

Self-talk

Mental Mastery app: breathing

Breathing

Mental Mastery app: heart rate variability

Heart rate variability

Mental Mastery app: focus

Focus

Mental Mastery app: open answer

Open answer

After the assessment

Mental Mastery app: under review

Under review

Mental Mastery app: account ready

Account ready

Mental Mastery app: under review, on a photo

Under review, on a photo

Mental Mastery app: account ready, on a photo

Account ready, on a photo

The app

Goals, tracking, lessons and journal

Four tabs carry the daily work: goals to check off for each pillar, weekly results, video lessons from the coach and a journal. A profile ties them together and lets the athlete retake the assessment.

Goals

Mental Mastery app: health goals

Health goals

Mental Mastery app: mental goals

Mental goals

Mental Mastery app: physical goals

Physical goals

Mental Mastery app: edit goal

Edit goal

Mental Mastery app: comment

Comment

Tracking and profile

Mental Mastery app: weekly results

Weekly results

Mental Mastery app: profile

Profile

Lessons

Mental Mastery app: lessons

Lessons

Mental Mastery app: course

Course

Mental Mastery app: video lesson

Video lesson

Journal

Mental Mastery app: weekly journals

Weekly journals

Mental Mastery app: new entry

New entry

Mental Mastery app: journal entry

Journal entry

What the design delivered

Outcomes of the work

One calm system for a demanding routine.

An assessment athletes finish

One question per screen, a clear progress bar and large answers keep twenty-six questions light.

Daily work in one place

Goals, tracking, lessons and the journal sit in four tabs, so training the mind fits into a training day.

Three pillars, one view

Health, mental and physical goals share one layout and one weekly chart.

A brand that calms

The runner mark, soft teal and the wave pattern carry from the splash screen to every message.

Designed at Coreware Labs, Belgrade

EW Performance

Thank you!

Have a project in mind?

Let's
talk