Activity Tracking – Logs users' running distances and routes.
Rewards System – Earn coins based on kilometers run.
Marketplace – Use earned points to buy exclusive products.
4 months
Owoade Tobiloba
UI Designer
UX Designer
Figma
Canva
The Runners Hive project was developed to motivate and engage fitness enthusiasts by turning their running activities into a rewarding experience. Many people struggle with staying consistent in their fitness routines due to a lack of motivation, so this app introduces a gamified reward system to encourage regular exercise
Before designing Runners Hive, I needed to understand who would benefit most from it. I conducted research to define our key user groups, ensuring that our design decisions aligned with their needs and motivations.
Casual & Dedicated Runners, Fitness Enthusiasts & Social and Competitive Runners
A survey was sent out, and people that dont like fitness were filtered out. Amongst the interested ones, these are the results I found:
Casual & Dedicated Runners
Social & Competitive Runners
Others
This means that more of the people run casually and run because that's their lifestyle, some people like to share their progress & compete with other people. Others don't care, they just want to run.
A point based reward system for motivation
A marketplace to use the points gained to purchase items
An opportunity to build a community of runners
Users needed an intuitive way to track their runs, measure their distance, and earn points based on performance.
Designed a GPS-based run tracker that calculates distance covered, route mapping, and real-time stats like pace, calories burned, and coins earned.
Start Run Screen / Plan a run Screen / Pick a virtual shoe screen.
Run Screen
Add an emergency contact
Run recorded & the path recorded.
Schedule a run for a later date
Add a Shoe.
Choose an avatar for shoe
Schedule a run for a later date
Users needed motivation to run, and an incentive system was required.
Created a marketplace where users can exchange points earned from running for real-world products.
Marketplace without any product yet.
Marketplace with products live here.
Product Information
Run recorded & the path recorded.
Schedule a run for a later date
Add a Shoe.
Users wanted to connect, compete, and stay accountable
Designed a feature where users can see a leaderboard, create groups & have private leaderboards while they track leaderboard stats.
Community page showing general leadrboard & groups joined.
Full General leaderboard page.
Add a group. (details, name & photo)
Community page with groups added and joined.
Joining a group created by another person.
Group chat where you're not the group admin.
Group chat where you created the group.
Activity page that summarizes the runs of the individuals.
I tested the product with users with keen expectation on how to navigate through the app easily & carry out the most important tasks to them based on fitness.. I gave 4 people the prototype to go test, divided into 2 groups.
After designing, we thought about many things to make the product very usable at the first stage. Some of them are:
how do we add Products to the application?
How do we register vendors that want to put their products on the application?
Vendors Page
Problem : How to add vendors?
Adding vendors means that there are vendors that are ready to put up their products on the marketplace and want to register on the application.
Add Vendor Page
Add Vendor Modal
Vendors Added
Products Page
Problem : How to add products?
Adding Products is showing exactly what will show on the application, adding the dates of addition, dates the products will expire, what type of purchase (discount, buying outrightly etc)
Add Product Page
Products added showing date added, active date & expiry date
Product Information (General Info)
Product Information (Attachment)
#FFF9EB
#FEF7E1
#FDEEC1
#FAC738
#E1B332
#C89F2D
#BC952A
#967722
#705A19
#584614
#FCFCFD
#F9FAFB
#F2F4F7
#EAECF0
#D0D5DD
#98A2B3
#667085
#475467
#344054
#1D2939
#101828
Designing this product was tasking & these are the things I learnt from designing this product:
Designing for a New Industry – This was my first time designing a lifestyle/fitness product, which expanded my understanding of user behaviors in this space and the importance of motivation-driven design.
Product Strategy & Leadership – As the head of design, I refined my strategy skills, critical thinking, and decision-making, shaping the product's direction and vision to align with both user needs and business goals.
Balancing Engagement & Usability – I learned how to create an experience that keeps users engaged while maintaining a clear, intuitive interface, ensuring that both casual and dedicated runners find value in the platform.
UX/UI Designer
© 2025 Owoade Tobiloba. All Rights Reserved
Designed by Me, Developed by Habeeb Owoade
