Tradr - Mobile App
Mobile app designed to facilitate shopping in local markets.
12 min read
Tools
Figma, Google forms, Miro, Maze, Jira
Team
Product Manager, UX/UI Designer, Engineers
My Role
UX/UI Designer
Responsibilities
User research, Wireframes (lo-fi & hifi), UI design
Outcome
Mobile app that connects buyers to shoppers to purchase items from local markets
Overview
In today’s fast-moving world, convenience and efficiency in shopping have never been more important. As online shopping continues to grow, there’s a rising need for platforms that connect consumers with local markets, making it easier to access quality products while supporting nearby businesses.
The Problem
Many people struggle to visit local markets due to busy schedules, health issues, stress, or safety concerns. As a result, there’s a growing need for a solution that enables them to shop from local markets conveniently and securely from the comfort of their homes.
What do we aim to achieve?
To make it easier to shop from local markets around you, Tradr aims to meet that need by connecting individuals with shoppers who help them make purchases from local markets. This eliminates the need for physical presence while ensuring a safe and reliable delivery of their items.
Here’s how we are doing it!
Following the concept of design thinking, here is a breakdown of the process followed while building this product.
Research
Analysis
Design
Test
Understanding the real needs of buyers and shoppers
To gain deeper insights into our target users, we conducted in-depth user interviews. Our goal was to understand their pain points, motivations, and expectations for a platform like Tradr. By speaking directly with potential users, we uncovered frustrations with the current shopping experience and validated our design decisions with real-world feedback.
"I love getting fresh produce from the market, but I just don’t have time to go there during the week."
"Markets are overwhelming. I don’t like the crowds, and I hate negotiating prices with vendors."
"I’m at the market almost every day, so shopping for others wouldn’t be a problem, but how do I make sure I get paid?"
"Some people are very picky, I need to know exactly what they want so I don’t waste time returning things."
Gathering quantitative insights to shape Tradr
To validate our research and refine Tradr’s features, we conducted a survey with over 150 respondents to understand shopping behaviours, pain points, and user expectations. The results provided valuable quantitative insights that helped us prioritise solutions for both buyers and shoppers.
62%
of buyers struggle with time constraints
70%
of frequent market-goers are open to shopping for others
78%
of Users Want Real-Time Chat & Image Sharing
Organising insights to identify user needs
After conducting user interviews and surveys, we used affinity mapping to organise research findings into key themes. This method helped us group similar pain points, behaviours, and expectations, allowing us to clearly define the needs of both buyers and shoppers.
Defining the two user groups
After clustering the data in affinity mapping, we identified two clear user groups:
Buyers (Customers): Individuals who want to purchase items from local markets at affordable prices but lack the time to shop in person. These users are often busy professionals, elderly individuals, or those with mobility limitations who need a convenient way to get essential household items.
Market Shoppers: Individuals who are available to shop on behalf of others in exchange for payment. They are typically present in specific market areas, ready to fulfil shopping requests.
Buyers / customers
Market shoppers
Constraints and design challenges (HMWs)
Our research revealed several key design challenges, which we reframed as "How Might We" (HMW) statements to guide our problem-solving process. These statements allowed us to explore multiple creative solutions and ensure that our final design effectively addressed user needs.
Defining the users (User Personas)
Based on our research, I created detailed user personas to represent each user group, outlining their core needs and frustrations. These personas helped me better understand our users and guided the design of Tradr’s key features.
Mapping the journey for a seamless experience
For a better understanding of the user experience, I created user flows that outlines the step-by-step process a user takes to complete specific in-app tasks. This user flow helped us identify areas for improvement and allowed us to optimise the user experience.
Concepts and paper sketches
After creating the User flow, I began creating wireframes to validate the flow and test out possible visual elements that will be used in the design.
Low-fidelity wireframes
Pen and paper sketches facilitated the initial stages of the wire framing process, followed by creation of low-fidelity wireframes to gain clearer understanding and clarity. This streamlined the iteration process and facilitated effective communication with the team for further exploration of opportunities.
Improving the checkout experience
During testing, several users expressed frustration with the checkout experience.
To address this issue, I introduced a step-by-step progress indicator during the checkout flow.
Clear visibility of the number of steps required to complete an order.
A sense of control, allowing users to know how far they’ve progressed.
Reduced frustration and drop-off rates by improving the perceived speed of the process.
Enhance payment convenience with saved card details.
During user testing, one of the key friction points I identified was re-entering payment details for every purchase.
I introduced a "Save Card Details" option, allowing users to securely store their card information for future transactions.
Eliminated the need for repetitive manual entry, reducing checkout time.
Improved user convenience, enabling faster, one-tap payments.
Testing; Iterations and Solutions
To validate our design decisions, we conducted user testing with real buyers and shoppers, allowing us to observe interactions, gather feedback, and identify pain points.
Final solution (Onboarding / Registration)
On the mobile app, both user groups are required to create an account and verify either as a shopper or buyer.
Buyer's shopping experience
The buyer's app simplifies shopping by connecting buyers with personal shoppers on the app. They create a shopping list, chat with a shopper to have their items purchased, make payments and have it delivered to them. A convenient and effortless shopping experience.
Shopping conversations
During this process, the buyers and shoppers communicate to ensure the right items are purchased. The shopper captures and sends items from the buyer's list and the buyer confirms or declines each one. Only confirmed items are added to the shopping basket. This interaction guarantees the buyer's satisfaction.
Shoppers experience and earnings
The shopper's objective is to provide a seamless shopping experience to buyers in a specific market. To achieve this, the shopper makes themselves available in a designated market and waits for shopping requests. Upon receiving a request, the shopper engages in a direct and personalised conversation with the buyer to ensure all their shopping needs are met.
By limiting their services to a specific market, the shopper can ensure prompt and efficient service to the buyers.
Compiled by
Ayodele Oladimeji
UX Designer
Design impact, learnings and future thinking
We went for a soft beta launch with real shoppers and buyers that would help us test their experience with the app or find any improvements before the main launch.
Our user-centred approach to designing Tradr app resulted in an 65% user retention rate among our first users in the first 30 days of launch. Through research, we identified key pain points and prioritised features that would provide the most value to our users. Through user testing and iterative design, we refined our approach to maximise user satisfaction, as a result, there's been rapid adoption and widespread positive feedback, setting the pace for a successful launch and future growth.
Tradr - Mobile App
Mobile app designed to facilitate shopping in local markets.
12 min read
Tools
Figma, Google forms, Miro, Maze, Jira
Team
Product Manager, UX/UI Designer, Engineers
My Role
UX/UI Designer
Responsibilities
User research, Wireframes (lo-fi & hifi), UI design
Outcome
Mobile app that connects buyers to shoppers to purchase items from local markets
Overview
In today’s fast-moving world, convenience and efficiency in shopping have never been more important. As online shopping continues to grow, there’s a rising need for platforms that connect consumers with local markets, making it easier to access quality products while supporting nearby businesses.
The Problem
Many people struggle to visit local markets due to busy schedules, health issues, stress, or safety concerns. As a result, there’s a growing need for a solution that enables them to shop from local markets conveniently and securely from the comfort of their homes.
What do we aim to achieve?
To make it easier to shop from local markets around you, Tradr aims to meet that need by connecting individuals with shoppers who help them make purchases from local markets. This eliminates the need for physical presence while ensuring a safe and reliable delivery of their items.
Here’s how we are doing it!
Following the concept of design thinking, here is a breakdown of the process followed while building this product.
Research
Analysis
Design
Test
Understanding the real needs of buyers and shoppers
To gain deeper insights into our target users, we conducted in-depth user interviews. Our goal was to understand their pain points, motivations, and expectations for a platform like Tradr. By speaking directly with potential users, we uncovered frustrations with the current shopping experience and validated our design decisions with real-world feedback.
"I love getting fresh produce from the market, but I just don’t have time to go there during the week."
"Markets are overwhelming. I don’t like the crowds, and I hate negotiating prices with vendors."
"I’m at the market almost every day, so shopping for others wouldn’t be a problem, but how do I make sure I get paid?"
"Some people are very picky, I need to know exactly what they want so I don’t waste time returning things."
Gathering quantitative insights to shape Tradr
To validate our research and refine Tradr’s features, we conducted a survey with over 150 respondents to understand shopping behaviours, pain points, and user expectations. The results provided valuable quantitative insights that helped us prioritise solutions for both buyers and shoppers.
62%
of buyers struggle with time constraints
78%
of Users Want Real-Time Chat & Image Sharing
70%
of frequent market-goers are open to shopping for others
Organising insights to identify user needs
After conducting user interviews and surveys, we used affinity mapping to organise research findings into key themes. This method helped us group similar pain points, behaviours, and expectations, allowing us to clearly define the needs of both buyers and shoppers.
Defining the two user groups
After clustering the data in affinity mapping, we identified two clear user groups:
Buyers (Customers): Individuals who want to purchase items from local markets at affordable prices but lack the time to shop in person. These users are often busy professionals, elderly individuals, or those with mobility limitations who need a convenient way to get essential household items.
Market Shoppers: Individuals who are available to shop on behalf of others in exchange for payment. They are typically present in specific market areas, ready to fulfil shopping requests.
Buyers / customers
Market shoppers
Constraints and design challenges (HMWs)
Our research revealed several key design challenges, which we reframed as "How Might We" (HMW) statements to guide our problem-solving process. These statements allowed us to explore multiple creative solutions and ensure that our final design effectively addressed user needs.
Defining the users (User Personas)
Based on our research, I created detailed user personas to represent each user group, outlining their core needs and frustrations. These personas helped me better understand our users and guided the design of Tradr’s key features.
Mapping the journey for a seamless experience
For a better understanding of the user experience, I created user flows that outlines the step-by-step process a user takes to complete specific in-app tasks. This user flow helped us identify areas for improvement and allowed us to optimise the user experience.
Concepts and paper sketches
After creating the User flow, I began creating wireframes to validate the flow and test out possible visual elements that will be used in the design.
Low-fidelity wireframes
Pen and paper sketches facilitated the initial stages of the wire framing process, followed by creation of low-fidelity wireframes to gain clearer understanding and clarity. This streamlined the iteration process and facilitated effective communication with the team for further exploration of opportunities.
Enhance payment convenience with saved card details.
During user testing, one of the key friction points I identified was re-entering payment details for every purchase.
I introduced a "Save Card Details" option, allowing users to securely store their card information for future transactions.
Eliminated the need for repetitive manual entry, reducing checkout time.
Improved user convenience, enabling faster, one-tap payments.
Testing; Iterations and Solutions
To validate our design decisions, we conducted user testing with real buyers and shoppers, allowing us to observe interactions, gather feedback, and identify pain points.
Improving the checkout experience
During testing, several users expressed frustration with the checkout experience.
To address this issue, I introduced a step-by-step progress indicator during the checkout flow.
Clear visibility of the number of steps required to complete an order.
A sense of control, allowing users to know how far they’ve progressed.
Reduced frustration and drop-off rates by improving the perceived speed of the process.
Final solution (Onboarding / Registration)
On the mobile app, both user groups are required to create an account and verify either as a shopper or buyer.
Buyer's shopping experience
The buyer's app simplifies shopping by connecting buyers with personal shoppers on the app. They create a shopping list, chat with a shopper to have their items purchased, make payments and have it delivered to them. A convenient and effortless shopping experience.
Shopping conversations
During this process, the buyers and shoppers communicate to ensure the right items are purchased. The shopper captures and sends items from the buyer's list and the buyer confirms or declines each one. Only confirmed items are added to the shopping basket. This interaction guarantees the buyer's satisfaction.
Shoppers experience and earnings
The shopper's objective is to provide a seamless shopping experience to buyers in a specific market. To achieve this, the shopper makes themselves available in a designated market and waits for shopping requests. Upon receiving a request, the shopper engages in a direct and personalised conversation with the buyer to ensure all their shopping needs are met.
By limiting their services to a specific market, the shopper can ensure prompt and efficient service to the buyers.
Compiled by
Ayodele Oladimeji
UX Designer
Design impact, learnings and future thinking
We went for a soft beta launch with real shoppers and buyers that would help us test their experience with the app or find any improvements before the main launch.
Our user-centred approach to designing Tradr app resulted in an 65% user retention rate among our first users in the first 30 days of launch. Through research, we identified key pain points and prioritised features that would provide the most value to our users. Through user testing and iterative design, we refined our approach to maximise user satisfaction, as a result, there's been rapid adoption and widespread positive feedback, setting the pace for a successful launch and future growth.
Tradr - Mobile App
Mobile app designed to facilitate shopping in local markets.
12 min read
Tools
Figma, Google forms, Miro, Maze, Jira
Team
Product Manager, UX/UI Designer, Engineers
My Role
UX/UI Designer
Responsibilities
User research, Wireframes (lo-fi & hifi), UI design
Outcome
Mobile app that connects buyers to shoppers to purchase items from local markets
Overview
In today’s fast-moving world, convenience and efficiency in shopping have never been more important. As online shopping continues to grow, there’s a rising need for platforms that connect consumers with local markets, making it easier to access quality products while supporting nearby businesses.
The Problem
Many people struggle to visit local markets due to busy schedules, health issues, stress, or safety concerns. As a result, there’s a growing need for a solution that enables them to shop from local markets conveniently and securely from the comfort of their homes.
What do we aim to achieve?
To make it easier to shop from local markets around you, Tradr aims to meet that need by connecting individuals with shoppers who help them make purchases from local markets. This eliminates the need for physical presence while ensuring a safe and reliable delivery of their items.
Research
Analysis
Design
Test
Here’s how we are doing it!
Following the concept of design thinking, here is a breakdown of the process followed while building this product.
Understanding the real needs of buyers and shoppers
To gain deeper insights into our target users, we conducted in-depth user interviews. Our goal was to understand their pain points, motivations, and expectations for a platform like Tradr. By speaking directly with potential users, we uncovered frustrations with the current shopping experience and validated our design decisions with real-world feedback.
"I love getting fresh produce from the market, but I just don’t have time to go there during the week."
"Markets are overwhelming. I don’t like the crowds, and I hate negotiating prices with vendors."
"I’m at the market almost every day, so shopping for others wouldn’t be a problem, but how do I make sure I get paid?"
"Some people are very picky, I need to know exactly what they want so I don’t waste time returning things."
Gathering quantitative insights to shape Tradr
To validate our research and refine Tradr’s features, we conducted a survey with over 150 respondents to understand shopping behaviours, pain points, and user expectations. The results provided valuable quantitative insights that helped us prioritise solutions for both buyers and shoppers.
62%
of buyers struggle with time constraints
78%
of Users Want Real-Time Chat & Image Sharing
70%
of frequent market-goers are open to shopping for others
Organising insights to identify user needs
After conducting user interviews and surveys, we used affinity mapping to organise research findings into key themes. This method helped us group similar pain points, behaviours, and expectations, allowing us to clearly define the needs of both buyers and shoppers.
Defining the two user groups
After clustering the data in affinity mapping, we identified two clear user groups:
Buyers (Customers): Individuals who want to purchase items from local markets at affordable prices but lack the time to shop in person. These users are often busy professionals, elderly individuals, or those with mobility limitations who need a convenient way to get essential household items.
Market Shoppers: Individuals who are available to shop on behalf of others in exchange for payment. They are typically present in specific market areas, ready to fulfil shopping requests.
Buyers / customers
Market shoppers
Constraints and design challenges (HMWs)
Our research revealed several key design challenges, which we reframed as "How Might We" (HMW) statements to guide our problem-solving process. These statements allowed us to explore multiple creative solutions and ensure that our final design effectively addressed user needs.
Defining the users (User Personas)
Based on our research, I created detailed user personas to represent each user group, outlining their core needs and frustrations. These personas helped me better understand our users and guided the design of Tradr’s key features.
Mapping the journey for a seamless experience
For a better understanding of the user experience, I created user flows that outlines the step-by-step process a user takes to complete specific in-app tasks. This user flow helped us identify areas for improvement and allowed us to optimise the user experience.
Concepts and paper sketches
After creating the User flow, I began creating wireframes to validate the flow and test out possible visual elements that will be used in the design.
Low-fidelity wireframes
Pen and paper sketches facilitated the initial stages of the wire framing process, followed by creation of low-fidelity wireframes to gain clearer understanding and clarity. This streamlined the iteration process and facilitated effective communication with the team for further exploration of opportunities.
Enhance payment convenience with saved card details.
During user testing, one of the key friction points I identified was re-entering payment details for every purchase.
I introduced a "Save Card Details" option, allowing users to securely store their card information for future transactions.
Eliminated the need for repetitive manual entry, reducing checkout time.
Improved user convenience, enabling faster, one-tap payments.
Testing; Iterations and Solutions
To validate our design decisions, we conducted user testing with real buyers and shoppers, allowing us to observe interactions, gather feedback, and identify pain points.
Improving the checkout experience
During testing, several users expressed frustration with the checkout experience.
To address this issue, I introduced a step-by-step progress indicator during the checkout flow.
Clear visibility of the number of steps required to complete an order.
A sense of control, allowing users to know how far they’ve progressed.
Reduced frustration and drop-off rates by improving the perceived speed of the process.
Final solution (Onboarding / Registration)
On the mobile app, both user groups are required to create an account and verify either as a shopper or buyer.
Buyer's shopping experience
The buyer's app simplifies shopping by connecting buyers with personal shoppers on the app. They create a shopping list, chat with a shopper to have their items purchased, make payments and have it delivered to them. A convenient and effortless shopping experience.
Shopping conversations
During this process, the buyers and shoppers communicate to ensure the right items are purchased. The shopper captures and sends items from the buyer's list and the buyer confirms or declines each one. Only confirmed items are added to the shopping basket. This interaction guarantees the buyer's satisfaction.
Shoppers experience and earnings
The shopper's objective is to provide a seamless shopping experience to buyers in a specific market. To achieve this, the shopper makes themselves available in a designated market and waits for shopping requests. Upon receiving a request, the shopper engages in a direct and personalised conversation with the buyer to ensure all their shopping needs are met.
By limiting their services to a specific market, the shopper can ensure prompt and efficient service to the buyers.
Compiled by
Ayodele Oladimeji
UX Designer
Design impact, learnings and future thinking
We went for a soft beta launch with real shoppers and buyers that would help us test their experience with the app or find any improvements before the main launch.
Our user-centred approach to designing Tradr app resulted in an 65% user retention rate among our first users in the first 30 days of launch. Through research, we identified key pain points and prioritised features that would provide the most value to our users. Through user testing and iterative design, we refined our approach to maximise user satisfaction, as a result, there's been rapid adoption and widespread positive feedback, setting the pace for a successful launch and future growth.
Checkout summary
The next step involves confirming the items in your basket, selecting or adding a delivery address and phone number, and reviewing the checkout summary before proceeding with payment. Once the payment is completed, your order is finalised and prepared for delivery.
Checkout summary
The next step involves confirming the items in your basket, selecting or adding a delivery address and phone number, and reviewing the checkout summary before proceeding with payment. Once the payment is completed, your order is finalised and prepared for delivery.
Checkout summary
The next step involves confirming the items in your basket, selecting or adding a delivery address and phone number, and reviewing the checkout summary before proceeding with payment. Once the payment is completed, your order is finalised and prepared for delivery.