Digital Design & UI Animation
Deliverables: Art direction for product launch, UI animation, design execution for Mindbody’s Insights product web page.
Case Study
Mindbody Insights is a real-time data analytics and employee engagement app for Mindbody businesses. Insights provides real-time data metrics from all locations and staff members, helping business owners become more efficient, more productive, and more engaged with their data and staff directly from the app.
The Previous Reports UI
Reporting and analytics were only available within the core software, and the user interface was outdated. Business owners where seeking a modern and user-friendly way to remotely check data metrics, while also being able to engage and motivate their staff. My role in brining this product to market was to educating current clients and prospects on the products robust features through engaging yet simple digital designs and animation.
Cross-Functional Collaboration
I partnered with the Lead Motion Director for this project. Together, we deconstructed the new product and generated functional simplified UI vectors for our motion and web assets. Guided by the briefing provided by our Product Marketing Manager, we collaboratively crafted a video storyboard aimed at accentuating the core value propositions and showcasing the product's user-friendliness, as well as its captivating new UI design.
UI Animation
Utilizing UI animation, we initiated the process of infusing life into the product through motion. This involved showcasing the essential features using understated and visually captivating animations.
Product Web Page
The final result was a clean, compelling web page that told the story of the users journey through animation, video and abstracted UI assets. Being the first touchpoint for this product launch, the creative direction and visual approach was repurposed for other marketing initiatives.
