Redesigning ABJAK's website
Overview
ABJAK is a cloud kitchen that helps restaurants scale by providing kitchen facilities and order fulfillment services. The goal of this redesign was to enhance the user experience for restaurant partners and streamline the ordering process for customers.
Role: UX/UI Designer
Responsibilities: User research, wireframing, prototyping, and UI design
Tools Used: Figma, FigJam
Problem Statement
The ABJAK website suffers from cluttered design, inconsistent branding, and poor accessibility. Navigation difficulties caused by these issues have reduced engagement and conversions from both restaurant partners and customers.
Research and Insights
Rahul
"I lose track of filters and options when I scroll."
The filters and company lists disappear, making it frustrating to navigate. A sticky navigation bar would help.
Rahul
"I want to know what’s popular or recommended."
There’s no section for best-sellers or user ratings. Seeing reviews or a “Recommended for You” section would help me decide faster.
Juan
"Why do I have to click to see food details?"
I want to see ingredients and allergen info at a glance without extra clicks. A quick-view option or pop-up would be helpful.
Juan
"It’s hard to find discounts or deals."
If there are special promotions, they don’t stand out. A dedicated “Deals” section would make it easier to spot them.
Merlyn
"I wish I could customize my order."
There’s no option to add instructions like "Make it extra spicy" or remove ingredients. A simple customization feature would improve the experience.
Merlyn
"Some text is hard to read."
The font size is too small, and some color contrasts fail accessibility checks.
Competitor Overview
Analyzed competitor platforms to identify industry best practices.
2. Website UX/UI Comparison
3. Key Insights & Opportunities for ABJAK
Improve Website Clarity
Clearly define ABJAK’s value proposition for both restaurant partners and customers on the homepage.
Enhance Brand Consistency
Implement consistent typography, color schemes, and branding guidelines for a professional look.
Ensure Mobile-First Design
Redesign with responsiveness in mind, improving layout and usability for mobile users.
Increase Accessibility Compliance
Improve contrast ratios, font legibility, and alt text for images to meet WCAG standards.
Pain Points & Usability Gaps
The current website suffers from significant usability issues due to a lack of proper design structure and user-centered principles.
The Solution
Browse multiple restaurants easily
Seamlessly browse multiple restaurants, access clear and detailed information, follow intuitive instructions, and a smoother, hassle-free checkout.
Insights for Customers, Investors & Future Partners
Easily explore ABJAK's brands—designed for customers, investors, and ambitious partners looking to grow with us.
Onboarding Journey
Experience a smooth and hassle-free onboarding journey. Easily add all details in a few simple steps, ensuring a secure and seamless process.
Discover More Services
Explore catering solutions, understand why ABJAK is a smart investment, and get to know the passionate team driving ABJAK's success.
Work in progress ⏳