UI Design
Grocery E-Commerce — Homepage UI Design
Homepage UI design for an online grocery store, focusing on navigation, product states, and component-based consistency.
Year :
2020
Industry :
E-Commerce
Client :
DuxLab
Project Duration :
3 Weeks
Context :
This project focused on designing the homepage of an online grocery store as the final assignment of a UI design course. The goal was to explore layout, navigation, and interaction states within an e-commerce context.
Role & Scope :
I was responsible for the UI design of the homepage and top navigation, including different interaction states such as menu expansion, product availability, and call-to-action variations.
Design System & UI States :
I created a lightweight design system inspired by Material Design principles, defining colors, icons, components, and states. The UI addressed multiple scenarios such as available and unavailable products, button states, and cart-related interactions.
Prototype & Outcome :
The final design was delivered as an interactive prototype, demonstrating navigation behavior and interface states. The project showcases structured UI thinking and consistency in component-based design.
More Projects
UI Design
Grocery E-Commerce — Homepage UI Design
Homepage UI design for an online grocery store, focusing on navigation, product states, and component-based consistency.
Year :
2020
Industry :
E-Commerce
Client :
DuxLab
Project Duration :
3 Weeks
Context :
This project focused on designing the homepage of an online grocery store as the final assignment of a UI design course. The goal was to explore layout, navigation, and interaction states within an e-commerce context.
Role & Scope :
I was responsible for the UI design of the homepage and top navigation, including different interaction states such as menu expansion, product availability, and call-to-action variations.
Design System & UI States :
I created a lightweight design system inspired by Material Design principles, defining colors, icons, components, and states. The UI addressed multiple scenarios such as available and unavailable products, button states, and cart-related interactions.
Prototype & Outcome :
The final design was delivered as an interactive prototype, demonstrating navigation behavior and interface states. The project showcases structured UI thinking and consistency in component-based design.
More Projects
UI Design
Grocery E-Commerce — Homepage UI Design
Homepage UI design for an online grocery store, focusing on navigation, product states, and component-based consistency.
Year :
2020
Industry :
E-Commerce
Client :
DuxLab
Project Duration :
3 Weeks
Context :
This project focused on designing the homepage of an online grocery store as the final assignment of a UI design course. The goal was to explore layout, navigation, and interaction states within an e-commerce context.
Role & Scope :
I was responsible for the UI design of the homepage and top navigation, including different interaction states such as menu expansion, product availability, and call-to-action variations.
Design System & UI States :
I created a lightweight design system inspired by Material Design principles, defining colors, icons, components, and states. The UI addressed multiple scenarios such as available and unavailable products, button states, and cart-related interactions.
Prototype & Outcome :
The final design was delivered as an interactive prototype, demonstrating navigation behavior and interface states. The project showcases structured UI thinking and consistency in component-based design.