Hockerty: Tailored Clothing Brand

Hockerty
A leading brand in apparel

In a world where the fashion industry forces people into fixed molds, Hockerty exists to help people feel confident and secure 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

Apparel needs accurate sizing based on each person's height and weight. However, most apparel websites today only show products and sell them, which makes for a poor customer experience because the measurements are off. Seeing this limitation, Hockerty wanted a website that could sell and also let customers design freely. Understanding that need, MONA proposed the custom clothing feature, turning every customer into a designer and the website into a professional tailoring shop.

Explore Hockerty here >>

MONA designs websites to standard
Responsive and compatible
every electronic device!

MONA designs interfaces that adapt to every screen size. Whatever device or screen size users visit from, the website automatically adjusts its layout so everything displays fully and clearly.

A structured website design process
produces the best possible product

Project research

MONA's solution

UI/UX design

Project results

Client review

Turning the website into
an online tailoring shop
that is trusted and professional:

Hockerty designed its website to:

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

Increase the rate of customers leaving their details on the website:

Multilingual website.
A clear menu bar that is easy to use and navigate.
Easy and fast online shopping and payment on the website.
Lower bounce rate and more orders closed directly on the website.

Experience part 1
designed

A complete website
design plan

A UX/UI-standard website
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 new empire for online tailoring

We used a design that combines light and dark themes, closely following the business's brand. Interactive animations are used throughout to engage users.

STRONGER BRAND RECOGNITION

A long-established, well-known apparel brand from Switzerland that creates made-to-measure clothing for each customer.

MULTILINGUAL
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.

Building the website sitemap to improve the user experience

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

So we had to invest in careful research, then build a well-structured sitemap to create an intuitive experience for customers, while highlighting the products so visitors can navigate and use the site easily.

Highlighting
products

Just as important is the detailed presentation of many different products on the website. Users can not only try things on but also tap to choose each fabric and color, and there is even a mannequin that simulates the body.

Building the system
detailed website design

We used the gt-haptik font so the website is easy to read. We also combined 3 tones, black, white and gray, to strengthen the business's luxury brand 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, colours, 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's process of designing the website for Hockerty, a leading apparel brand, combined meticulousness and creativity. MONA focused on optimizing the custom clothing feature so Hockerty's customers can easily customize garments in their own style, for a visual and highly personalized shopping experience.