OleVit
Cafe Delivery App
Overview
OleVit is a local café located around the city.
OleVit strives to deliver healthy food to its customers. The cafe offers a wide spectrum of salads, soups and, drinks.
OleVit targets customers like commuters and workers who lack the time or ability to prepare a healthy lunch and/or dinner. As well as those who experience difficulties with placing an order by navigating complex delivery apps.
Problem
Busy workers and commuters lack the time necessary to prepare a meal. As well as when they use a delivery app they are forced to go through multiple steps to place an order. The users also cannot track their orders in real-time.
Goal
Design an app for OleVit that allows users to easy order and track fresh, healthy dishes.
My Role
UX designer and UX researcher who collaborated on the design of an app for OleVit from its initial concept to final delivery.
My responsibilities encompassed:
Conducting interviews
Creating paper and digital wireframes
Developing low and high-fidelity prototypes
Performing usability studies
Ensuring accessibility considerations
Iterating on designs
Research
Research
Understanding the user
Research enables me to dig deep into my understanding of users - not only their immediate frustrations, but also their hopes, fears, abilities, limitations, reasoning, and goals. It lays essential foundations for creating solutions in later stages.
User research
I conducted interviews and created empathy maps to understand the users I am designing for and their needs. A primary user group identified through research was working adults who do not have time to cook.
This user group confirmed initial assumptions about OleVit customers, but research also revealed that time was not the only factor limiting users from cooking at home. Other user problems included obligations, interests, or challenges that make it difficult to get groceries for cooking or go to restaurants in person. Users are also faced with difficulties in finding and placing orders through apps that offer food delivery.
User pain points
Time
Working adults are too busy to spend time on meal preparation.
Accessibility
Platforms for ordering food are not equipped with assistive technologies.
IA
Text-heavy menus in apps are often difficult to read and order from.
Persona
The information acquired via surveys led up to the creation of the persona. The key purpose is to highlight such patterns and pain points, allowing me to empathize with users even more.
I created two personas based on user research. I referred to them throughout the product development process.
Each persona had a scenario that outlined a realistic goal that the user may achieve while using this app.
The information I gathered about each persona centered on their goals and frustrations with the product, as well as their interactions with it, which influenced my design decisions significantly.
The creation of a persona also helped me to state the problem.
Problem statement
Svitlana is a busy working adult who needs easy access to healthy food ordering options because she has no time to cook lunch in advance.
Understanding the user
Research enables me to dig deep into my understanding of users - not only their immediate frustrations, but also their hopes, fears, abilities, limitations, reasoning, and goals. It lays essential foundations for creating solutions in later stages.
User research
I conducted interviews and created empathy maps to understand the users I am designing for and their needs. A primary user group identified through research was working adults who do not have time to cook.
This user group confirmed initial assumptions about OleVit customers, but research also revealed that time was not the only factor limiting users from cooking at home. Other user problems included obligations, interests, or challenges that make it difficult to get groceries for cooking or go to restaurants in person. Users are also faced with difficulties in finding and placing orders through apps that offer food delivery.
User research
I conducted interviews and created empathy maps to understand the users I am designing for and their needs. A primary user group identified through research was working adults who do not have time to cook.
This user group confirmed initial assumptions about OleVit customers, but research also revealed that time was not the only factor limiting users from cooking at home. Other user problems included obligations, interests, or challenges that make it difficult to get groceries for cooking or go to restaurants in person. Users are also faced with difficulties in finding and placing orders through apps that offer food delivery.
User research
I conducted interviews and created empathy maps to understand the users I am designing for and their needs. A primary user group identified through research was working adults who do not have time to cook.
This user group confirmed initial assumptions about OleVit customers, but research also revealed that time was not the only factor limiting users from cooking at home. Other user problems included obligations, interests, or challenges that make it difficult to get groceries for cooking or go to restaurants in person. Users are also faced with difficulties in finding and placing orders through apps that offer food delivery.
User pain points
Time
Working adults are too busy to spend time on meal preparation.
Accessibility
Platforms for ordering food are not equipped with assistive technologies.
IA
Text-heavy menus in apps are often difficult to read and order from.
Persona
The information acquired via surveys led up to the creation of the persona. The key purpose is to highlight such patterns and pain points, allowing me to empathize with users even more.
I created two personas based on user research. I referred to them throughout the product development process.
Each persona had a scenario that outlined a realistic goal that the user may achieve while using this app.
The information I gathered about each persona centered on their goals and frustrations with the product, as well as their interactions with it, which influenced my design decisions significantly.
The creation of a persona also helped me to state the problem.
Problem statement
Svitlana is a busy working adult who needs easy access to healthy food ordering options because she has no time to cook lunch in advance.
User pain points
Time
Working adults are too busy to spend time on meal preparation.
Accessibility
Platforms for ordering food are not equipped with assistive technologies.
IA
Text-heavy menus in apps are often difficult to read and order from.
Persona
The information acquired via surveys led up to the creation of the persona. The key purpose is to highlight such patterns and pain points, allowing me to empathize with users even more.
I created two personas based on user research. I referred to them throughout the product development process.
Each persona had a scenario that outlined a realistic goal that the user may achieve while using this app.
Persona
The information acquired via surveys led up to the creation of the persona. The key purpose is to highlight such patterns and pain points, allowing me to empathize with users even more.
I created two personas based on user research. I referred to them throughout the product development process.
Each persona had a scenario that outlined a realistic goal that the user may achieve while using this app.
The information I gathered about each persona centered on their goals and frustrations with the product, as well as their interactions with it, which influenced my design decisions significantly.
The creation of a persona also helped me to state the problem.
Problem statement
Svitlana is a busy working adult who needs easy access to healthy food ordering options because she has no time to cook lunch in advance.
The information I gathered about each persona centered on their goals and frustrations with the product, as well as their interactions with it, which influenced my design decisions significantly.
The creation of a persona also helped me to state the problem.
User journey map
The key demands, goals, and behaviors of users were discovered through user research and persona creation. As a result, I discovered that the most important concerns that my design selections needed to address were
to include both right-and-left hand options;
provide the app with memory settings;
provide an option to the tip-in app
I was able to gain a better understanding of the users' expectations and their experiences with the app by creating a user journey map. Mapping Svitlana`s user journey revealed how helpful it would be for users to have access to a dedicated OleVit app.
Competitive audit
I looked at the top current competitors to come up with a unique value proposition (UVP) for OleVit.
The app OleVit provides customers with the key features that competitors do not provide. For example, FITMENU does not have any audio features and is available only in one language. Boustain and Copper Branch need to make an easier way to place an order and improve their in-app payment process.
This competitive audit helped me to add features that the competitors are missing.
Competitive audit
I looked at the top current competitors to come up with a unique value proposition (UVP) for OleVit.
The app OleVit provides customers with the key features that competitors do not provide. For example, FITMENU does not have any audio features and is available only in one language. Boustain and Copper Branch need to make an easier way to place an order and improve their in-app payment process.
This competitive audit helped me to add features that the competitors are missing.
Interaction design
Interaction design
User flow
I made a user flow diagram to represent each phase of the user interaction required to reach the app's main goal.
Sketches
Taking the time to draft iterations of each screen of the app on paper ensured that the elements that made it to digital wireframes would be well-suited to address user pain points. For example, I prioritized a quick and easy ordering process to help users save time.
To quickly see which concepts worked best, I sketched each iteration and incorporated the features and screens that were required to achieve the users' goals. I used Figma to create an interactive prototype.
Sketches
Taking the time to draft iterations of each screen of the app on paper ensured that the elements that made it to digital wireframes would be well-suited to address user pain points. For example, I prioritized a quick and easy ordering process to help users save time.
To quickly see which concepts worked best, I sketched each iteration and incorporated the features and screens that were required to achieve the users' goals. I used Figma to create an interactive prototype.
Digital wireframes
As the initial design phase continued, I made sure to base screen designs on feedback and findings from the user research.
I built a few simple prototypes to go alongside the initial interview process and tried to adapt them during the interviews so that I could stay on track
Easy navigation was a key user need to address in the designs in addition to equipping the app to work with assistive technologies.
Usability study findings
I was creating a new app to attract and retain new customers in the online system. I wanted to create a product that can compete in the market, improve sales, increase customer satisfaction as well as be one of the best delivery apps in the country. My goal was to create an easily usable app for future customers.
The usability study helped to find some users' pain points as well as some useful features that have been modified and added to an updated low-fidelity prototype.
There were found five main insights that users have faced during the unmoderated usability study.
Here are some of them:
Usability study 01
Make a clearer way of identification from which place the customer makes an order.
Make an easier way of scheduling delivery based on customers’ availability.
Make a Tracking button accessible from the Home page.
Usability study 02
Provide customers with the option to save their card details in order to skip the payment section quicker.
Make it possible to add a note.
Make it possible to track how many and which items have been added.
Usability study findings
I was creating a new app to attract and retain new customers in the online system. I wanted to create a product that can compete in the market, improve sales, increase customer satisfaction as well as be one of the best delivery apps in the country. My goal was to create an easily usable app for future customers.
The usability study helped to find some users' pain points as well as some useful features that have been modified and added to an updated low-fidelity prototype.
There were found five main insights that users have faced during the unmoderated usability study.
Here are some of them:
Usability study 01
Make a clearer way of identification from which place the customer makes an order.
Make an easier way of scheduling delivery based on customers’ availability.
Make a Tracking button accessible from the Home page.
Usability study 02
Provide customers with the option to save their card details in order to skip the payment section quicker.
Make it possible to add a note.
Make it possible to track how many and which items have been added.
Usability study findings
I was creating a new app to attract and retain new customers in the online system. I wanted to create a product that can compete in the market, improve sales, increase customer satisfaction as well as be one of the best delivery apps in the country. My goal was to create an easily usable app for future customers.
The usability study helped to find some users' pain points as well as some useful features that have been modified and added to an updated low-fidelity prototype.
There were found five main insights that users have faced during the unmoderated usability study.
Here are some of them:
Usability study 01
Make a clearer way of identification from which place the customer makes an order.
Make an easier way of scheduling delivery based on customers’ availability.
Make a Tracking button accessible from the Home page.
Usability study 02
Provide customers with the option to save their card details in order to skip the payment section quicker.
Make it possible to add a note.
Make it possible to track how many and which items have been added.
UI design
Here I included new iterations of the design that I updated using data from the studies. The necessary changes were made based on feedback from my study.
Based on research and studies I added the accessibility features to the Home page. This way the user does not have to look for additional settings. The filter search, home, profile and audio search option are now available on the Home screen.
In addition, I made some design changes, as the user can better see the options cafe offers.
The second usability study revealed frustration with inserting card information. The users were a bit confused with the same fields for Card Number and Tips.
I reorganized the Payment Information and Tip fields in a better way, thus, the users can see where they need to input necessary information.
Users were confused about how to access a second language. Hence I added a switcher at the right top of the page so the users can quickly change the language in settings.
Usability study 01
Make a clearer way of identification from which place the customer makes an order.
Make an easier way of scheduling delivery based on customers’ availability.
Make a Tracking button accessible from the Home page.
Usability study 02
Provide customers with the option to save their card details in order to skip the payment section quicker.
Make it possible to add a note.
Make it possible to track how many and which items have been added.
Here I included new iterations of the design that I updated using data from the studies.
The necessary changes were made based on feedback from my study.
Prototype
Prototype
Prototype
High-fidelity prototype
The final high-fidelity prototype presents cleaner user flows for ordering salads and checkout. It also meets user needs for a quick checkout and tracking an order in real-time as well as more customisation.
What I learned
While designing the OleVit app, I learned that creating a user-oriented app requires a lot of user research, usability studies, and understanding of users' needs. All initial ideas about the design of a future app tend to change throughout all steps I have taken while working on this project. Usability studies and feedback influenced each iteration of the app’s designs.
Impact
The app makes users feel like ordering food can be easy and quick.
Takeaways
Conduct another round of usability studies to validate whether the pain points users experience has been effectively addressed.
Conduct more user research to determine any new areas of need.
Look for better features that can help those who might experience accessibility difficulties.
Next steps
Impact
The app makes users feel like ordering food can be easy and quick.
What I learned
While designing the OleVit app, I learned that creating a user-oriented app requires a lot of user research, usability studies, and understanding of users' needs. All initial ideas about the design of a future app tend to change throughout all steps I have taken while working on this project. Usability studies and feedback influenced each iteration of the app’s designs.
Next steps
Conduct another round of usability studies to validate whether the pain points users experience has been effectively addressed.
Conduct more user research to determine any new areas of need.
Look for better features that can help those who might experience accessibility difficulties.
Impact
The app makes users feel like ordering food can be easy and quick.
What I learned
While designing the OleVit app, I learned that creating a user-oriented app requires a lot of user research, usability studies, and understanding of users' needs. All initial ideas about the design of a future app tend to change throughout all steps I have taken while working on this project. Usability studies and feedback influenced each iteration of the app’s designs.
Problem statement
Svitlana is a busy working adult who needs easy access to healthy food ordering options because she has no time to cook lunch in advance.
I looked at the top current competitors to come up with a unique value proposition (UVP) for OleVit.
The app OleVit provides customers with the key features that competitors do not provide. For example, FITMENU does not have any audio features and is available only in one language. Boustain and Copper Branch need to make an easier way to place an order and improve their in-app payment process.
This competitive audit helped me to add features that the competitors are missing.
Competitive audit
The key demands, goals, and behaviors of users were discovered through user research and persona creation. As a result, I discovered that the most important concerns that my design selections needed to address were
to include both right-and-left hand options;
provide the app with memory settings;
provide an option to the tip-in app
I was able to gain a better understanding of the users' expectations and their experiences with the app by creating a user journey map. Mapping Svitlana`s user journey revealed how helpful it would be for users to have access to a dedicated OleVit app.
User journey map
User flow
I made a user flow diagram to represent each phase of the user interaction required to reach the app's main goal.
Sketches
Taking the time to draft iterations of each screen of the app on paper ensured that the elements that made it to digital wireframes would be well-suited to address user pain points. For example, I prioritized a quick and easy ordering process to help users save time.
To quickly see which concepts worked best, I sketched each iteration and incorporated the features and screens that were required to achieve the users' goals. I used Figma to create an interactive prototype.
Digital wireframes
As the initial design phase continued, I made sure to base screen designs on feedback and findings from the user research.
I built a few simple prototypes to go alongside the initial interview process and tried to adapt them during the interviews so that I could stay on track
Easy navigation was a key user need to address in the designs in addition to equipping the app to work with assistive technologies.
Usability study findings
I was creating a new app to attract and retain new customers in the online system. I wanted to create a product that can compete in the market, improve sales, increase customer satisfaction as well as be one of the best delivery apps in the country. My goal was to create an easily usable app for future customers.
The usability study helped to find some users' pain points as well as some useful features that have been modified and added to an updated low-fidelity prototype.
There were found five main insights that users have faced during the unmoderated usability study.
Here are some of them:
Usability study findings
I was creating a new app to attract and retain new customers in the online system. I wanted to create a product that can compete in the market, improve sales, increase customer satisfaction as well as be one of the best delivery apps in the country. My goal was to create an easily usable app for future customers.
The usability study helped to find some users' pain points as well as some useful features that have been modified and added to an updated low-fidelity prototype.
There were found five main insights that users have faced during the unmoderated usability study.
Here are some of them:
Usability study 01
Make a clearer way of identification from which place the customer makes an order.
Make an easier way of scheduling delivery based on customers’ availability.
Make a Tracking button accessible from the Home page.
Usability study 02
Provide customers with the option to save their card details in order to skip the payment section quicker.
Make it possible to add a note.
Make it possible to track how many and which items have been added.
UI design
Here I included new iterations of the design that I updated using data from the studies.
The necessary changes were made based on feedback from my study.
Based on research and studies I added the accessibility features to the Home page. This way the user does not have to look for additional settings. The filter search, home, profile and audio search option are now available on the Home screen.
In addition, I made some design changes, as the user can better see the options cafe offers.
The second usability study revealed frustration with inserting card information. The users were a bit confused with the same fields for Card Number and Tips.
I reorganized the Payment Information and Tip fields in a better way, thus, the users can see where they need to input necessary information.
Users were confused about how to access a second language. Hence I added a switcher at the right top of the page so the users can quickly change the language in settings.
Prototype
High-fidelity prototype
The final high-fidelity prototype presents cleaner user flows for ordering salads and checkout. It also meets user needs for a quick checkout and tracking an order in real-time as well as more customisation.
Takeaways
What I learned
While designing the OleVit app, I learned that creating a user-oriented app requires a lot of user research, usability studies, and understanding of users' needs. All initial ideas about the design of a future app tend to change throughout all steps I have taken while working on this project. Usability studies and feedback influenced each iteration of the app’s designs.
Impact
The app makes users feel like ordering food can be easy and quick.
Next steps
Conduct another round of usability studies to validate whether the pain points users experience has been effectively addressed.
Conduct more user research to determine any new areas of need.
Look for better features that can help those who might experience accessibility difficulties.