Bizworks Plus App (REDESIGN)
BizWorks, a paid-for app, enables distributors to manage their businesses. The internal UX team designed and developed the app, upgrades, and evolution.
Initially, there was a request to redesign the app, but the change was minimal, so a redesign was suggested.
Below you is a “vision deck” to explore components, light/dark modes, and gamification, pushing the boundaries and informing future app design.
We leveraged global components but expanded beyond DS Tools with data-heavy content. While adhering to new branding, we explored various modes, animations, 3D components, and more actionable user interfaces.
As with the Herbalife.com website, the intent was to align to new company branding guidelines and pull in components from the new global design system.
Part of the "vision deck" was to look at the App as a unique experience, separate from the web and mobile web experiences as this is a tool for Distributors with alot of data and statistics.
Dark Mode Option
During the development of the consumer site, Denstu designed a "dark mode" which was also supported in Fluent which was leveraged to build components.
Splash Screen Storyboards
The Splash screen was an opportunity to modernize the initial user experience and integrate new branding so I created rough storyboards for the designer to explore animations.
Splash Screen Animations
We came up with multiple options to take through reviews. The first few were variants of the legacy animation with the rest inspired by current App trends. Click play to view.
Volume House & Opportunities Pages
Volume House allows Distributors to view data sets comparing months, new customers, volume points, etc. Opportunities gives visibility into downline business activity and performance.
Navigation Conceptual Update
The navigation menu icons lacked micro-animation, resulting in abrupt changes upon user interaction. The newly designed navigation icons incorporate subtle micro-animation, simulating the act of pressing a button.
Additionally, we implemented minor sizing adjustments to accommodate the five icons menu, replacing the previous four icons.
Volume House & Opportunities Pages
Volume House allows Distributors to view data sets comparing months, new customers, volume points, etc. Opportunities gives visibility into downline business activity and performance.
Volume House Explorations
Explorations for new Volume House interfaces looked at light and dark mode options, a more modern approach, and more emphasis on interaction.
Opportunities Explorations
Explorations for Opportunities interfaces looked at light and dark mode as well, showing more useful data up front, personalization, and tracking.
Progress Tracker
Progress Tracker allows Distributors to view where they are on the Marketing Plan. This tool allows them to track their progress, volume points and future goals. I had the team explore various modes, new functionality, and 3D Pin options.
Custom Progress Tracker Animation (current)
Progress Tracker Explorations
Explorations with the new component set on white as well as dark mode. Also explored alternative left/right swipe and alternate functionality.
3D Distributor Pins
We explored what the pins could look like in the digital space, a first for Herbalife. These are some initial screenshots from "Spline 3D" showing how the 3D objects look.
3D Distributor Pins
3D pin explorations, click play to view.
