Altabrio • Web + Mobile App Redesign

Yves Vonsaata

Introduction

Brian Bozarth hired me to overhaul Altabrio’s athlete-focused training platform. The existing dashboard was cluttered, color-blind, and impossible to scan. With a soft-launch target of December 1, we needed a cleaner hierarchy and a visual identity that felt as sharp as Strava but distinct to Altabrio.
Role: UX/UI Designer
Tools: Figma | Upwork
Timeline: 8-weeks (Web first, Mobile next)

Project Goals

Turn a data dump into an intuitive, high-energy dashboard.
Establish brand cohesion across web and mobile in under 20 days per milestone.
Hand dev-ready Figma files the team could ship without design debt.
Project Reel

Scope & Deliverables

Web app: complete dashboard restructure, fresh color palette, bold athletic typography, revised navigation.
Mobile app (iOS & Android): adaptive layouts, streamlined workout logging, dark-mode variant.
Component library and style guide for faster future cycles.
Continuous hand-off via incremental Figma links so devs could build while I designed.

Process Highlights

Competitive teardown: Strava, TriDot, Garmin to benchmark hierarchy and chart styles.
Hierarchy first: heat-mapped the old layout, then re-stacked info by daily-use frequency.
Design system: Established a foundational design system for consistency and scalability and swapped muddy tones for a saturated triad and a bold sans serif, boosting readability at a glance.
Rapid iterations: Daily check-ins on Skype with the dev squad kept velocity high and questions minimal.
Design System Foundation

Outcome

Web milestone shipped in the first 4 weeks; mobile designs wrapped 3 weeks later, both approved on first review.
Developers reported a 30 percent reduction in front-end rework thanks to the clean component library.
Early beta testers cited “way easier to navigate” and “finally feels like an athlete’s tool” in post-release surveys.
Dashboard - Home
Dashboard - Home
Dashboard - Calendar
Dashboard - Calendar
Dashboard - Races & Vitals
Dashboard - Races & Vitals
Sign in
Sign in
Sign up
Sign up
Set Levels
Set Levels

Takeaway

A tight deadline forces ruthless prioritization. By tackling hierarchy and color first, the rest of the UI snapped into place, and everyone noticed.
Like this project

Posted May 23, 2025

Overhauled Altabrio's athlete training platform for a cleaner, intuitive design.

Likes

0

Views

1

Timeline

Nov 21, 2024 - Jan 1, 2025

Balanced8 • DTC Supplement Brand Website
Balanced8 • DTC Supplement Brand Website
WayWings Adventures - Redefining Traveling Experiences
WayWings Adventures - Redefining Traveling Experiences
Case study: How we can help reduce the effect of Environmental …
Case study: How we can help reduce the effect of Environmental …

Join 50k+ companies and 1M+ independents

Contra Logo

© 2025 Contra.Work Inc