top of page

Search Bar Revamp: UX-Centric Redesign

Search Bar.png

  • Role  UX/ UI Designer

  • Impact  Improved usability and product discoverability

  • Timeline  January 2024 - June 2024

  • Tool  Figma - Google Analytics 4

iPhone 12 Pro (Wooden Hands) (3).png

Redesign goals

  • Align SACLÀB's search bar with UX standards (e.g., enable search on "Enter", support misspellings, and allow filtering).
     

  • Enhance product discoverability, ensuring users easily find what they need.

Validated Design Version (sneak peek)

This third design iteration - design highlights visible below - has been validated for the project launch. Usability testing rounds have been conducted to assess its efficiency and ease of use.

Search bar clicked.png

Search Bar Clicked

Typing Query (1).png

Query Input

Actual most searched queries from users

Suggestions based on user's query

Latest product addition, based on user's query

Previous.Query.4Mobile.png

User's Past queries

Previous.Query.1Desktop (1).png
1690551303422 3 (2).png

No results - BEFORE

Mobile.No.results.scenario3 (1).png

No results - AFTER

Offering alternatives & solutions to the user

Displaying products - latest addition to the webshop -

Design in motion

Design sans titre (1).gif
bottom of page