Rock Hero is a food delivery service company based in Gibraltar( an overseas territory and headland, on Spain's south coast). Rock Hero's iOS and Android-based app allow you to find restaurants near you, order your favorite food and get it delivered in time.
Rock Hero food delivery services are currently only available in Gibraltar and are looking to expand to more European countries. Rock Hero has 3 verticals of the application that includes 3 Users ( Consumers, Vendors, and Drivers).
I was tasked to design a completely new consumer experience app and a visual overhaul of the existing Rock Hero mobile app design to increase profitability, introduce new features, and offer an improved user-friendly experience.
Working Class Professionals, Students, and Millennials.
Many people including Millennials and Gen Z are faced with different factors and reasons as to why they'd order meals, drinks, and more online which includes
Rock Hero looks at offering all these values and services across all types of end consumer users.
Rock Hero launched into the market using a third-party applications platform but was posed by some issues that have to lead to business and user goals impediments.
They’ve set out to see how they can handle these blockers and have opted for a total revamp and rebuild from the ground up. This would offer more flexibility, discoverability, and control with the aim of meeting up the business and user goals as intended.
We had a lengthy conversation around the needs of the customers in line with the goals of the brand to create interactions that are beneficial and meaningful to both the company and the users.
The scope of this project covers UX Research, Visual Design, and Prototyping. I was faced with a few constraints while working on this project which includes the following;
After a number of usability tests, iterations, and useful feedbacks we eventually arrived at a satisfactory product. Our KPIs achieved are as follows
Rock Hero wanted flexibility and control over the customization of their app and this meant designing and building a new app from the scratch. An app that would meet imperative user and business goals.
For a more in-depth look at my process, continue scrolling to see the full case study.
View MVP Prototype LinkHere is a glimpse at some of the key features of the app
Order your favorites with colleagues at work. Ordering food can be fun too.
You can easily see your favorites, special offers, and filter or search, and more.
Track the location of your food in real-time. No Hassle.
Schedule your order at your convenience while you get productive.
It was important to understand the context for existence and the foundation for the final product. I and the stakeholders brainstormed around the product at the highest level.
Here's an overview of my Approach
I had an interview with key stakeholders to gather insight about business goals, as well as thinking about the key aspects and value propositions of the product; what it is, who will use it, and why they will use it.
We also created an early mockup of the future product which was a low fidelity wireframe.
I also had an interview with some of our users to provide qualitative data about our target audience, such as their needs, motivations, wants fear, and behavior. This would also help us understand what the app was lacking.
Here's a preview of the research guide to some of the interviews we had with our users.
I conducted a comprehensive analysis of competitor products. This analysis helped the team understand industry standards and identify opportunities for the product in a given market segment.
I wanted to gain insights as to how some of Rock Hero's direct and Indirect competitors features. I was able to gain further understanding to see what our users might expect and the values we could offer our users. I created a short list of comparison criteria, although I couldn't find answers to some.
I also looked at Rock Hero's current app using the common usability heuristics to measure the usability of the current app's user interface. I was able to find some areas of improvement. I checked heuristics across Consistency and standards, Match between real-world and system & Error Prevention.
The team met again to have a mind-mapping session to materialize our concepts and make their characteristics more explicit: The purpose of this was to reveal hidden clusters, patterns, and entities, to make them more clear and more understandable.
It was time to make sense of the data we had collected. This phase helped us to draw insights from the data collected during the product research phase.
After I was able to identify key user groups, we created representative characters to help us understand users' goals in specific contexts.
To articulate what we knew about the users and build a broader understanding of the “why” behind user needs and wants as well as putting the users in mind so as to understand them better I created an empathy map. This helped to identify the gaps between the user's needs and the current solution they are using.
Nick is a working professional and works a 9 - 5. Today he has a lot of meetings to attend and doesn't have time to go to the restaurant. Nick has a 30 mins break at work and opens the Rock Hero app to get lunch. He gets the food in 10 mins and eats. Nick now has time to go back to work and he's satisfied with the service.
Here you have the user flow I designed to increase my awareness of the user and help focus on the user's task. To aslo help create an optimal path for the user to achieve their goals.
Now, it's time to put to use all our research data and ideas generated in the previous phase into tangible artifacts that can be tested later with real users.
Some of the wireframes I sketched out with a free hand.
It was time to digitize my sketches. I created the mid-fi prototype using Figma.
After I was done with the sketches and mid-fi wireframe, I started to work on my style guide as well as creating a mood board and finally firing up the designs.
This project was a lot of fun to work on. I worked remotely with users and getting to interact with users was a bit challenging but with the help of tools and the team that was solved.
The App is currently in the beta phase. We’ve been doing a lot of analytics and still testing. I’ll be conducting more rounds of usability testing and iterate based on the patterns from users and do a proper dev-hands-off.
We’ll also be adding more features in the future. Also from most of our usability and focus group testing have been promising and we are highly expectant of;
Increased Engagement
Increase in organic traffic
Higher retention
More features will be added in the future. Also, would be joining the go-to-market team to come up with strategies for marketing.