top of page
My role
Work alongside another UX designer to re-map out the store finder journey from all entry points, whether it be from within the website or a specific store search.
​
As lead UI Designer working from wireframes I
re-skinned all of the UI elements throughout the store finder journey as well as keep it inline with the current branding so it still flowed with the rest of the site.
I also created a prototype in order to stress test the journey and a suggested way of handing over to developers to ensure the journey was understood by there in house developers.
Guerrilla testing
To begin with we conducted Guerilla Testing using the current live design, in order to understand how current users interact with the store finder. By keeping the journey quite open it allow us to understand the different needs and understand the different reasons why they would interact the store finder.
​
It was clear from the off-set that the current design was not clear and hard to navigate. Users typically knew which store was nearest to them. As a result of this, users nearly all search for the stores using Google.
Key takeaways
The current user interface didn't work and wasn't clear, users found it extremely difficult to find key information.
More information about each store is needed to better inform the users which store has the facilities they need.
Mobile first design is key for this feature
Customer Journey
I created a customer journey map that was informed by the Guerilla Testing, key takeaways and the businesses needs.
Taken from one of the users typical journeys I began by mapping out their needs throughout the journey. Then I delved deeper into their experiences, process and pain points. Evaluating all of this, ideas started to arise for certain pain points.
Working from the key takeaways we created some concept sketches that aligned with finding and the clients needs. Four sketches were created, from there we got the client involved in voting on the design which worked for all areas of the users needs and clients needs.
Concepts & wireframes
Working from the key takeaways we created some concept sketches that aligned with findings and the clients needs. Four sketches were created, from there we got the client involved in dot voting on the design which worked for all areas of the users needs and clients needs. From there we created wireframes based on a combination of the winning design/features.
​
-min.png)
UI Design & User testing
Working from the wireframes I re-skinned and updated all of the UI through. All the UI was made constant, clean and easy to navigate. The colour palette was quite limited so tones were introduced.
A large focus was around making sure the card designs from the list view were clear and had the relevant information to be able to compare other stores too, as well as the actual store details pages were up to date, mobile focused and the hierarchy of information was correct.
Once I had completed the prototype, we conducted another Guerrilla Testing session to ensure the new designs worked from all angles of the entry points and were user friendly throughout. It was a great way of validating the designs with the client.
​
Results: Users found the design a lot more clearer and easy to navigate. One way we ensured the regardless of the entry point (Google) I created different entry point for the prototype to give the impression we had improved the experience outside of the website.
List view
Store Details Page
Filter By
bottom of page