Design & development studio
An online store for mobile phones and digital accessories
The numbers that mattered to the client — not the ones that look good.
Agreed with the client before anything was drawn.
Everything that was handed over at the end.
When buying electronics, a shopper puts several models side by side before deciding. Vertuka's old site showed specifications in ragged blocks of text and comparison was effectively impossible; cart abandonment was high as well.
A full design system was built to make technical specifications consistent, and a Next.js store was set on top of it: model comparison, filtering by specification, and a shortened checkout.
The product card, the specification table and the filter bar were designed as the three base components, and every other page was built from them. The result is that a new product falls into place without being designed again.
The things this product does now that it could not do before.
A library of documented components that takes a new product, a new category or a campaign without designing from scratch.
Filter on storage, screen size and battery, not just category and price; every option shows how many results it holds.
Up to three models side by side in one consistent table; the differences are highlighted so the eye does not have to hunt for them.
The payment steps were rearranged and repeated questions removed; errors appear beside the field itself rather than at the top of the page.
Warranty, authenticity and return terms are shown at the point where the buyer is actually thinking about them.
Contrast, touch target size and keyboard navigation were honoured and documented across the whole design system.
The route the work actually took, with the time each stage needed.
Usability testing on the previous version and a review of five domestic competitors; the exact point of cart abandonment was identified.
Building the foundations: colour, typography, spacing and the three main components every other page is built from.
38 pages at two sizes, with a clickable prototype for the buying and comparison paths.
Building the store with Next.js on those same components, and handing over the design system documentation.
The tools this project stands on, and still runs on today.
Vertuka's design system is still the internal team's reference; campaign pages and new categories are built on the same components.
A short call, free and without obligation: we listen to what you need, then tell you how long it takes and what it costs.
