Back to projectsUX/UI / E-commerce website

Selected project · 2021 · Launched

Volti.

A lot to choose from.
A clearer way to shop.

I designed the UX/UI, graphics, and category icons for an online store selling electronics and home appliances.

Explore the case
Volti English storefront in a dark desktop frame on a soft pink and lilac background
My role
UX/UI Designer
Scope
UX/UI · Graphics
Platform
Responsive web
Also created
Category icons

Overview

From browsing
to buying.

An online store with a broad catalogue and plenty of product details.

My work covered the storefront, catalogue, product pages, comparison, and checkout, alongside supporting graphics and custom category icons. The website launched in 2021.

The selected screens show how customers can narrow their options, inspect a product, compare specifications, and choose how to receive their order. Interface copy has been translated into English for this portfolio.

Product discovery

Find the right product.
Then look closer.

Category navigation, filters, and product cards organise the catalogue. On the product page, price, variations, and purchase actions sit alongside a gallery, with tabs for specifications, photos, video, reviews, and questions.

Catalogue · Filtering and browsing products
Product page · Details and purchase options

Compare before
you decide.

The comparison view places products and their specifications in aligned columns. Customers can switch between all specifications and differences, while prices and purchase actions remain part of the comparison.

Product comparison · Specifications side by side

Ordering

A clear path
to checkout.

The checkout groups customer details, delivery, and payment into one page. Store pickup, postal delivery, and courier options sit beside an order summary with quantities, discounts, and the total.

Checkout · Customer details, delivery, and payment

Responsive design

Smaller screen.
The same choices.

On mobile, navigation and filters have dedicated panels. The delivery module stacks pickup locations and shipping methods vertically, keeping the available choices and practical details together.

Volti mobile navigation menu with catalogue, promotions, comparison, and account links
Mobile · Navigation
Volti mobile filters with price range, brands, and apply action
Mobile · Product filters
Volti mobile delivery module with store pickup locations and shipping methods
Mobile · Delivery choices

Graphics & category icons

Useful details.
A recognisable character.

I created the category icons and supporting graphics. Green details connect the icons to the storefront, while blue and green graphic elements bring the same visual character to promotional areas and the footer.

  • Phones
  • Computers
  • Gadgets
  • Smart home
  • TV & video
  • Home appliances
  • Electric transport
  • Audio
  • Toys
  • Tools
Custom category icons · Original vector artwork
Volti homepage banner: Save on the Apple 2019 range, with a phone and blue and green graphic elements
Homepage promotional banner · English adaptation

Contact

Have something
in mind? Say hi

A project, a role, or just a hello.
I’d love to hear from you.

Press Escape to close