
- Industry
- Ecommerce
- Service
- App Design
- Timeline
- 5 Weeks
Project Overview
The Challenge
Although Saylani trained thousands of students, there was no dedicated platform to maintain connections, showcase talent, and create direct pathways between graduates and career opportunities.
Accessibility
Discovery
Shopping Process
Visibility
Engagement
Accessibility
Discovery
Shopping Process
Visibility
Engagement
Solution
We designed a complete digital shopping experience that simplifies product discovery, improves customer convenience, and creates a smooth journey from browsing to purchasing.
We developed a connected digital platform where customers can manage their accounts, access order information, receive updates and interact with supermarket services through one convenient experience.
We created a smoother purchasing experience where customers can quickly select products, manage their carts, complete orders, and track their shopping journey with minimal effort.
We designed a structured shopping experience where customers can easily explore products, discover categories, find offers, and access detailed information through a simple and intuitive browsing journey.
Process
Our process focused on understanding customer behaviors, defining shopping journeys, creating intuitive structures, and designing a scalable interface that supports everyday use.
User Research
We studied customer shopping habits, pain points, and expectations to understand how digital experiences could reduce effort and make grocery shopping more convenient.

Ikhtiyar manages household shopping, buying groceries and essentials. He prefers a reliable shopping experience that saves time.
Find household products quickly, manage grocery shopping easily, and save time from frequent store visits.
Visiting supermarkets frequently takes extra time and effort. Finding specific products and offers can be difficult. Managing repeated grocery purchases manually is inconvenient.
Hamza prefers managing tasks digitally and needs a quick way to buy groceries without visiting supermarkets after work.
Order groceries quickly, manage purchases remotely, and receive products at a convenient time.
Limited time for physical shopping after work. Long checkout processes waste time. Difficult to remember frequently purchased items. Needs a faster and smoother ordering experience.
Information Architecture
The information architecture was designed around the customer's buying journey, making it easy to discover products, manage orders, and access supermarket services.
Wireframes
Wireframes helped define the core shopping flows, navigation structure, and interaction patterns before applying the final visual design.

Visual Style
The visual system was designed to communicate convenience, reliability, and simplicity through clean layouts, friendly components, and an approachable digital experience.

Final Design
The final design brings together product discovery, ordering, and customer management into a simple mobile-first shopping experience.




Testimonial
The feedback highlights the collaboration, design journey, and how the final product supports the vision of creating a more accessible and transparent donation ecosystem.

This digital platform changes the way customers interact with our supermarket. By bringing product discovery, ordering, and delivery into one seamless experience, we are making grocery shopping faster, simpler, and more convenient for everyone.
Marketing Head - Diamond Super Market

The platform helps us build stronger relationships with our customers through a connected digital shopping experience. It allows us to provide better services, understand customer needs, and create a more efficient retail journey
HOD - SMIT
Credits
This project was brought to life through collaboration between designers, developers, stakeholders, and the Diamond Supermarket team working together to create a seamless digital shopping experience.