UI Design System

Bringing high-end craftsmanship and design to the masses

Achieving design harmony for a premium brand with craftsmanship at its core.

Close-up of a woman in a workshop setting holding a tool

CLIENT

MakersFinders

TYPE

UI Design System

SERVICES

UX/UI Design​​​​​​

01

Challenge

MakersFinders, a go-to hub for unique online retail therapy, is not just any e-commerce platform; they’re a curated marketplace that celebrates the creativity and craftsmanship of makers and designers worldwide.

With a clientele as design-savvy as their merchandise, MakersFinders knows that presentation is key. So before they could hit the ‘launch’ button on the debut of their website, they had to overcome a bit of a style crisis. The site looked a bit like a mishmash of design explorations, and they worried it might not vibe with their discerning audience or the cool makers they feature.

02

Solution

With an eagle eye for detail, VSURY dove into the nitty-gritty, reviewing every page mockup to pinpoint the common set of UI elements that could be utilized across the desktop and mobile digital experience.

Armed with our findings, we whipped up a style guide and design system fit for a digital runway. With the help of VSURY’s design system, they were able to bring consistency and flair to every corner of their online home. The result? A website as polished and sophisticated as the makers they champion. Additionally, by implementing a shared design language, MakersFinders was able to develop their site less expensively and get to market faster.

Laptop mockup displaying MakersFinders homepage with female artisan image

Caption

MakersFinders design system showing type styles, color swatches, and UI elements

Design System

Wireframe of a responsive website layout grid used in MakersFinders design

Responsive Templates

Collage of MakersFinders web and mobile screens showing design and photography

Resusable Component Library

MakersFinders website screens showcasing homepage, product, and editorial layouts

New Page Templates Build Using Perfected  Components

Mobile screens from MakersFinders site showing product collections and editorial features

Fully Responsive Mobile Experiences

phy
Image8.webp –

Caption

Next

Website Redesign

Leading with AI. Cutting through the noise.

A complex platform, reimagined into a digital experience that delivers clarity, confidence, and results.