Mindbody Marketplace - Website Design
The Mindbody Marketplace and consumer app is one of Mindbody’s key differentiators from their competitors. However, they did not have a webpage to showcase this value to business owners. The goal of this page is to highlight to current customers how the Mindbody Marketplace is a critical piece for their business’s growth along with explaining the benefits to prospects.
Role: Lead Visual Designer
Software and Skills: Figma, Adobe Photoshop, Adobe Illustrator, Collaboration, Team Work, Agile Campaigns
Initial Wireframes
To begin the process of creating this new webpage from scratch, I collaborated with a copywriter to create several wireframe page layouts to display the content direction we received from our Product Marketing Manager. We provided stakeholders with 3 unique options and after hearing feedback from our Creative Director, Software Engineering Manager, and Director of Marketing Operations we narrowed down the direction for the page.
Design Process
After deciding on a wireframe, I designed images to bring the value props and copy to life. The design direction on Mindbody’s website is to display software UI a bit more abstracted than it shows up in the real product. My goal is to make it easy for a user to understand the app and software features at a glance when scrolling down the page.
Final Page Design
Desktop and Mobile responsive page layouts. The second section has an interactive component. The animation can be seen in the video at the top of this page.
