UI / UX Design

Buy Best Electronic — Website & Mobile App

Led the UI design for the company’s website and mobile app, creating a cohesive design system and delivering all key screens from concept to final UI.

Year :

2024

Industry :

Electronic Parts

Client :

Company

Project Duration :

12 Months

UI design overview of Buy Best Electronic website and mobile app interfaces
UI design overview of Buy Best Electronic website and mobile app interfaces
UI design overview of Buy Best Electronic website and mobile app interfaces

Context & Challenge :

Buy Best Electronic is a mid-sized electronics company transitioning from a physical store to a scalable online business. When I joined, there was no existing design system or unified interface across web and mobile, while multiple stakeholders (IT, sales, marketing) had different and sometimes conflicting needs.


Design system overview including color tokens, typography, spacing, and UI components
Design system overview including color tokens, typography, spacing, and UI components
Design system overview including color tokens, typography, spacing, and UI components

Role & Collaboration :

Homepage header and hierarchical mega menu design for an e-commerce electronics website


I worked as the sole UI designer within a cross-functional team, collaborating closely with backend and frontend developers, sales, marketing, and management. Through regular workshops and whiteboard sessions, I translated business requirements and real-world sales insights into practical interface solutions.

Button components with different states and sizes from the UI design system
Button components with different states and sizes from the UI design system
Button components with different states and sizes from the UI design system

Design System & UI Solutions :

I created a lightweight design system from scratch, defining typography, spacing, color tokens (primary, neutral, success, error), and reusable components for both desktop and mobile. I designed key interfaces, including product cards, a hierarchical mega-menu, product pages, blog layouts, and custom ordering pages, balancing business demands with usability and technical feasibility.


Product category page UI showing filters, product cards, and layout hierarchy

Outcome & Impact :

The redesigned website supported growing online sales and helped the company successfully compete with its long-established physical store. The shared design system improved consistency, sped up frontend implementation, and enabled the team to iterate faster as business needs evolved.


Product detail page UI design with specifications, availability, and purchase actions

More Projects

UI / UX Design

Buy Best Electronic — Website & Mobile App

Led the UI design for the company’s website and mobile app, creating a cohesive design system and delivering all key screens from concept to final UI.

Year :

2024

Industry :

Electronic Parts

Client :

Company

Project Duration :

12 Months

UI design overview of Buy Best Electronic website and mobile app interfaces
UI design overview of Buy Best Electronic website and mobile app interfaces
UI design overview of Buy Best Electronic website and mobile app interfaces

Context & Challenge :

Buy Best Electronic is a mid-sized electronics company transitioning from a physical store to a scalable online business. When I joined, there was no existing design system or unified interface across web and mobile, while multiple stakeholders (IT, sales, marketing) had different and sometimes conflicting needs.


Design system overview including color tokens, typography, spacing, and UI components
Design system overview including color tokens, typography, spacing, and UI components
Design system overview including color tokens, typography, spacing, and UI components

Role & Collaboration :

Homepage header and hierarchical mega menu design for an e-commerce electronics website


I worked as the sole UI designer within a cross-functional team, collaborating closely with backend and frontend developers, sales, marketing, and management. Through regular workshops and whiteboard sessions, I translated business requirements and real-world sales insights into practical interface solutions.

Button components with different states and sizes from the UI design system
Button components with different states and sizes from the UI design system
Button components with different states and sizes from the UI design system

Design System & UI Solutions :

I created a lightweight design system from scratch, defining typography, spacing, color tokens (primary, neutral, success, error), and reusable components for both desktop and mobile. I designed key interfaces, including product cards, a hierarchical mega-menu, product pages, blog layouts, and custom ordering pages, balancing business demands with usability and technical feasibility.


Product category page UI showing filters, product cards, and layout hierarchy

Outcome & Impact :

The redesigned website supported growing online sales and helped the company successfully compete with its long-established physical store. The shared design system improved consistency, sped up frontend implementation, and enabled the team to iterate faster as business needs evolved.


Product detail page UI design with specifications, availability, and purchase actions

More Projects

UI / UX Design

Buy Best Electronic — Website & Mobile App

Led the UI design for the company’s website and mobile app, creating a cohesive design system and delivering all key screens from concept to final UI.

Year :

2024

Industry :

Electronic Parts

Client :

Company

Project Duration :

12 Months

UI design overview of Buy Best Electronic website and mobile app interfaces
UI design overview of Buy Best Electronic website and mobile app interfaces
UI design overview of Buy Best Electronic website and mobile app interfaces

Context & Challenge :

Buy Best Electronic is a mid-sized electronics company transitioning from a physical store to a scalable online business. When I joined, there was no existing design system or unified interface across web and mobile, while multiple stakeholders (IT, sales, marketing) had different and sometimes conflicting needs.


Design system overview including color tokens, typography, spacing, and UI components
Design system overview including color tokens, typography, spacing, and UI components
Design system overview including color tokens, typography, spacing, and UI components

Role & Collaboration :

Homepage header and hierarchical mega menu design for an e-commerce electronics website


I worked as the sole UI designer within a cross-functional team, collaborating closely with backend and frontend developers, sales, marketing, and management. Through regular workshops and whiteboard sessions, I translated business requirements and real-world sales insights into practical interface solutions.

Button components with different states and sizes from the UI design system
Button components with different states and sizes from the UI design system
Button components with different states and sizes from the UI design system

Design System & UI Solutions :

I created a lightweight design system from scratch, defining typography, spacing, color tokens (primary, neutral, success, error), and reusable components for both desktop and mobile. I designed key interfaces, including product cards, a hierarchical mega-menu, product pages, blog layouts, and custom ordering pages, balancing business demands with usability and technical feasibility.


Product category page UI showing filters, product cards, and layout hierarchy

Outcome & Impact :

The redesigned website supported growing online sales and helped the company successfully compete with its long-established physical store. The shared design system improved consistency, sped up frontend implementation, and enabled the team to iterate faster as business needs evolved.


Product detail page UI design with specifications, availability, and purchase actions

More Projects