LahoreChatChatkara
Lahore Chatkhara is a restaurant offering authentic Lahori street food, known for its rich flavors and vibrant dishes. The project focused on redesigning its online platform to provide a seamless and user-friendly ordering experience across mobile and desktop.​ Along with integrating a new module.
DURATION
4 weeks
MY ROLE
UI/UX Designer
TEAM
Team of 5 including me
Problem Statement
Lahore Chatkhara relied on third-party apps like UberEats, which led to high fees, limited customer insights, and less control over orders. They needed a cost-effective, tailored solution.
OUR SOLUTION
A responsive website was designed for both mobile and desktop users, custom online ordering system was built with features like an easy-to-use menu, secure payments, and account/guest checkout options. This reduced reliance on third-party apps, boosted profits, improved the customer experience, and enabled data collection for marketing.
Deliverables
-
Custom Online Ordering System
-
Intuitive and Categorized Menu Design
-
Efficient Cart Management Features
-
Flexible Guest and Account-Based Checkout Options
-
Secure and Multi-Method Payment Gateway
-
Real-Time Order Tracking System
-
Mobile-Friendly and Responsive Design
Outcomes
-
Lower costs by reducing third-party platform reliance.
-
Easier and faster ordering process for customers.
-
Fewer mistakes and smoother order handling.
-
Useful customer data for better promotions.
-
Stronger direct connection with customers.
-
Accessible ordering on all devices, anytime.
Features List
-
Browse Menu with Clear Categories
Organized sections like mains, drinks, and desserts. -
Cart Management
Add, remove, edit items, view cost breakdown, and save carts. -
User Accounts or Guest Checkout
Options for quick or personalized orders. -
Payment Gateway
Secure payments with cards and digital wallets. -
Order Tracking
Real-time updates for delivery and pickup orders. -
Customization Options
Personalize dishes (e.g., toppings, spice levels). -
Responsive Design
Works seamlessly across devices.
Main Audience
-
First time users
-
Regular customers
-
People who are ordering for delivery or takeout
User Flow - Website |
Sketches
Paper Prototype |
|
We created paper prototypes after completing the wireflows to quickly visualize and generate ideas for the design. This approach allowed us to test concepts efficiently and refine them before moving to the next stage.
After creating the paper prototype, we gathered feedback to refine the design for wireframes. A key challenge was balancing usability for both desktop and mobile screens, ensuring the mobile interface wasn’t overcrowded and the desktop layout wasn’t empty. The main feedback gathered was on simplifying navigation and improving customization. The sketches helped us quickly test ideas and identify improvements while ensuring consistency across devices.
Our Next Steps
Our next steps involve creating wireframes, testing user flows to validate the design, and building a cohesive design system. This will ensure a seamless and intuitive ordering experience across both desktop and mobile platforms.
Gimples of our Solutions
1
Problem 1 - Frustration with Mandatory Login
Users feel frustrated when asked to log in on their first visit.
Our Solution
We added a Guest Login option, letting users browse and shop without signing in, making the process simple and convenient.
2
Problem 2 - Online Payment Options
Users often face challenges with limited or inconvenient payment methods.
Our Solution
We integrated secure online payment options, supporting multiple methods like credit/debit cards and digital wallets, to provide a smooth and hassle-free checkout experience.
3
Problem 3 - Order Tracking
Users lack visibility into their order's status, leading to uncertainty.
Our Solution
We implemented a real-time order tracking system, allowing users to monitor their order from confirmation to delivery, ensuring transparency and reliability.
More Wireframes | Website
More Wireframes | Mobile
Feedback Iteration Helps Us Improve On Every Step
We simplified navigation with a clear home page and back icons, improved customization clarity with popups, and streamlined the guest checkout process. Additionally, we enhanced order tracking visibility for a smoother user experience across devices.
Wireframe Output
1
Guest Users
2
Online Payment Option
3
Order Tracking
More Projects by Bhavisha
Coming Soon
Usability Testing
UX Designer
See the test results or Usability testing on Cineplex website and how it can be improved by various heuristic principles and UX best practices
Coming Soon
Airbnb Case Study
UX Researcher
Read out the case study on Airbnb's problems and possible solutions, theories and analysis of public interviews, including a thorough user persona included.
