Revolutionizing E-commerce Search with a DIY Overlay

Role: Lead UX Designer
Team: 5 (UX, UI, Developers)
Timeline: 12 weeks
Tools: Figma, User Testing Software, Miro

Project Summary

This project focused on designing a search overlay for an e-commerce platform, allowing clients to easily integrate it into their websites. My role involved researching user needs, creating intuitive designs, and ensuring a seamless experience for end-users. The goal was to simplify the search process, making it self-service for clients and enhancing overall functionality.

Problem

Users faced difficulties in finding products quickly, leading to frustration and high abandonment rates.

Solution

We developed a dynamic search overlay that provides instant results and filtering options, streamlining the search process.

Goals

The primary aim was to enhance user experience and increase conversion rates through a more efficient search process.

  • Reduce search abandonment rates by 30%.
  • Increase product discoverability by 40%.
  • Improve overall user satisfaction ratings to 4.5/5.

Personas

Based on extensive user research, I developed personas representing our target users. These personas highlighted common traits, motivations, and pain points, including the need for speedy search results and the ability to filter through options effectively. This insight allowed me to design solutions tailored to their specific needs.

persona 1

Design: How We Approached It

  • Focused on clarity, consistency, and user trust, driven by research insights
  • Built a modular UI framework adaptable to plan comparison, service checks and checkout
  • Used progressive disclosure to simplify Fios vs. 5G eligibility and reduce cognitive load
  • Developed scalable components within Verizon’s design system, adding accessibility enhancements
  • Rapidly iterated in Figma on address lookup, plan tiles and checkout panels
  • Delivered a reusable, intuitive UI foundation enabling faster implementation across journeys

UI Design

The final UI incorporated a clean, modern aesthetic with intuitive navigation elements. The search overlay featured a prominent search bar, suggested results, and easy-to-use filters. I ensured that the design aligned with the brand identity while enhancing usability by focusing on clarity and efficiency.

persona 1 persona 1 persona 1 persona 1

Business Impact

This redesign significantly improved user engagement and product visibility, aligning with our overall business goals. The intuitive search overlay empowered clients to enhance their platforms without extensive resources, driving adoption and satisfaction.

KPIs with targets

30% Abandonment Rates
22% Product Discoverability
25% User Satisfaction Ratings

Conversion Rate Uplift

Tracked the percentage of users who completed the end-to-end buy flow pre- and post-launch. A/B tests revealed an 18% increase in completed transactions compared to the baseline.

Drop-off Rate Reduction

Funnel analysis tools (like Adobe Analytics and FullStory) were used to measure exit rates at key steps. Address qualification drop-offs were reduced by 22% after redesign.

Time-on-Task for Plan Selection

Session replays and click tracking helped measure how quickly users selected a plan. Time spent on plan selection was reduced by approximately 25%, indicating improved clarity and usability.

User Satisfaction

Feedback indicated a notable improvement in user confidence and satisfaction navigating the flow.

Operational Efficiency

Tracked adoption of modular design components across teams. Reduced design and development turnaround time by enabling reuse and consistency.

Read other case studies

Verizon Home Internet

Streamlined Buy Flows Driving Higher Conversions and Seamless User Experience

Telecom
Web App
B2C
Verizon Home Internet

Offer Process

Streamlining the Senior Leadership Offer Process at Honeywell

Telecom
Web & Mobile
B2C
Honeywell