Hockerty: Tailored Clothing Brand

Hockerty
A leading brand in apparel

In a fashion industry that pushes people into fixed molds, Hockerty helps people feel confident by creating unique garments that reflect each person's individuality.

1 of 12,000 clients
of

Industry

Fashion

Service type

E-commerce website

Years

2023

Crew

5 people

Try it now

The Custom Clothing feature on Hockerty's website

Clothing needs accurate sizing based on each person's height and weight. Yet most apparel websites today simply list products and sell them, and customers end up disappointed when the fit is off. Hockerty wanted a website that could sell and also let customers design freely. MONA proposed a custom clothing feature that turns every customer into a designer and the website into a professional tailoring shop.

Visit the Hockerty website >>

MONA designs websites to standard
fully responsive and works
on every device

MONA designs interfaces that adapt to every screen size. Whatever device visitors use, the layout adjusts automatically so everything displays fully and clearly.

A structured website design process
leads to the best possible result

Project research

MONA's solution

UI/UX design

Project results

Client review

Turning the website into
a trusted, professional
online tailoring shop:

Hockerty wanted its website to:

Make information easy to find.
Offer filters by garment style and color.
Let customers choose the fabric, color and buttons, with a mannequin that simulates the body and a visual model.
Calculate prices on the spot and let customers create their own limited-edition garments at home.

Get more visitors to leave their details on the website:

Support multiple languages.
A clear menu bar that is easy to use and navigate.
Make online shopping and payment quick and easy.
Lower bounce rate and more orders closed directly on the website.

Experience part 1
designed

A complete website
design plan

Well-crafted UX/UI
Optimized custom clothing feature
Secure shopping, cart and checkout

Featured technology

Website structure

Website design concept

Building the design system

Optimizing the user experience

How MONA and Hockerty built a leader in online tailoring

We combined light and dark themes in a design that follows the brand closely, with interactive animations throughout to engage users.

STRONGER BRAND RECOGNITION

A long-established, well-known Swiss apparel brand that makes made-to-measure clothing for each customer.

FEATURE
CUSTOM CLOTHING

Customers can choose details such as thread, buttons, embroidery and more than 300 fabrics, design their own garments and go through each tailoring step in detail.

ONLINE PAYMENT
SECURE

We paid special attention to payment methods to protect information and help customers shop as safely as possible.

A sitemap built to improve the user experience

Hockerty sells a large range of fashion products, with many types of clothing for men and women. Above all, the website works like a physical store, where customers put together their own outfits from more than 300 fabrics and many sizes, with full standard measurements for each body part, body shape and so on.

So we invested in careful research and built a well-structured sitemap for an intuitive experience, while keeping the products in focus so visitors can navigate and use the site easily.

Putting the
products

Just as important is the detailed presentation of the many products. Users can try things on, tap to choose each fabric and color, and even use a mannequin that simulates the body.

Building a detailed
website design system

We used the gt-haptik font for easy reading and combined three tones, black, white and gray, to reinforce the brand's luxury identity.

Heading 1

Bold 70px

gt-haptik

Heading 2

Bold 30px

gt-haptik

Body text

Bold 15px

gt-haptik

#ffffff

#b04734

#f5f4ef

#000000

UI DESIGN

Every MONA website design follows UI standards, from identity elements, colors, images and layout to navigation buttons, to deliver a good experience and convey the message effectively.

Project evaluation based on MONA's own measurements and client feedback

0.5s

Loading speed

Before

N/A

0.5s

SEO-ready

Before

N/A

85%

Satisfaction

Before

N/A

100%

MONA designed the Hockerty website with care and creativity. We focused on the custom clothing feature so Hockerty's customers can easily tailor garments to their own style, for a visual, highly personal shopping experience.