UI / UX Design

GRACE SUPERMARKET

Grace Super Market I redesigned it into an app to enhance convenience, making ordering faster and more accessible.

Year :

2024

Project Duration :

4 weeks

Featured Project Cover Image
Featured Project Cover Image
Featured Project Cover Image

problems :

Misplaced Items:- Certain products appear under incorrect categories. For instance, "Ketchup" is listed under "Food Additives" within the "Foodgrains, Oil & Masalas" section. Since ketchup is a condiment, it would be more appropriately placed under a "Condiments" or "Sauces" category.

Blind Navigation:- Currently, there's minimal visual indication to show users their current location within the site's hierarchy. Implementing breadcrumb navigation or highlighting the active category can help users understand their position on the site.

Overlapping Categories:- The presence of both "Grounded spices" and "Masalas" as separate subcategories can confuse users, as the distinction between them isn't immediately clear. Merging these or providing clear definitions could improve user understanding.

Inconsistent and Redundant Subcategories:- The "Bakery Products" section includes both "Bread based products" and "Bread based," which are ambiguous and repetitive. Consolidating these into a single, clear subcategory would enhance user navigation.

For exmaple, the pet care area is listed under the incorrect category as branded food and snacks, which makes it difficult to navigate and causes goods to be misplaced.

SOLUTIONS :

To improve the overall shopping experience, I restructured product categories for quicker discovery, introduced a simplified bottom navigation for smoother browsing, and optimized the checkout flow to reduce steps. I used consistent visuals, improved product cards, and created a clean hierarchy to support faster decision-making. Additionally, I enhanced accessibility through readable typography, contrast, and gesture-friendly touch targets, while maintaining a visually engaging and modern UI style.

Challenge :

The biggest challenge was organizing a vast range of products in a way that felt intuitive and not overwhelming for users. Balancing visual clarity with a large amount of information, ensuring easy navigation for all age groups, and aligning business needs with user expectations required multiple iterations and careful design decisions.

Summary :

This project transformed Grace Super Market into a more convenient and user-friendly mobile shopping platform. With better navigation, clear visuals, and a streamlined ordering flow, users can now shop faster and with less confusion. The redesign significantly improves accessibility, usability, and customer satisfaction, making the grocery experience simple and enjoyable.

UI / UX Design

GRACE SUPERMARKET

Grace Super Market I redesigned it into an app to enhance convenience, making ordering faster and more accessible.

Year :

2024

Project Duration :

4 weeks

Featured Project Cover Image
Featured Project Cover Image
Featured Project Cover Image

problems :

Misplaced Items:- Certain products appear under incorrect categories. For instance, "Ketchup" is listed under "Food Additives" within the "Foodgrains, Oil & Masalas" section. Since ketchup is a condiment, it would be more appropriately placed under a "Condiments" or "Sauces" category.

Blind Navigation:- Currently, there's minimal visual indication to show users their current location within the site's hierarchy. Implementing breadcrumb navigation or highlighting the active category can help users understand their position on the site.

Overlapping Categories:- The presence of both "Grounded spices" and "Masalas" as separate subcategories can confuse users, as the distinction between them isn't immediately clear. Merging these or providing clear definitions could improve user understanding.

Inconsistent and Redundant Subcategories:- The "Bakery Products" section includes both "Bread based products" and "Bread based," which are ambiguous and repetitive. Consolidating these into a single, clear subcategory would enhance user navigation.

For exmaple, the pet care area is listed under the incorrect category as branded food and snacks, which makes it difficult to navigate and causes goods to be misplaced.

SOLUTIONS :

To improve the overall shopping experience, I restructured product categories for quicker discovery, introduced a simplified bottom navigation for smoother browsing, and optimized the checkout flow to reduce steps. I used consistent visuals, improved product cards, and created a clean hierarchy to support faster decision-making. Additionally, I enhanced accessibility through readable typography, contrast, and gesture-friendly touch targets, while maintaining a visually engaging and modern UI style.

Challenge :

The biggest challenge was organizing a vast range of products in a way that felt intuitive and not overwhelming for users. Balancing visual clarity with a large amount of information, ensuring easy navigation for all age groups, and aligning business needs with user expectations required multiple iterations and careful design decisions.

Summary :

This project transformed Grace Super Market into a more convenient and user-friendly mobile shopping platform. With better navigation, clear visuals, and a streamlined ordering flow, users can now shop faster and with less confusion. The redesign significantly improves accessibility, usability, and customer satisfaction, making the grocery experience simple and enjoyable.

UI / UX Design

GRACE SUPERMARKET

Grace Super Market I redesigned it into an app to enhance convenience, making ordering faster and more accessible.

Year :

2024

Project Duration :

4 weeks

Featured Project Cover Image
Featured Project Cover Image
Featured Project Cover Image

problems :

Misplaced Items:- Certain products appear under incorrect categories. For instance, "Ketchup" is listed under "Food Additives" within the "Foodgrains, Oil & Masalas" section. Since ketchup is a condiment, it would be more appropriately placed under a "Condiments" or "Sauces" category.

Blind Navigation:- Currently, there's minimal visual indication to show users their current location within the site's hierarchy. Implementing breadcrumb navigation or highlighting the active category can help users understand their position on the site.

Overlapping Categories:- The presence of both "Grounded spices" and "Masalas" as separate subcategories can confuse users, as the distinction between them isn't immediately clear. Merging these or providing clear definitions could improve user understanding.

Inconsistent and Redundant Subcategories:- The "Bakery Products" section includes both "Bread based products" and "Bread based," which are ambiguous and repetitive. Consolidating these into a single, clear subcategory would enhance user navigation.

For exmaple, the pet care area is listed under the incorrect category as branded food and snacks, which makes it difficult to navigate and causes goods to be misplaced.

SOLUTIONS :

To improve the overall shopping experience, I restructured product categories for quicker discovery, introduced a simplified bottom navigation for smoother browsing, and optimized the checkout flow to reduce steps. I used consistent visuals, improved product cards, and created a clean hierarchy to support faster decision-making. Additionally, I enhanced accessibility through readable typography, contrast, and gesture-friendly touch targets, while maintaining a visually engaging and modern UI style.

Challenge :

The biggest challenge was organizing a vast range of products in a way that felt intuitive and not overwhelming for users. Balancing visual clarity with a large amount of information, ensuring easy navigation for all age groups, and aligning business needs with user expectations required multiple iterations and careful design decisions.

Summary :

This project transformed Grace Super Market into a more convenient and user-friendly mobile shopping platform. With better navigation, clear visuals, and a streamlined ordering flow, users can now shop faster and with less confusion. The redesign significantly improves accessibility, usability, and customer satisfaction, making the grocery experience simple and enjoyable.

Create a free website with Framer, the website builder loved by startups, designers and agencies.