Clear hierarchy
Make the product range and promotional message easy to understand at a glance.
Home / UI/UX Design / Kiasu
UI/UX DESIGN · ECOMMERCE
Kiasu — Home Appliances eCommerce Experience.
A premium home-appliances shopping experience focused on clear hierarchy, product discovery, and a simple path from browsing to action.
01 · STRUCTURE
Information Architecture.
The experience is organized around the primary shopping tasks: discover products, understand the offer, compare options, and move confidently toward purchase.
HomeEntry point for offers, categories, and product discovery.
CatalogHome Appliances · Kitchen Appliances · Accessories
Offers / PromotionsDedicated paths for seasonal and promotional discovery.
Product DetailsProduct information, imagery, pricing, and purchase actions.
SearchFast route to products when intent is already defined.
Cart / CheckoutA direct path from selection to purchase completion.
02 · LAYOUT
Grid System.
A consistent 12-column desktop grid keeps navigation, hero messaging, product imagery, promotional content, and calls to action aligned. The system collapses naturally for tablet and mobile layouts.
03 · TYPE
Typography System.
Inter creates a modern, highly legible foundation. Large weights establish hierarchy while medium and regular weights keep product and interface information easy to scan.
Display / Hero
Aa Bb Cc
Heading
Premium products. Clear choices.
Body
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz · 0123456789
abcdefghijklmnopqrstuvwxyz · 0123456789
Navigation / UI
CATALOG · ABOUT US · DELIVERY & PAYMENT · CONTACTS
04 · VISUAL LANGUAGE
Color System.
The visual system combines a dark premium foundation with white content surfaces and a warm orange accent for promotional moments and primary actions.
Near Black#111111
White#FFFFFF
Orange Accent#F28A2E
Neutral Gray#777777
05 · APPROACH
Design Approach.
Premium presentation
Use contrast, imagery, and restrained UI patterns to support a premium product perception.
Simple discovery
Keep important shopping destinations visible and reduce friction between categories and products.
Conversion-focused actions
Give users clear next steps around offers, product exploration, and the shopping journey.
THE WORK
Designed for clarity.
READY WHEN YOU ARELet's make something
Let's make something
worth remembering.
Tell us what you're building, what you're trying to solve, and where you want to go.
Start a UI/UX Project ↗