OVERVIEW
Led a user-centric redesign initiative for the Garrett Corporate website, leveraging extensive research to understand user behavior regarding content search, filtering, and sorting.
OBJECTIVES
Redesign Garrett's search functionality to improve the overall user experience, increase conversion rates.
TIME
5 weeks
OUTCOME
Improved Garrett Website search UX with prominent placement, auto-suggestions, filters, intuitive results, keyword highlighting, error handling, and accessibility, resulting in increased user engagement and higher conversion rates.
END-TO-END-DESIGN-PROCESS
1. Research and Analysis: Gathered insights to understand user behaviours, pain points and expectations regarding search.
2. Competitor Analysis: Analysed the search features of competitor websites to identify best practices and areas for improvement.
3. Design Phase: Created wireframes using Adobe XD for the new search interface with a focus on usability, accessibility, and responsiveness across different devices. Incorporated elements such as search bar placement, auto-suggestions, filtering options, and result presentation.
4. Feedback and Iteration: Gathered feedback from the product owner on the initial designs and iterated on the design to ensure alignment with project objectives.
5. Testing and Feedback: Conducted usability testing and gathered feedback from internal stakeholders and target users to identify any usability issues or areas for improvement.
6. Finalisation and Implementation: Finalised the wireframes and worked with a developer to implement the designs on the website, ensuring technical compatibility and optimisation for different devices and screen sizes.
2. Competitor Analysis: Analysed the search features of competitor websites to identify best practices and areas for improvement.
3. Design Phase: Created wireframes using Adobe XD for the new search interface with a focus on usability, accessibility, and responsiveness across different devices. Incorporated elements such as search bar placement, auto-suggestions, filtering options, and result presentation.
4. Feedback and Iteration: Gathered feedback from the product owner on the initial designs and iterated on the design to ensure alignment with project objectives.
5. Testing and Feedback: Conducted usability testing and gathered feedback from internal stakeholders and target users to identify any usability issues or areas for improvement.
6. Finalisation and Implementation: Finalised the wireframes and worked with a developer to implement the designs on the website, ensuring technical compatibility and optimisation for different devices and screen sizes.
7. UAT: Performed thorough testing to ensure that the product aligns with the final design in terms of functionality, performance, and design specifics.
Garrett homepage with redesigned search box
Garrett redesigned search with prominent result notification, filtering by type, option to highlight keywords and intuitive results showing type with a large thumbnail image.
Garrett redesigned search with filtering by type menu
Garrett redesigned search with highlighted keywords
Garrett redesigned search with related searches
Garrett redesigned search with filtering applied on mobile view
Garrett redesigned messaging when no search results found
Garrett redesigned 404 message page with customised image
