Final Design
Navshop
UX/UI Project
About the Navshop Project
Tools
Grocery shopping plays a big role in our life and can be described as unavoidable activity in order to get desired food and other products. However, it can be time consuming, stressful and difficult to do sometimes . There are a few reasons which makes grocery shopping unpleasant :
Products Aisle Management differs in each grocery stores
Grocery Stores run out of certain items
Items can be named differently depending on its brand
Safety Concerns
Understaffed Stores
Adobe Illustrator
Adobe Photoshop
Figma
Google Survey
User Testing
Navshop Overview and Goals
Navshop ‘s main goal is to change grocery shopping habits and culture of the consumers while making it a lot easier to shop in different stores. Navshop allows people to search for their desired grocery items, add it to their list and provides map to it's users in order to locate the products online by using the app. Navshop offers consumers to create their grocery accounts and use it for any desired stores.
By using Navshop App users will be able to:
See any available coupons/sales for various products
AI Generated recipe search relevant to what you have in your pantry
AI generated favorite products/groceries list by allowing app to collect your shopping habits
Aisle organized shopping list in your Pantry
Track location and see near available stores for unique products
Problem Statement
According to a Review Intelligence analysis of the Top 10 Grocery Stores, shoppers today value the store app that will help them save the most on routine purchases and make shopping a convenient experience.
Apptopia ravels that grocery store apps are failing to please consumer expectations . The image shown down below, explains the impact scores of grocery store apps in different topics. These topics are based on the most common customer review keywords.
Customers are especially complaining about Inventory/ Price Check, in their carts. Most apps scored below 0 in mentioned categorization .
Audience Research
In order to help Navshop to research users' grocery habits and its struggles, Navshop developed a survey and and number of participants were 25 in total.
Some results include:
Online Grocery Order
Less than 50% shops online and only 12 % every week
Grocery Apps Usage
Most of users do not feel the need to use grocery store apps
Struggle Finding Products
Noticeably big percentage of users experienced difficulties while finding their wished products
Competitors
MealBoard is a recipe-storage Iphone app that lets you plan your meals for the week and automatically generate your grocery list.
4.6 overall review on apple store Offers services such as organizing grocery items by aisles.
Out of Milk is a free app to grocery list and grocery shop. Available both in IOS and ANDROID.
Pantry organization and to do list.
Shopping list price is automatically calculated.
AnyList allows users to create and share grocery shopping list, alongside recepie tracking feature.
User-friendly & simple user interface
Over a 500K user base with a 4.8 ratings.
Audience & Marketing analysis alongside with the data collected from apple store reviews state ,that, some of features listed below are considered as essential by consumers.
Market Research
Share function
Customized Categories
Budget & Cost Estimations
Quick Suggestions
Spending Tracking Loyalty Programs & Coupons
Organized Grocery Shopping List
David is a head chef and owner at one of NYC’s Michelin Star restaurants. David loves exploring unique he thinks making food is the combination of art and engineering. Food is comfort, it is a lifestyle we grew up with but it is also like fashion we adjust as it changes, it is a common point or a disagreement in any given people interactions according to David. David also thinks New York City offers way better food and food options than Paris and Tokyo.
“One thing changes about you but also stays the same is your apatite”
Occupation: Chef
Age: 59
Location: New York City, NY
Single
Persona
David Drinkwater
Used Platforms:
GOALS:
Release a vegan cookbook
Open culinary course
Open multiple new locations
Find online Partnerships
Launch online recipes
NEEDS:
More special products usage
Stress free time management
Staff Safety
Meat alternatives
FRUSTRATIONS:
Hard to find unique food products
High intensity restaurant management
Food and Water waste/ management
Supply shortages
Expensive drink prices
David's User Story Map
Google the name of the product and see where it is available.
Too many options, no accurate information .
David quits googling and opens the Navshop App.
He starts typing the name of the product that he needs and NavShop generates few options for him.
NavShop shows the closest locations where its available and navigates to its located aisle.
Task
Research
Discover Navshop
Practice
Outcome
David exploring new recipes for his new restaurant location opening ceremony and he has a new vegan meal idea. This new recipe requires vegetable called Salsify, which could be hard to find. David wants to find quickly so he could examine his new recipe.
Styleguide
Typography
Colors
SPLINE SANS Regular
A, B, C, D, E, F, G, H, I, J, K, L, M, N, O, P, Q, R, S, T, U, V, W, X, Y, Z.
a, b, c, d, e, f, g, h, i, j, k, l, m, n, o,p, q, r, s, t, u, v, w, x, y, z.
0, 1, 2, 3, 4, 5, 6, 7, 8, 9.
SPLINE SANS SEMI BOLD
A, B, C, D, E, F, G, H, I, J, K, L, M, N, O, P, Q, R, S, T, U, V, W, X, Y, Z.
a, b, c, d, e, f, g, h, i, j, k, l, m, n, o,p, q, r, s, t, u, v, w, x, y, z.
0, 1, 2, 3, 4, 5, 6, 7, 8, 9.
Primary
Secondary
#F8F8F8
#2F2F2F
#868686
#0AD48B
#FFFFFF
#8E8E8E
#595959
Logo Exploration
Task Flows
#1 Find the product and navigate to its nearest available location
#2 Create intuitive list and see the prices
#3 See the pantry and search for suitable recipe
Conclusion
Convenience: By allowing users to search for products and see which stores they are available at, Navshop saves them time and effort.
Efficiency: The app's navigation feature is another time-saver. Instead of wandering around the store searching for a specific item, the app will guide users directly to it using the map feature.
Aesthetically pleasing: The green and shades of grey color scheme for the UI can help create a calming and natural atmosphere. This can be especially helpful for those who may find grocery shopping stressful or overwhelming.
Price Comparison: By allowing users to see which stores have the best deals and coupons on the products they're looking for. This can save them money and help them make informed purchasing decisions.
Launch The Full Project
Navshop
UX/UI Project
Navshop
UX/UI Project
Tools
Adobe Illustrator
Adobe Photoshop
Figma
Google Survey
User Testing
About TripIt
Grocery shopping plays a big role in our life and can be described as unavoidable activity in order to get desired food and other products. However, it can be time consuming, stressful and difficult to do sometimes .
There are a few reasons which makes grocery shopping unpleasant :
Products Aisle Management differs in each grocery stores
Grocery Stores run out of certain items
Items can be named differently depending on its brand
Safety Concerns
Understaffed Stores
Navshop Overview and Goals
Navshop ‘s main goal is to change grocery shopping habits and culture of the consumers while making it a lot easier to shop in different stores. Navshop allows people to search for their desired grocery items, add it to their list and provides map to it's users in order to locate the products online by using the app. Navshop offers consumers to create their grocery accounts and use it for any desired stores.
By using Navshop App users will be able to:
See any available coupons/sales for various products
AI Generated recipe search relevant to what you have in your pantry
AI generated favorite products/groceries list by allowing app to collect your shopping habits
Aisle organized shopping list in your Pantry
Track location and see near available stores for unique products
Problem Statement
According to a Review Intelligence analysis of the Top 10 Grocery Stores, shoppers today value the store app that will help them save the most on routine purchases and make shopping a convenient experience.
Apptopia ravels that grocery store apps are failing to please consumer expectations . The image shown down below, explains the impact scores of grocery store apps in different topics. These topics are based on the most common customer review keywords.
Customers are especially complaining about Inventory/ Price Check, in their carts. Most apps scored below 0 in mentioned categorization .
Market Research
Audience & Marketing analysis alongside with the data collected from apple store reviews state ,that, some of features listed below are considered as essential by consumers.
Share function
Customized Categories
Budget & Cost Estimations
Quick Suggestions
Spending Tracking Loyalty Programs & Coupons
Organized Grocery Shopping List
David User Story Map
Logo Exploration
Final Design
Conclusion
Convenience: By allowing users to search for products and see which stores they are available at, Navshop saves them time and effort.
Efficiency: The app's navigation feature is another time-saver. Instead of wandering around the store searching for a specific item, the app will guide users directly to it using the map feature.
Aesthetically pleasing: The green and shades of grey color scheme for the UI can help create a calming and natural atmosphere. This can be especially helpful for those who may find grocery shopping stressful or overwhelming.
Price Comparison: By allowing users to see which stores have the best deals and coupons on the products they're looking for. This can save them money and help them make informed purchasing decisions.
Launch Full Project
Task Flows
#1 Find the product and navigate to its nearest available location
#3 See the pantry and search for suitable recipe
#2 Create intuitive list and see the prices
Styleguide
Typography
Colors
Primary
Secondary
SPLINE SANS Regular
SPLINE SANS Semi Bold
a, b, c, d, e, f, g, h, i, j, k, l, m, n, o,p, q, r, s, t, u, v, w, x, y, z.
a, b, c, d, e, f, g, h, i, j, k, l, m, n, o,p, q, r, s, t, u, v, w, x, y, z.
0, 1, 2, 3, 4, 5, 6, 7, 8, 9.
0, 1, 2, 3, 4, 5, 6, 7, 8, 9.
A, B, C, D, E, F, G, H, I, J, K, L, M, N, O, P, Q, R, S, T, U, V, W, X, Y, Z.
A, B, C, D, E, F, G, H, I, J, K, L, M, N, O, P, Q, R, S, T, U, V, W, X, Y, Z.
A, B, C, D, E, F, G, H, I, J, K, L, M, N, O, P, Q, R, S, T, U, V, W, X, Y, Z.
#F8F8F8
#FFFFFF
#8E8E8E
#595959
#0AD48B
#2F2F2F
#868686
Audience
In order to help Navshop to research users' grocery habits and its struggles, Navshop developed a survey and and number of participants were 25 in total.
Some results include:
Grocery Apps Usage
Most of users do not feel the need to use grocery store apps
Online Grocery Order
Less than 50% shops online and only 12 % every week
Struggle Finding Products
Noticeably big percentage of users experienced difficulties while finding their wished products
Competitors
MealBoard is a recipe-storage Iphone app that lets you plan your meals for the week and automatically generate your grocery list.
4.6 overall review on apple store Offers services such as organizing grocery items by aisles.
Out of Milk is a free app to grocery list and grocery shop. Available both in IOS and ANDROID.
Pantry organization and to do list.
Shopping list price is automatically calculated
AnyList allows users to create and share grocery shopping list, alongside recepie track feature.
User-friendly & simple user interface
Over a 500K user base with a 4.8 ratings..
Persona
David Drinkwater
David is a head chef and owner at one of NYC’s Michelin Star restaurants. David loves exploring unique he thinks making food is the combination of art and engineering. Food is comfort, it is a lifestyle we grew up with but it is also like fashion we adjust as it changes, it is a common point or a disagreement in any given people interactions according to David. David also thinks New York City offers way better food and food options than Paris and Tokyo.
Occupation: Chef
Age: 59
Location: New York City, NY
Single
“One thing changes about you but also stays the same is your apatite”
GOALS:
Release a vegan cookbook
Open culinary course
Open multiple new locations
Find online Partnerships
Launch online recipes
NEEDS:
More special products usage
Stress free time management
Staff Safety
Meat alternatives
Frustrations:
Hard to find unique food products
High intensity restaurant management
Food and Water waste/ management
Supply shortages
Expensive drink prices
Used Platforms:
