top of page

Efrat Kaptsan, Digital  Designer

UX/UI Design

Fitness Mobile App Design

Client: Senior Thesis
Year: 2019-2020

This project focused on creating an intuitive, engaging, and functional user experience to encourage fitness tracking, goal setting, or community interaction. Included user research, wire framing, prototyping, and iterative design to ensure the app effectively met user needs in the fitness space.

The Goal

Key objectives include enhancing aesthetics, simplifying navigation, improving readability, ensuring mobile responsiveness, optimizing load times, integrating multimedia, facilitating social sharing, and ensuring accessibility compliance. The aim is to engage visitors, make content more accessible, and provide a seamless browsing experience across devices.

Design Thinking Process

The design thinking process is a user-centric approach to problem-solving that emphasizes empathy, ideation, and experimentation. It involves five key stages: empathizing with users, defining the problem, generating ideas, prototyping solutions, and testing them iteratively. This process fosters innovation by encouraging a deep understanding of user needs and rapid iteration of potential solutions.

Efrat-Kaptsan-Design-Thinking-Process

User Personas

I interviewed a diverse group of user personas for the project to gain insights into various fitness needs and preferences. Their input was crucial in designing a user-centric app that caters to a wide range of fitness lifestyles.

Brainstorming and Site Maps

Below, I began outlining all the essential details to be included in the app design to help users achieve their fitness goals more effectively.

Wireframe Sketches

The wire framing process involved creating detailed sketches and low-fidelity prototypes to visualize the app's layout and functionality. This step allowed me to map out user flows, prioritize features, and gather early feedback to refine the design. By iterating on these wireframes, it ensured a user-friendly and intuitive interface before moving on to high-fidelity designs.

Color Schemes and Typography 

Text: FF9900FFFFFF
Brand:
F52C56
Secondary:
2D303C
505978
Base:
151926
Secondary:
2D303C
505978
Accent: 6666FF FF9900

Motivate Fitness App Mockups

The final mockups of the fitness app showcased a polished, user-friendly design that seamlessly integrated personalized workout plans, progress tracking, and motivational features. These high-fidelity designs reflected the careful consideration of user feedback and design principles, ensuring an intuitive and visually appealing interface.

bottom of page