UX/UI DESIGN 2026

Home Appliance Online Store

Challenge and Context

About the Project

BuyTech — an e-commerce website for home appliances. A full UX/UI design cycle from scratch: homepage, catalog with filtering, product cards, shopping cart, checkout, and user personal account.

Solution

A full design mockup was developed from scratch. A clear content hierarchy was implemented: product grouping on the homepage, a user-friendly catalog with filters for key parameters, and product cards with visual emphasis on priority specifications (capacity, noise level, energy efficiency, leak protection). The interface is built in a minimalist style with a focus on usability and responsiveness across all device types.

Problem

The original site had an outdated visual design, illogical navigation structure, and overloaded product cards. Users had difficulty finding appliances, comparing specifications (e.g., load capacity, noise level, drying type), and completing checkout. As a result — high bounce rates and low conversion to target actions.

Typography and Color Palette

#F5F5F0 — Background

A light neutral shade that creates an airy, clean feel and doesn't distract from content. Provides high contrast with text and cards.

#B2EEFA — Card background

A soft bluish hue that visually separates product cards from the main background. Adds lightness and freshness to the interface without overwhelming perception.

#3B82F6 — Accent color

A bright blue for buttons, links, and active elements. Draws attention to key actions (buy, compare, add to cart), increasing clickability.

#1A1A1A — Text

A rich dark gray, close to black. Used for primary content — headings, descriptions, pricing. Ensures maximum readability.

#787878 — Captions and outlines

A muted gray for secondary elements: specification captions, input field borders, dividers. Forms a clear content hierarchy.

User Flow Page List

Home page

News

NEWS PAGE

INVESTMENT LANDING PAGE

PARTNER PROGRAM LANDING PAGE

CATALOG

product page

FAVORITES

CART

detail clarification

delivery

payment

PAYMENT - SUCCESS WINDOW

LOGIN to your account

registration

ACCOUNT / GENERAL INFORMATION

ACCOUNT / BONUSES AND PROMOTIONS

ACCOUNT / PURCHASE HISTORY

PREVIOUS PAGE
NEXT PAGE

Unvisited pages

The design of the following pages has also been completed but is not included in the main navigation of the case to keep it concise:
  • Landing pages (subscription model, B2B)
© This website is for demonstration purposes only and showcases UX/UI design skills, 2026
Main pages
Made on
Tilda