Skip to content
APRICODE
hello@apri-code.com
All projects

tonKAton

Designed for beauty professionals

Ecommerce
Explore the store
Professional manicure products on the light green background used in the tonKAton store
Beauty commerce / Shopping experienceProject presentation
Project
tonKAton / Ecommerce
Discipline
UX/UI · Web development
Ecommerce experience
Format
Online store · UK / RU

01 / The idea

A store for
the way professionals shop

A store for beauty professionals has to work at two speeds: inspiration for a new look, and a direct route to the right product. tonKAton brings both into one shopping experience.

A shoppable opening introduces a complete look. Categories, product cards and dedicated brand pages then make a broad assortment easier to explore. The visual system pairs light surfaces and large product images with a fresh green accent.

02 / In motion

From the campaign
to the product

Shop products directly from the campaign banner, browse the color catalog and inspect an individual product. Recorded from the storefront preview.

tonKAton project film — still from the recording
15 seconds / Screen recording

03 / The experience

Inspiration
with a direct route to buy

A product-led banner introduces the collection. The catalog and product page carry that first impression into a practical shopping journey.

Inside the experience01 — 03
tonKAton campaign banner with an open product hotspot
01 / Shop the storyRecorded interface
The gel-polish catalog with product colours and filters
02 / Find a shadeRecorded interface
The tonKAton product page with shade and purchase information
03 / Meet the productRecorded interface

04 / Design decisions

The details
behind discovery

01

Connect the image to the product

Hotspots turn the campaign banner into a direct route to the featured items. The visual story remains connected to the catalog.

02

Make a large range readable

Category and brand navigation give different ways to enter the collection. Product imagery keeps color and packaging easy to recognize.

03

Support the professional routine

Brand pages and editorial guides sit beside the products. The store can support discovery as well as repeat visits for familiar essentials.

05 / The mobile experience

The collection
within reach

The campaign banner keeps its product hotspots on a phone. The collection continues below in a responsive grid.

Guides for beauty professionals add context to the catalog.
Guides for beauty professionals add context to the catalog.
tonKAton mobile experience — still from the recording
Mobile recording

06 / Experience it

Explore the storefront

Explore the tonKAton storefront preview.

Explore the store

Ecommerce storefront / Development preview. Images show the actual storefront and its existing product artwork. Product names and marks belong to their respective owners. Screenshots are presentation examples, not current price or stock information.

Cover: AI-generated presentation based on the project. Interface images and films: supplied recordings, selected and edited for this case.