Flex'd
A visual concept design for a fitness app with an
emphasis on bold UI and interaction design
A visual concept design
for a fitness app with an
emphasis on bold UI and interaction design
Mobile App design, Interaction design, Brand design, Prototyping
Mobile App design, Interaction design, Brand design, Prototyping
2025
Introduction
TL;DR
TL;DR
Flex’d is a visual concept fitness project I co-led as part of a class in Spring 2025. The goal was to explore a bold, expressive design direction that intentionally moves away from the calm, minimal tone most fitness apps rely on.
The project leans into a brutalist aesthetic, loud color, strong typography, and personality-driven interactions to make fitness feel more playful and social. This work is intentionally experimental and focuses on visual craft, interaction style, and system consistency rather than real-world constraints or metrics.
Everything you see in this project was designed by us. The mascot was hand-drawn, and all screens and interactions were fully prototyped in Figma.
Flex’d is a visual concept fitness project I co-led as part of a class in Spring 2025. The goal was to explore a bold, expressive design direction that intentionally moves away from the calm, minimal tone most fitness apps rely on.
The project leans into a brutalist aesthetic, loud color, strong typography, and personality-driven interactions to make fitness feel more playful and social. This work is intentionally experimental and focuses on visual craft, interaction style, and system consistency rather than real-world constraints or metrics.
Everything you see in this project was designed by us. The mascot was hand-drawn, and all screens and interactions were fully prototyped in Figma.
Team
Team
2 designers
(co-led)
2 designers
(co-led)
01
Expressive, high-contrast visual systems
I explored how bold color, strong contrast, and heavy typography could create energy and personality without overwhelming the interface. The goal was to embrace loud visuals while keeping the system intentional and structured.
Design focus
What I was exploring ?
01
Expressive, high-contrast visual systems
I explored how bold color, strong contrast, and heavy typography could create energy and personality without overwhelming the interface. The goal was to embrace loud visuals while keeping the system intentional and structured.
Design focus
What I was exploring ?
Impact
Screens designed
50+ screens
50+ screens
End-to-end mobile and wearable screens designed and fully prototyped in Figma, covering core flows, edge cases, and alternate states.
End-to-end mobile and wearable screens
designed and fully prototyped in Figma, covering
core flows, edge cases, and alternate states.
Design scope
Product + brand
Product + brand
Explored an end-to-end visual system spanning UI, mascot expressions, notifications, merch concepts, and brand extensions.
Explored an end-to-end visual system
spanning UI, mascot expressions, notifications,
merch concepts, and brand extensions.
Visual direction
Cohesive system
Cohesive system
Pushed a bold, high-contrast visual language
consistently across product surfaces, interactions,
and supporting assets.
Preview
Design Snapshots
Design Snapshots
* Scroll down to explore the full case study, including detailed flows and the interactive prototype in Figma.
* Scroll down to explore the full case study, including detailed flows and the interactive prototype in Figma.
Go ahead, Do a vibe check!
Go ahead, Do a vibe check!
Prototype
A full click-through
Challenges
Detailed case study
Annotations, Interactions and design decesions.
Annotations, Interactions and design decesions.
Reflection
What I learned
What I learned
Storytelling is a design skill. This project helped me think beyond individual screens and focus on how visual and interaction choices work together to tell a cohesive story across the product.
Storytelling is a design skill. This project helped me think beyond individual screens and focus on how visual and interaction choices work together to tell a cohesive story across the product.
You can’t do everything. What started as a simple app and branding exercise quickly expanded into a full product ecosystem. This reinforced the importance of intentional scoping, even in exploratory work.
You can’t do everything. What started as a simple app and branding exercise quickly expanded into a full product ecosystem. This reinforced the importance of intentional scoping, even in exploratory work.
Prototyping improves with practice. This was a focused exercise to rebuild speed and confidence in high-fidelity prototyping in Figma after spending time working across corporate products and Framer-based workflows.
Prototyping improves with practice. This was a focused exercise to rebuild speed and confidence in high-fidelity prototyping in Figma after spending time working across corporate products and Framer-based workflows.
Still here?
I know you want to
Work with me.
© 2025 | Definitely not my first draft.
Still here?
I know you want to
Work with me.
© 2025 | Definitely not my first draft.
Still here?
I know you want to
Work with me.
© 2025 | Definitely not my first draft.