Designing ‘Yemeksepeti Mahalle: Connecting Users to Local Stores
Overview
Mahalle is a local commerce platform by Yemeksepeti, Turkey’s leading food delivery service, built to seamlessly connect users with nearby stores and services.
In 2021, I designed a more intuitive and personalized shopping experience, introducing features like one-tap repeat orders, curated favorites, and flexible delivery scheduling — all aimed at supporting everyday needs and fostering a stronger sense of community.
My Role
As the sole Product Designer, I was responsible for every stage of the design process, including benchmarking, ideation, wireframes, prototypes, and polished UI designs.
The Team
Nagehan C.
PM
Sercan A.
Sr. PM
Berker E.
Project M.
DevOps
+10 People
duration
Sep 2021 - Dec 2021
Problem
As users increasingly prioritize convenience and personalization, they’re looking for platforms beyond groceries — platforms that make it easy to access everyday neighborhood services. Users want a simple way to shop, from local stores they already trust, such as butchers and bakeries, to pet stores and pharmacies.
Solution
By focusing on personalization and location-based relevance, we created a shopping experience that felt familiar, intuitive, and genuinely local. The design made it easy for users to reorder their go-tos, discover nearby favorites, and manage flexible deliveries — while also helping small businesses join the digital ecosystem with minimal friction.
Within three months of launch, Mahalle saw a 9.7% increase in user engagement, clearly reflecting the growing demand for hyper-local services and the value of a thoughtful, user-centered experience.
Impacts
This redesign led to;
+9.7% increase in conversions
5K orders in the first two months
Final Design
Home Screen (Launcher)
To design an effective home screen, I started with a clear objective: to showcase the platform’s three verticals—Food, Grocery, and Local Stores—in a way that felt intuitive and user-friendly.
Based on market research, Phase 1 prioritized deals and promotions to engage deal-seekers and drive initial adoption. For Phase 2, we planned to test a vendor-focused alternative, designed to strengthen Mahalle’s connection to local communities and cater to users seeking convenience and nearby stores.
Phase 1: Deals-Focused
Phase 2: Vendor-Focused
1
2
3
4
1
Delivery Address
Allows users to confirm or change their location, ensuring accurate results.
2
Vertical Entry Points
Food, Grocery, and Local Stores are prominently displayed to simplify navigation.
3
Deals Section
Highlights campaigns and discounts, catering to users motivated by savings.
4
Local Store Highlights
Highlights nearby stores based on the user’s location, providing quick access to favorite vendors.
vendor listing
To create an effective vendor listing experience, I designed two phases:
Phase 1: The focus was on highlighting vendors, making it easier for users to explore nearby stores. I included an exposed filter at the top to help users quickly narrow their search based on categories.
Phase 2: Building on Phase 1, I aimed to streamline decision-making by simultaneously showcasing both vendor and product listings for a specific store. We anticipated this approach would improve decision-making speed by reducing navigation steps, allowing users to find what they need faster and with less effort.
P1: Vendor-Focused Listings
P2: Vendor and Product Focused
1
2
3
4
1
filters
To simplify browsing and reduce time spent finding specific vendors or items, I designed exposed filters to help users narrow their search .
2
marketing banners
To encourage interaction with featured offers, I placed banners at the top of the page to highlight deals, promotions, and campaigns.
3
vendor card
I designed vendor cards that highlight the
under-30-minute delivery promise, addressing user needs from market research.
4
vendor and product showcase
To help users decide faster, I combined vendor details and product listings into a single view for seamless browsing.
vendor Detail
The vendor detail screen is designed to help users explore a vendor’s assortment and quickly navigate to key items or specific categories they’re looking for. To enhance familiarity and ease of use, I highlighted essential vendor details—such as delivery time and fees—alongside previous orders, leveraging familiarity bias to simplify decision-making.
1
2
3
4
1
Vendor detail
Displays key vendor information such as name, delivery time, fees, and minimum order requirements, giving users clarity about the store they’re browsing.
2
marketing banners
Highlights current promotions, deals, or special offers to drive user engagement and encourage purchases.
3
categories
I placed categories above the fold to provide users with a faster, more intuitive way to find products and enhance their browsing experience.
4
order again
Since reordering on food platforms has a 9% conversion rate, I included this section to let users quickly reorder their favorites.
product listing page
The product listing page helps users easily navigate and discover items from a vendor’s assortment. With main category filters and subcategory filters, users can quickly narrow their search and find specific products. The simple layout and intuitive design make browsing effortless and efficient.
1
2
3
1
main category filters
Enables users to browse broad product categories, such as Snacks, Beverages, and Ice Cream, ensuring quick access to relevant groups of items.
2
subcategory filters
Provides additional filtering options within each category (e.g., Chips, Chocolate, Cake), allowing users to refine their search and find products faster.
3
product cards
Each product card shows essential details like the product name, image, price, and an “add to cart” button, making it easy for users to browse and add items quickly.
Basket
The basket page gives users a clear overview of their selected items while making it easy to discover additional products. With features like vendor details, product summaries, and personalized recommendations, it creates a smooth and effortless checkout experience.
1
2
3
1
vendor tile
Displays the vendor name and logo, helping users stay aware of which store they are purchasing from.
2
product summary
Lists selected products with their names, prices, and quantity controls, allowing users to easily review and adjust their basket.
3
cross-sell
Offers personalized product recommendations (“You might also like”) to encourage additional purchases and enhance the overall shopping experience.
Checkout & Checkout info
The Checkout page ensures a smooth and intuitive purchasing process, with clear payment and delivery options. Once the order is placed, the Checkout Info page provides users with detailed order information and real-time tracking to keep them informed every step of the way.
4
1
2
3
1
delivery details
Displays the selected delivery address, payment method, and estimated delivery time to ensure users have all key information at a glance.
2
voucher
Allows users to apply discounts or promo codes, making checkout more rewarding and cost-effective.
3
order summary
Provides a clear breakdown of items, quantities, and fees, helping users review their purchase before placing the order.
4
order tracking
Offers a quick way to track the order status post-checkout, giving users peace of mind and real-time updates.
Next Steps
To take ‘Mahalle’ to the next level, we have two key goals:
Implement Phase 2 Features: Building on the foundation from Phase 1, we will introduce features designed to enhance product discovery and streamline the shopping experience.
Conduct Usability Testing: Observing real users will allow us to identify strengths, uncover areas for improvement, and gather actionable insights.
Learnings
Leading this project strengthened my skills in balancing strategic decision-making with hands-on design. I honed my time management by delivering high-quality work under a tight timeline and improved my communication through collaboration with cross-functional teams and stakeholder presentations.
