MVMNT®

UiUx Design

An image of an array of iPhones laying flat on a white background, with mobile app screens called MVMNT, related to fitness, displayed on them.

MVMNT®

  • UiUx Design
  • Client: MVMNT®
  • Designer: Colorcubic®


Colorcubic® was commissioned by MVMNT®, Inc. to conceptualize and design the user interface and user experience for a fitness-focused mobile application. The app was envisioned as a social fitness platform that would connect athletes, coaches, and everyday users through workout routines, coaching programs, and community engagement features. Colorcubic® was responsible for translating MVMNT’s vision into a cohesive visual design system and detailed use case scenario document that mapped out the full user journey, from app load and authentication through to core functionality across five primary sections: Home, Profile, Workout, Coach, and Club.

The UI design centered on a bold, dark-themed aesthetic with red accent elements, creating an energetic and premium feel aligned with the fitness brand’s identity. Colorcubic® designed key screens including an activity feed-style home screen, user profiles with stats and activity tracking, a visually-driven workout library with search and category filtering, coach program pages with subscription and progress tracking features, and a club membership screen. Each screen was thoughtfully annotated to define interactive elements such as nested user avatars, active status indicators, rating systems, and program completion metrics.

Beyond the surface-level design, Colorcubic® developed the use case scenario documentation to articulate how users would navigate and interact with the app’s features, including an app-wide navigation menu housing search, inbox, reminders, shop, and logout functionality. This deliverable served as both a visual blueprint and a functional specification, giving MVMNT a comprehensive reference for communicating the app’s intended experience to development teams and stakeholders.

[Design Notes: All 3D rendered images lit using Colorcubic’s very own HDRI lighting preset plugin, SceneLight®, for Cinema 4D.]

Tools:


  • Sketch
  • Figma
  • Maxon Cinema 4D
  • Adobe Photoshop
  • Adobe InDesign

Twitter
Facebook
LinkedIn
Email
More Activations
Colorcubic_logo_(black)_2

We use cookies on colorcubic.com to personalize your experience.

By using our site, you agree to our Terms & Conditions | Privacy Policy.