UX/UI DESIGN
PROCESS
The Product
Grocery app designed for busy individuals seeking efficient and convenient shopping experiences. Targeting users juggling various responsibilities, Merkats offers seamless list management, personalized recommendations, and hassle-free delivery options."
Project Duration
I dedicated myself to the development of Merkats project from mid-2016 to early 2018, contributing to its UX/UI Design evolution.
The Problem
Merkats addresses the challenge of busy individuals struggling with time-consuming grocery shopping by providing a seamless and efficient solution for managing lists and accessing convenient delivery services.
The Goal
Merkats aims to enhance user convenience and satisfaction by streamlining the grocery shopping experience through intuitive list management and seamless delivery options, ultimately saving users time and effort.
User research: summary
"Our user research involved a comprehensive study of the grocery shopping habits, pain points, and preferences of our target audience. Through surveys and interviews, we gained valuable insights into their needs and preferences, which guided our design decisions"
Group One and Two​
"Busy Professionals: This group consists of individuals with demanding work schedules who prioritize efficiency and convenience in their daily routines. They value time-saving solutions that allow them to efficiently manage tasks like grocery shopping without sacrificing quality"
​
"Health-Conscious Families: This group includes families who prioritize health and nutrition in their lifestyles. They seek access to fresh and high-quality groceries to support their dietary preferences and ensure the well-being of their loved ones. The convenience of Merkats' delivery service aligns with their busy schedules while meeting their health-conscious needs."
​​
"These user groups reaffirmed our understanding that Merkats' potential users are individuals seeking convenient and reliable solutions for their grocery shopping needs."
User research: Pain Points
The inconvenience of navigating crowded stores and long checkout lines, causing frustration and wasted time.
Users feeling overwhelmed by the complexity of traditional grocery lists, leading to disorganization and forgetfulness.
Users often forget to purchase essential items, resulting in multiple trips to the store.
Managing handwritten lists becomes challenging, leading to items being missed during shopping trips.
Users struggle to prioritize items effectively, leading to inefficient shopping experiences.
Missing out on the best deals and promotions available at local groceries, resulting in overspending and dissatisfaction.
Waiting in long lines at checkout counters wastes valuable time and discourages frequent grocery shopping.
Managing handwritten lists becomes challenging, leading to items being missed during shopping trips.
Users feel overwhelmed by the chaotic environment of physical stores, hindering their shopping experience.
Users regret missing discounts and special offers due to lack of awareness, leading to increased expenses.
Limited visibility of promotions causes users to overlook cost-saving opportunities, impacting their budgeting efforts.
Users feel frustrated when they discover better deals elsewhere after completing their purchases, highlighting the need for a more informed shopping experience.
User research: Personas & Jorney Map
StoryBoards
Creating a UX Design Big Picture for Merkats is vital for understanding user needs, identifying pain points, ensuring consistency, optimizing user flow, and aligning design with business goals. It serves as a roadmap for designing a user-centric app that delivers a seamless and satisfying experience while driving business success.
UX Design Storyboard Big-Picture
An App that allows users to simplify Grocery Lists and to search for Daily Grocery Offers
The user remembers about going to the groceries but doesn´t have enough time to go or want´s to check for a fast way to combine his routine by checking daily-offers in a easy way.
The user discovers that he can also check for Daily-Offers close to his house and take advantage of a delivery service and add products to his favorite list tab, always checking the best prices.
The user try to find a quick solution by searching for a way to shop for groceries online and keep up to date when it comes to grocery-offers.
Without losing offers and being up-to-date on the local grocery market, the user is happy that he will never miss future Daily-Offers
The user finds the App online and it´s simple interface. In a easy way the user checks all the easy functionalities, like creating a list of his most desired grocery products and checking it´s price and offers.
The user can always schedule the delivery and be worry free.
UX Design Storyboard CLOSE-UP
An App that allows users to stay up-close to the price tag on products, create different types of list products, check Daily-Offers in advance and schedule grocery delivery.
User finds the App, Website and opens it. The user notices the intuitive design and starts by checking it, without the need to register.
The system shows an intuitive way of creating several types of lists and some easy pre-made list based on the offers of the day.
User checks easily the all arround offers of his neighborhood, checks the Daily-Offers tab, check for some prices and when he decides to create a List of his most desirable products something happen...
After adding all the products he wants and creating his basic list, the system gives him the groceries close by with his desirable products and a price tag.
A pop-up for registration surge when the user decides to create a list, this happens in order to keep his list saved to his profile and it shows the usability of the user´s interest.
The user saves his list and the system gives him the possibility to pay for the products and schedule a delivery.
Low Fidelity Wireframes
The proposed Wireframe was developed to understand and showcase better the idea behind the App. This way we can check if the brainstorm is aligned with our current research and make sure all the following mechanics reachs the final goal within the team.
High Fidelity
Design
This project was designed for Mobile breakpoints, ensuring the content is displayed in their best light and consistently across different devices. The main flow consists of the homepage, search, details, and a 5-step application process.
