B2C Home Warranties

A mobile-first, responsive, B2C web app to increase sales conversions.
Project overview
Cinch Home Services is a national home warranty company that offers comprehensive home maintenance and repair solutions to homeowners. The mission was to simplify the homeownership experience by offering a variety of coverage options.
Design thinking process
• Empathize
• Define
• Ideate
• Prototype
• Test
Responsive Enrollment Web App
Cinch Home Services
ROLES:
Sr. UX/UI  Designer
Visual Design Lead

Nov 2021 - Jan 2023
Problem statement
The current user experience (UX) of our digital product falls short of meeting user expectations and industry standards, leading to user dissatisfaction and limited adoption. Users are encountering difficulties in navigating the interface, understanding key features, and accomplishing their tasks efficiently. This suboptimal UX is evident in the high bounce rates, low engagement, and frequent support inquiries. To enhance user satisfaction, increase user retention, and drive broader adoption of our product, we needed to conduct a comprehensive UX redesign that identifies pain points, streamlines user flows, and introduces intuitive design elements, ultimately delivering an exceptional user experience that aligns with user needs and industry best practices."
Current UX challenges

My initial heuristic analysis considers the existing digital product's user experience falling short of current user expectations and industry standards, leading to dissatisfaction, low engagement, and high bounce rates.

  • Accessibility Issues
  • Inconsistent Design
  • Support Dependency
  • Cognitive Load
  • Efficiency Concerns
  • Dated Aesthetic
  • Error Management
Previous Enrollment Page design
Users and audience
As marketing hadn't pinpointed the primary audience, I analyzed metrics from our website visitors to assess whether the current brand strategy was aligned with audience traits.
My roles and responsibilities
I joined a product team as a Senior UX designer leading the developers and working closely with the Director of Product (DTC). My roles and responsibilities were as follows:
• UX / Product Design Lead (DTC)
• Visual Design Lead (DTC)
Scope and constraints
The Project scope was 12 months and remains in development, suffering from constraints with in-house, Agile development production schedule.
The Process
Market / User research findings

In the process of designing the new product features, I delved into qualitative data analysis due to its descriptive and open-ended nature, providing more profound insights. This research included a comprehensive investigation of direct competitors spanning local, national, and global markets. This competitive analysis played a pivotal role in shaping the overarching strategy, unlocking opportunities for enriched user experiences and content that the current website and product roadmap lacked.

This analysis also factored in key attributes such as the company's size, geographical location, and business focus, aiding in the identification of relevant comparative strengths. Interestingly, smaller firms that embraced digital transformations for their websites witnessed a substantial increase in their organic search presence, establishing heightened credibility.

Upon compiling a roster of direct competitors, I conducted a straightforward SWOT analysis to prioritize the most crucial features for concentration. To gain more profound insights into building user personas, I crafted a set of questions aimed at the identified user group. This set of questions underwent scrutiny from both marketing and the CEO, ensuring alignment with the client's needs and revealing deeper insights. The culmination of this research-driven approach allowed for a refined product development strategy with a heightened focus on user-centered features and enhanced competitive positioning.

TLDR

While current competitors concentrate on gimmicks from the past only a handful paid close attention to UX.

Creative Workshop

To initiate the ideation process, I convened a collaborative workshop that included members from the product, engineering, and marketing teams. This diverse assembly of individuals brought various viewpoints and expertise to the table. The primary objective of the workshop was to enrich our comprehension of our users by crafting user stories centered around fictional personas. These personas were constructed using market segment data derived from our site visitors.

This method effectively bridged the divide between raw data and relatable human experiences, fostering a more profound understanding of our users among all team members. The resulting user stories served as a cornerstone for making design decisions that were in harmony with user requirements. This inclusive approach not only improved team alignment but also reinforced our commitment to delivering a product that prioritized the user experience.

User Profiles

In the workshop, I guided attendees to construct personas based on their user stories. This exercise facilitated the development of empathy throughout the buyer journey and unearthed valuable insights that had the potential to enhance our conversion rates.

Wireframes
Prototyping

I designed a collection of medium-fidelity prototypes to assess their feasibility with our engineering team and to refine the concept for stakeholder review. These prototypes consisted of two mobile sets, catering to users with and without prior warranty experience. Through testing, our engineering team identified an issue in the process of editing quote addresses, resembling constraints found in our current enrollment system. This discovery prompted a design modification before progressing to the development of a high-fidelity prototype.

Screens - final build
User Research

Testing was organized into three sessions, catering to both mobile and desktop users. In the initial round, interviews were recorded, guiding subsequent design modifications. The second round involved unmoderated tests, which notably yielded a higher success rate.

  • Success rate: increased significantly by 16% after the first set of interviews and adjustments.
  • Error rate: remained low throughout desktop and mobile tests, with users praising the intuitive and clear experience.
  • Time to complete task: was longer in unmoderated sessions, with users occasionally clicking on legal disclosures and term limits.
  • Satisfaction rankings: improved greatly after incorporating user feedback and making story adjustments.
TLDR

The initial round of user interviews provided crucial insights that led to significant design adjustments aimed at accommodating user preferences. These changes not only validated the design but also positioned it as superior to the current model. Users perceived the new design as a premium service, and, on average, they indicated their willingness to pay twice as much for each quote.

Mobile Prototype

Receiving approval for refreshed brand guidelines paved the way to create a pattern library using existing assets. I adhered to corporate aesthetics with bold colors and modern typefaces, adjusting it to fit the current brand. The design aimed for improved accessibility standards. The resulting design reflected users' desire for a contemporary look and aligned with business goals, positioning the brand as a competitive player in the home warranty industry.

Outcomes & Results
Challenges

Taking control of modifying our existing branding materials proved essential for validating assumptions. I directed my attention to aspects that aligned with both engineering and marketing's brand guidelines, particularly those hindering scalability. In terms of accessibility, I improved readability by darkening the text and enhanced the user interface by enlarging and rounding buttons to bolster conversions. To further streamline our design efforts, I constructed a compact framework, which would eventually expand into a comprehensive pattern library for engineering to adopt upon approval. This included the creation of a card framework, which greatly improved the clarity of mobile experiences.

Moreover, to enrich the user journey, I introduced joyful animations and reduced cognitive load by featuring an avatar that functioned as an AI assistant. Testers overwhelmingly favored these additions, which ultimately enhanced the overall user experience.