From muddled interface to streamlined app with over 100K happy users and 0 (!) tech support calls
The problem
Glovebox had a great idea, but it was hard to see it through the existing UX and design. They had a mobile app that digitally centralized customers’ policy information plus a web app for agents to administer those policies. With tens of thousands of users, an in-house development team, and a proven product fit, the future looked bright.
However, without professional-grade design and UX, the interface baffled Glovebox’s agents and customers. Conversions weren’t where they should be, and the support team was inundated with calls from perplexed, dissatisfied clients.
![Glovebox app review 1/2 before Cozy redesign: "App keeps forcing closing. Can't connect my insurance company to my account in the app after I login."](https://cdn.prod.website-files.com/663e7d64198be854b09828e4/6696af7f5170f8345f3b3444_gb-review-1.webp)
![Glovebox app review 2/2 before Cozy redesign: "Terrible. Makes getting into any of your companies very difficult and changing passwords and making it difficult to change things... Was really annoying and tried to make it work hard..."](https://cdn.prod.website-files.com/663e7d64198be854b09828e4/6696af8f5195441c163f889c_gb-review-2.webp)
Our solution
We recognized that the app needed an intuitive user design supported by a sophisticated, branded appearance. So, we integrated the latest UX standards and user research into our design thinking.
We took the screens from cloudy to crystal clear, from flow mapping to wireframing to design and through to handoff. The usability breakthroughs assuaged previously frustrated users. They knew precisely what action to take, and the app looked good enough to drive conversions.
Industry
- B2B + Insurance
Cozy services
- UX/UI design
- Mobile app design
- Responsive web design
![Glovebox thumbnail in laptop and mobile breakpoints.](https://cdn.prod.website-files.com/663e7d64198be854b09828e4/664fc71acdc68358e80d5d80_Glove-box-payoff.webp)
Real-world results
They understand our business, and we have developed a high level of trust in all that Cozy does. They have a high degree of fiduciary duty, which compliments their creativity, ensuring that we stay within budget without sacrificing creative output.
— Jason Amunwa, Director of Product, Glovebox Inc.
users
inbound support calls
![Glovebox app review 1/3 after Cozy redesign: Five stars.](https://cdn.prod.website-files.com/663e7d64198be854b09828e4/6696bc26fa52fc01147f0b54_gb-review-5star-1.webp)
![Glovebox app review 2/3 after Cozy redesign: Five stars.](https://cdn.prod.website-files.com/663e7d64198be854b09828e4/6696bc399d4fcdbfcf8b4fce_gb-review-5star-2.webp)
![Glovebox app review 3/3 after Cozy redesign: Five stars.](https://cdn.prod.website-files.com/663e7d64198be854b09828e4/6696bc473096edff5280bb82_gb-review-5star-3.webp)
Before Cozy
The app suffered from poor navigation, hierarchy, and unclear next steps for the user. The interface was laid out by and for engineers — lots of tables with all the features you could imagine — without focus on where the client should look first or go next.
![Mockups of the Glovebox app design prior to Cozy.](https://cdn.prod.website-files.com/663e7d64198be854b09828e4/6696bccdda808b5ca6cc1c77_gb-before-cozy.webp)
The colors, font, and typography clashed in the underdeveloped brand. With a less tech-savvy client base, the app caused frustration for users and the company alike. The user logged in and immediately felt lost. (Not a good sign when most of the first screen is instructions…)
Glovebox was growing at a rapid pace, outpaced yet by customer support calls. Where was there to go?
Our structural UX approach
We were told, “Don’t do a dramatic app redesign. Make it modern, make it prettier.” So for a few months we worked on a reskin of the client-facing app. We initially planned to refresh the app but not touch the UX or change what screens were where.
![Glovebox app mobile mockups after Cozy design.](https://cdn.prod.website-files.com/663e7d64198be854b09828e4/6696bdc112d2e4e2de87ce09_gb-phones.avif)
We knew, however, that you can’t successfully reskin without touching the user experience. That meant looking at the agent-facing web app as well.
For the app to work better, it can’t just look pretty. It needs to work intuitively for the user in ways they ultimately need, without even knowing until they use the app.
So, we started conceptualizing the content and structure on each page and how it flowed from one task to the next.
![Glovebox mobile mockup: Mobile launch screen.](https://cdn.prod.website-files.com/663e7d64198be854b09828e4/6696bfc0c3b1eb116387fde6_gb-phone-1.webp)
![Glovebox mobile mockup: Create account screen.](https://cdn.prod.website-files.com/663e7d64198be854b09828e4/6696bfcfdde8a294274cea07_gb-phone-2.webp)
![Glovebox mobile mockup: Log-in verification code screen.](https://cdn.prod.website-files.com/663e7d64198be854b09828e4/6696bfda4aae740c3f597b1f_gb-phone-3.webp)
![Glovebox mobile mockup: Account verification success screen.](https://cdn.prod.website-files.com/663e7d64198be854b09828e4/6696bfe21116bf0d1b012534_gb-phone-4.webp)
![Glovebox mobile mockup: Company connection screen.](https://cdn.prod.website-files.com/663e7d64198be854b09828e4/6696bfeaf23ee26ee6663749_gb-phone-5.webp)
As we progressed into on going project-based support, Glovebox’s product manager would provide a project brief that detailed the tasks a user needed to carry out and the flow of information in the system to support that task.
Our job was to translate that task into usable screens.
![Glovebox system flow map.](https://cdn.prod.website-files.com/663e7d64198be854b09828e4/6696c1a7dcd9650d7aabde9d_gb-system-flow.webp)
![Glovebox feature roadmap: user tasks.](https://cdn.prod.website-files.com/663e7d64198be854b09828e4/6696c1b0a531ceed0cd9dceb_gb-feature-roadmap.webp)
Here's what we did
- Reimagined navigation to maximize usability
- Researched industry standards to ensure our interface would match user expectations where sensible
- Developed new internal architecture for a smooth experience
- Flow mapping and wireframing to create usable flows and screens
- Laid out features in an intuitive, task-based manner
- Tested with users to ensure usability
UX requires understanding the user and business needs before designing the interface.
— Meng Li, Cozy UX designer
Our atomic UI design
The atomic design methodology provided a practical build framework for us to conceptualize the user interface and the series of its parts. Every level in our interface design system’s hierarchy builds on the level before to ensure consistency and efficiency in the build and design processes.