Techno

The project

Techno is an online store for consumer electronics: smartphones, laptops, watches, cameras, audio, gaming and smart-home devices. The goal was a shop that feels as premium as the products it sells, while still making it fast to find a device, compare a price and check out.

I designed the homepage and the category browsing page, each in a light and a dark theme.

DarkLight

Key features

• Search first. A wide search field sits in the middle of the header for products, brands and categories, with account, wishlist and cart on the right.
• Hero product story. One featured launch at a time, with a short benefit line and one clear "Shop Now" action.
• Trust strip. Free shipping, official warranty, secure payment and 24/7 support, each with its own icon, shown before any product.
• Shop by category. Six large tiles with product photos for the main families, plus a full category page with item counts, sorting and a grid/list switch.
• Deal of the Day. A countdown timer and deal cards showing the old and new price and a stock bar, so urgency is honest and visible.
• Featured products. Product cards with a badge (Hot, New, Best Seller), star rating, name and price, filtered by Best Sellers, New Arrivals or Top Rated.

Visual style

The style is clean and technical: lots of white or deep-navy space, product photography on soft gray wells, and one electric blue for every action. Headlines are set large and tight in Inter, with a blue-to-cyan gradient on the key word of the hero ("Performance") to give it energy without adding more colours. Badges use small, saturated pills so they stand out against calm product cards.

Colour palette

The full UI kit for this project (type, buttons, inputs, cards and icons) is in the Techno design system.

More screens