Gudam Groceries Store E-Commerce - UI Project

Umar Abdul Azis

0

UX Researcher

UX Designer

Product Designer

Adobe Photoshop

Figma

Highlight For Gudam Groceries Store
Highlight For Gudam Groceries Store

📒 Overview

Hello everyone, this is a project that I worked on with my client where he asked me to design a UI for groceries-based e-commerce.

⚙️ Process

At first I tried to try to define the client's needs, namely creating an e-commerce page for single page content, but it can be scrolled to the bottom. Business is trying to make users stay on one page but with a variety of content, so the step I made was to emphasize the content in the E-Commerce itself.

🎨 Design Process

To maintain various components, I started to create UI libraries for components that can be used repeatedly, starting from Color Scale, Typograph, Icon and the basic component.
Color Scale
Color Scale
Typograph Scale
Typograph Scale
Iconograph
Iconograph
Basic Component
Basic Component

💻 Full Design

If you want to see the full design that I have made, you can see it on the following figma link:
Like this project
0

Posted May 4, 2023

Gudam Groceries is an e-commerce focused on e-commerce with the scope of everyday groceries.

Likes

0

Views

31

Tags

UX Researcher

UX Designer

Product Designer

Adobe Photoshop

Figma

Success Agency Landing Page for Job Seekers and Career Coaching
Success Agency Landing Page for Job Seekers and Career Coaching
Super Stake : Liquidity Generation Event (LGE) - Landing Page
Super Stake : Liquidity Generation Event (LGE) - Landing Page
Drop Vessel Luck Token Landing Page
Drop Vessel Luck Token Landing Page
AI Generative Popovers for Resume Builder
AI Generative Popovers for Resume Builder