River Runners
Brief
The Problem:
River Runners has minimal and confusing navigation that makes it harder for users to understand where to go to order family-friendly meals.
The Solution:
Adding navigation to all levels of the hierarchy to allow users to find what they are looking for in a quick and easy manner.
My Role:
UX/UI designer
Team:
Julie Dinwoodie & Susan David
Tools:
Figma, Miro, QuickTime, Photoshop
Stakeholder interview:
We had a zoom meeting with Chandler, the founder of River Runners and he is aware of the limitations with the present site. It was created using a widget template by himself and he noted that it wasn’t as functional as he would have liked. Ideally he is looking to translate this into an app with a more user-friendly site.
User Insight Statement
Jane is a busy wife and mother of two young boys with a demanding career in education. She enjoys spending time with her family and doesn’t always want to be cooking dinner. Living in a rural community she finds it difficult to find options for ordering food. She requires a website that allows her to find local options that will deliver her family a good nutritious meal.
Problem Statement
Available online platforms in the market were designed for consumers within a certain geographic area which provides them with many restaurant options and the main issue for our customers is location in rural areas. Based on our preliminary study we have observed these platforms do not provide customers in smaller communities with the option to order delivery from their local restaurants so they can feel less burdened by the pressures of cooking dinner for their family.
Users living in rural communities do not have access to the popular online delivery services that those in urban areas do.
Value Proposition
River Runners is online delivery service that focuses on those living in smaller communities by allowing users to order from local restaurants. They’re better because we offer a variety of local options to those that live in these communities.
User Flow
We considered the most important features and tasks that our users would go through, such as, finding their city, searching for a restaurant, adding to their shopping cart and checking out.
Wireframing
Leveraging from our user flow we sketched our wireframes to show the full process the user would take for food delivery.
User Testing Results
We asked users to complete the same task as they previously did to see if they could use the new navigation more easily. Each of us tested two users and gathered the following results:
- Thought the map icons were links to the cities.
- Much easier to navigate than the previous site.
- User found the navigation to be clear and was able to easily find the page and complete the task.
- Very pleasing to the eyes – nice and airy.
- Love the simple design.
- In comparison to the previous River Runners website, users felt the navigation was simpler and more intuitive.
- New website is more professional and clean.
Some users did find some difficulty with the map hero image we created – thinking that the map icons were links.
High Fidelity Prototype
As you can see the user can choose a location from the dropdown menu. From there they are taken to their city of choice and are able to see and select a restaurant they would like to order from. Choosing the restaurant takes them to the menu page where they are able to add items to their cart. Pressing the checkout button opens a page where they can review the items they have chosen as well as giving them the final total of their order. Selecting the Pay Now button opens a pop up to the checkout and then the payment successful page lets them know that the receipt has been emailed them to them and they will receive texts regarding their order .
Final Thoughts
The redesign the River Runners website was a project that allowed us to explore the exciting possibilities that a UX/UI designer would experience. Throughout this process, we learned a valuable lesson: Keep It Simple!
In the original site key elements required editing, specifically the main navigation, an essential part to the user experience. We broke down the links on their web pages and by card sorting we were able to develop a navigation bar to help those visiting the site find the key categories that they would need.
We dropped the dark colour scheme for a white, bright clean design. We removed all the external links and brought the experience back to the River Runners website. Users can now view and order from each restaurant’s menu without having to leave the website.
Through our iterations we found that simplifying the user process was the key to making this website easy to navigate and quick to order from.
River Runners Full Case Study