Product Sign In Page Redesign
Mindbody’s product sign in page is a critical entry point for customers accessing their business software. While it was functioning as intended for login, it was outdated and underutilized as a marketing and engagement space. The page receives about 4 million visits a month, reinforcing its high visibility and critical role in daily customer workflows.
The goal of this redesign was to:
1. Modernize its look & feel to align with Mindbody’s brand and design system.
2. Provide a flexible marketing surface that allows the marketing team to manage and optimize the content.
3. Refine UX with minor usability improvements without disrupting login functionality.
Role: Senior Visual Designer
Software and Skills: Figma, Team Work, Agile Campaigns
Before vs. After
The Problem & Challenges
The sign in page is one of the most visible surfaces in Mindbody’s ecosystem, used daily by customers to locate their business and log in, yet its current design limits its potential as a strategic marketing space while also impacting user experience.
Marketing & Business Challenges
Ineffective marketing space: Banners are poorly positioned and secondary, making it difficult to highlight key initiatives and new features.
Rigid marketing banners: Marketing can only upload static images with limited flexibility—no ability to update messaging dynamically, A/B test, or tailor content beyond basic image uploads.
Lack of content management & tracking: No audience segmentation, performance analytics, or A/B testing for optimization.
Customer & UX Pain Points
Outdated & inconsistent design: Doesn’t reflect Mindbody’s branding, leading to a disjointed experience.
Poor mobile experience: Content displays awkwardly, creating usability issues.
Search usability concerns: Ambiguous search instructions cause confusion.
Research
Based on initial research, a majority of companies we looked at for inspiration used a split screen approach with one half for sign in and the other half for advertising space.
Initial Explorations
While thinking through an updated user flow, I played around with a split screen UI approach. I tried out a variety of options for stakeholders to pick between from full bleed, to rounded corners, to a 3/4th split.
Final Approach
In the final approach was able to ensure consistency with Mindbody’s broader modernization efforts while providing the marketing team with a more flexible and effective advertising space. It also ensures a seamless, intuitive sign in experience that reinforces customer trust in Mindbody’s platform.
