Rewards Network
Search Page Redesign
Refine the design to find where to dine.
Role: Senior UX Designer | Agency: Rewards Network
We were transitioning platforms and needed to rebuild our sites, giving us the opportunity to re-think the search experience.
The primary goal of Rewards Network properties is to help members find and engage with a restaurant. The search results page is where most of the users time is spent (19% of all traffic). This is made up of around 240K searches a month.
So, we wanted to significantly improve the experience for members to drive more business to our merchants, while preparing for future updates.
I worked with product on strategy and approach, created all wireframes, oversaw delivery to development, informed the build and ongoing updates.
Discover & Define
What are the challenges? What is our approach?
Started with data and research
Qualitative and quanititative data was reviewed. We wanted to quickly gather feedback from our users, look at behaviors, and find out what they most wanted from our search experience.
Typeform Surveys
Hotjar Surveys
Google Analytics
We did an audit of the current experience, outlining challenges and potential solutions
Search Challenges & Audit
The data and audit informed user experience maps created to help refine our approach.
Experience Map
User Journey
Define the solution.
I created lo-fidelity wireframes and flows to set the direction for our build.
Example Lo Fi Wires & Notes
These were reviewed with the product team and an approved direction was established.
Design & Deliver
Iterations, explorations, deliberations, annotations & implementation
Design all the pieces and parts
Across each Search Page section and component, I explored different approaches, how they all worked together and mapped back to user nees.
We did regular reviews with the Member Services, Marketing, and Development Teams to inform design.
Example Wireframe Explorations
Finalize and deliver
Detailed Wireframe Examples
We finalized designs before initial development. I created final wireframes, created partner assets, annotated & delivered wireframes.
Wireframes were posted to Zeplin with annotations, which development used as reference and guide. They were turned into Jira stories and epics directly from Zeplin, and developers could directly download all final assets.
Test & Improve
Our work is never done.
On the fly updates with the agile product team.
Once all UAT feedback was addressed, and the experience built, we immediately began the process of continual improvements and pebble updates—examine the data and feedback, identify challenges areas of improvement, come in with hypotheses on how to solve them, then design build & deploy them ….. and then examine the data and feedback …. etc
Example Pebble Updates
