Dátil
Grocery delivery app designed for recurring and essential orders. Reduces friction, saves time, and builds trust in fresh product purchases.
My Role
UX/UI Designer
Tools
Figma, FigJam, Adobe Illustrator, Photoshop, Notion, Google Forms
Timeline
2 months
Context
Final solo project
Allwomen Academy UX/UI program
Problem Overview
The use of grocery delivery services has grown in recent years, but users often encounter frustration rather than convenience. With high expectations for a service that simplifies a tedious, necessary task, poor UX can instead cause anxiety and drop-offs.
Common pain points: complex purchase flows, confusing navigation, missing items and decision fatigue.
Main Solution
I designed a grocery app around recurring orders. What is the best user flow if the user wants to have recurrent weekly or monthly purchases, with the less number of clicks possible?
Trust is built around clear information on fresh products and a transparent rating system. Intuitive in-app paths, smart personalized lists and a clean attractive interface reduce overwhelm, making users feel confident and in control every step of the purchase process.
1. DISCOVERY
Research
Primary and secondary research was conducted to understand the user context and needs.
This included study of reviewed industry reports, UX case studies, and market trends on grocery delivery services, as well as a survey with 34 participants and 5 user interviews.
Participants: based in Spain, aged 30–40, of all genders, professionally active, and responsible for household groceries.
Some results from primary research
Findings: users generally have a quite good opinion of delivery apps due to the convenience they offer, but experience strong dissatisfaction from trust-related issues, product quality concerns and poor in-app experience.
Analyzed elements: homepage, categories, strategy in purchase process, user flow, product info
Competitors
I analyzed Glovo, UberEats, Mercadona Online, Bonpreu, and Naturitas. This helped me identify market opportunities and categorizing user problems as unmet, partially solved or already addressed by competitors.
The opportunity: the results clearly shows an opportunity in the market to improve the service and look for the implementation of new products and features.
The competitors benchmark was later extended to other ecommerces such as Amazon and Mango to learn from their purchase processes and the best industry practices.
Affinity map
I clustered user needs and frustrations to find patterns.
Insights and painpoints
By triangulating and combining all data, I identified that Spanish professionals aged 30–40 want broad product selection with curated, minimal information to avoid overwhelm. They seek personalization for recurring purchases, reassurance about freshness, and emotional ease during repetitive tasks.
-
Clear guidance on what to purchase
-
Support in understanding product selections
-
Personalized shopping experience
-
Reinforce trust on fresh product purchase
-
Discount visibility
-
Improved categories and product selection
-
Experience familiarity with the platform
-
Solution for missed items
Journey map
The journey map revealed a noticeable drop in user satisfaction during the product browsing, selection, and post-purchase stages.
2. IDEATION
Ideation
The ideation process was essential to transform user insights into meaningful solutions, bridging research with actionable design concepts. To do so I led brainstorming using AI tools like Jambot, ran co-creation sessions with coworkers, used Crazy 8s tool, sketching, and feature mapping.
HMW help users to reorder recurrent products while still giving them confidence in the product's current quality?
Core ideas implemented
Personalization
with List Creation
Enhace Trust
on Buying Freshes
Familiarity and UI Improvements
-
Users are guided to organize lists for their recurring orders, with a default setup that may include weekly fresh items, monthly purchase and water supplies.
-
The main page adapts to their lists and needs, gradually suggesting additional lists based on their ongoing purchase behavior.
-
A feedback system is implemented where highly rated items receive a budget allocation, and the algorithm includes them in suggested weekly items.
-
To encourage user ratings, a reward system is provided.
-
To address user uncertainty, items are classified into three levels of ripeness.
-
Expert articles are featured on the main page, alongside locally sourced fruits and vegetables.
-
Name-based greetings and a familiar tone are used to create a welcoming experience.
-
The design emphasizes consistent use of white space, font weights and clear categorization to guide user attention, complemented by warm, human-like touchpoints throughout the journey.
User flow
Competitor analysis showed that repetitive ordering is slowly emerging in the market but remains limited and understated. Some apps let users repeat past orders, yet this option is often hidden deep in the checkout flow. Others, like Amazon, offer item subscriptions, but these are low-visibility, end-of-process features limited to single products.
Research revealed that most users were unaware of these reordering options. To address this, I prioritized a first-time-user flow that clearly introduced recurring lists, aiming to integrate the feature seamlessly from the start in a way that feels intuitive and helpful.
Information Architecture
The Information Architecture is structured around six main areas.
3. PROTOTYPING and ITERATING
First Draft
I created low and mid-fidelity wireframes to explore structure, navigation, purchase process and reordering flows.
Usability testing - Iterations
I conducted moderated usability tests with three users.
The testing surfaced multiple issues.
I mapped all findings on an impact/effort matrix. Three passed the filter and made it into the next iteration.
-
The onboarding menu I designed was adding friction instead of reducing it, so I replaced it with direct category access.
-
The recurring order flow was buried inside the standard purchase process, so I separated it into its own dedicated path.
-
Copy, spacing, and contrast were refined across the interface to improve clarity.
Remaining findings were documented for future iterations.
4. THE PRODUCT
Branding
The grocery delivery brand is warm and approachable, and blends freshness with friendliness through soft, vibrant tones. Its clean, modern aesthetic ensures clarity and trust, making every interaction feel easy, familiar, and human.
Main page
Guided list creation flow and catching clean brand
The main page features a clean, attractive, and on-brand design, centered around a prominent call-to-action. For users accustomed to traditional one-time grocery purchases, a secondary section offers quick access to single orders with a later redirection to recurrent ones.
Iterations
The banner’s contrast was enhanced to improve visibility and the effectiveness of the CTA.
Regular Purchase
List Creation and
Refill Option
A dedicated section allows users to personalize, create, and edit their shopping lists. The app proactively suggests lists by learning from user behavior, enhancing convenience. Once a list is established, users can complete recurring purchases in under three clicks, ensuring a quick and seamless refill experience.
Purchase Process
Top navigation bar and recurring option
The purchase process is streamlined with one-click sign-in, inspired by platforms like Glovo, UberEats, and Amazon. Users can easily choose between recurring or one-time purchases, while a top navigation bar with progress indicators clarifies their current step.
Iterations
User testing showed some call-to-actions were often missed; refining copy, visual hierarchy, and color combinations increased button visibility.
Product
Information
The product information features a clear ripeness indicator with three levels to help users choose the freshest items. Allergy information is prominently displayed to ensure safe purchasing decisions. A feedback system enables users to share their experiences, enhancing overall trust and quality.
