Internal Platform Modernization
Spottyr
Spottyr is a mobile app for personal trainers to manage upcoming sessions, client follow-ups, client profiles, scheduling, and a workout builder in one place. This project focused on creating an accurate, maintainable design reference for the shipped product and establishing reusable UI components to support consistent future updates.
Problem
The app was already launched, but existing wireframes were outdated and no longer matched the implemented UI.
Consultant-created designs diverged as UI decisions shifted during development.
Without an updated source of truth, consistency, onboarding, and iteration became harder.
The planned Community feature needed initial UX direction that fit the established navigation and workflows.
Work began with a current-state audit of the live app, then translated the shipped experience into updated wireframes and a reusable component set. Community feature concepts were developed through working sessions with the lead developer.
Audit & Alignment
Reviewed the live app to document real screens, flows, navigation, and repeated UI patterns.
Identified inconsistencies and gaps where components or states were not standardized.
Wireframing & Component Definition
Rebuilt wireframes to match the implemented UI and capture key screen states.
Defined reusable components (e.g., headers, cards, list rows, CTAs, forms, empty/error states) aligned to the shipped product.
Collaboration & Feature Ideation
Partnered with the lead developer to brainstorm Community feature concepts and integration points.
Mapped early Community ideas to existing patterns to maintain a cohesive experience.
Delivered updated wireframes and a reusable component foundation that reflect the live app and support consistent iteration. Provided early Community feature direction to help guide future implementation.
Live-Accurate Wireframes
Established up-to-date screen documentation that mirrors the production UI.
Reusable UI Components
Standardized the building blocks used across sessions, clients, scheduling, and workout creation.
Community Feature Concepts
Developed early UX concepts and placement options that align with current navigation and trainer workflows.
The project improved design-to-build alignment and made the product easier to maintain and extend.
Reduced Ambiguity
Updated wireframes reduced ambiguity by reflecting the shipped experience.
More Consistent UI Patterns
Reusable components reduced visual drift and improved scalability.
Clearer Handoffs and Faster Iteration
Shared documentation and standardized patterns supported smoother collaboration and quicker updates.