Safety footwear manufacturing · Website development
MANHARD: website for a safety footwear manufacturer
A Belarusian safety footwear manufacturer with injection-moulded soles. We replaced a generic catalog site with one that explains the technology, helps buyers pick footwear for their industry and takes a request for a quote.
- 93speed on mobile
- 100speed on desktop
- 582 KBpage weight on mobile
- Client
- MANHARD
- Website
- manhard.by
- Industry
- Safety footwear manufacturing
- Services
- Website development
- Year
- 2026
The task
MANHARD had a generic catalog site: a header made of contacts and logos, a banner with no offer, three blocks with short lists. The main product advantage, the injection-moulded sole, was not explained, and a company buyer had no quick way to choose footwear for their industry and ask for a quote. The site is in Russian. The goal was a modern site that sells.
What we did
- We analysed the competitors’ market and the needs of the target audience in depth.
- Went through the old site page by page and kept what a buyer needs: the catalog, contacts, the “Where to buy” section, articles.
- Built the new home page around the buyer's questions: how is this footwear different, does it fit my industry, what does a batch cost, can it carry my logo.
- Showed the technology in action instead of describing it: a boot that reveals its construction when the cursor moves over it.
- Added wholesale blocks: selection by industry, a calculator with an indicative price and lead time, branding from 1,000 pairs, client cases.
- Moved reassurance to the first screen: certification, number of clients, own production.
Project highlights
The specific solutions we built, and why.
-
A boot that shows its construction
- What we built
- The first screen carries the line “Hover the boot — we will look inside”: the boot reveals its construction. Below, the “From leather to sole” block shows production in five steps: leather, cutting, sole flow, injection-moulded attachment, the finished pair.
- Why
- The main advantage, injection-moulded sole attachment, is hard to explain in text: a buyer reads “advanced method” and sees no difference.
- What it gives
- The difference is visible in one mouse move, no separate technology page is needed.
-
Hotspots on the boot with technical data
- What we built
- The “Protection technology” block: hover a dot and a construction detail appears with numbers. Leather 1.8–2.0 mm, composite toe cap 200 J to GOST 28507-99, puncture-proof insole, two-layer PU/TPU sole.
- Why
- A buyer and an occupational safety engineer need the specifications, but a table on screen puts people off.
- What it gives
- Numbers come one at a time, tied to a place on the footwear, and are easy to verify.
-
Footwear selection by industry
- What we built
- The “Selection for your task” block: nine industries (construction, metallurgy, petrochemicals, food and light industry, woodworking, forestry, agriculture, mining), each with its own conditions and footwear requirements.
- Why
- A buyer does not look for a model, they look for footwear for their conditions: cold, oil, metal, moisture. Working conditions first, the model second.
- What it gives
- The path from the first screen to the right category is shorter than through a general catalog.
-
Wholesale calculator
- What we built
- The “Wholesale calculator” block: pick a collection and a quantity and get an indicative price and production time at once. If the batch is short of the branding minimum, the calculator says by how many pairs. The exact price comes with the request below.
- Why
- A wholesale order starts with “what will this cost for my batch”. Waiting for a manager's call for the first number takes too long.
- What it gives
- The buyer gets a guideline without a call, and the request arrives with the collection and volume already known.
-
Branding from 1,000 pairs as its own block
- What we built
- The branding terms are in a separate block: a logo on the tongue, side or lining to an agreed layout, lining and thread colours to a brand palette, a minimum order of 1,000 pairs.
- Why
- On the old site branding was one line in a block of three. For factories, chains and public tenders it is a separate buying decision.
- What it gives
- The terms and the order threshold are visible at once, and extra questions before the request disappear.
-
Client cases as “task → solution → result”
- What we built
- The home page carries three client cases: flexographic printing, a plant at a constant +21.5 °C, furniture manufacturing. Each names the task and the decision taken; where there is a result, it is stated.
- Why
- A buyer finds another company's similar situation more convincing than a list of strengths.
- What it gives
- A visitor recognises their own situation and sees how it was solved.
A word from the team
We wanted to show not just safety footwear, but how it is made. When the boot itself explains the injection-moulded sole, there is almost nothing left to explain: people see the difference for themselves.
Thank you to the client
It was a real pleasure to work with this client. They trusted us as experts and gave quick, clear feedback. Thank you!
Before and after
Pick a page and a device, drag the boundary and scroll the page down.
Home
Before · 15.10.2026After · 29.10.2026


Before · 15.10.2026After · 29.10.2026


Catalog
Before · 15.10.2026After · 29.10.2026


Before · 15.10.2026After · 29.10.2026


Catalog section
Before · 15.10.2026After · 29.10.2026


Before · 15.10.2026After · 29.10.2026


Product page
Before · 15.10.2026After · 29.10.2026


Before · 15.10.2026After · 29.10.2026


About
Before · 15.10.2026After · 29.10.2026


Before · 15.10.2026After · 29.10.2026


Where to buy
Before · 15.10.2026After · 29.10.2026


Before · 15.10.2026After · 29.10.2026


Contacts
Before · 15.10.2026After · 29.10.2026


Before · 15.10.2026After · 29.10.2026


Articles
Before · 15.10.2026After · 29.10.2026


Before · 15.10.2026After · 29.10.2026


Article page
Before · 15.10.2026After · 29.10.2026


Before · 15.10.2026After · 29.10.2026


Header
Catalog cards
Contacts and form
Mobile header
Results
Page speed and quality
What the scores mean
- Performance
- How fast the page opens and starts working, from 0 to 100.
- Accessibility
- How easy the page is to use for people with visual, hearing and motor limitations, and for screen readers.
- Best practices
- Modern practices in the page code: security, current standards, no errors in the console.
- SEO
- Basic technical readiness of the page for search engines (lower on a preview closed from indexing).
- Colours
- Green: 90 and above, orange: 50 to 89, red: below 50. Mobile speed is measured on a slow 4G connection, desktop under normal conditions.
Mobile
- 93 Performance
- 100 Accessibility
- 100 Best practices
- 100 SEO
Speed score range between runs: 93–94
- Largest Contentful Paint (LCP)
- 3 s
- Total Blocking Time (TBT)
- 0 ms
- Cumulative Layout Shift (CLS)
- 0
- Page weight
- 582 KB
Desktop
- 100 Performance
- 100 Accessibility
- 100 Best practices
- 100 SEO
- Largest Contentful Paint (LCP)
- 0.6 s
- Total Blocking Time (TBT)
- 0 ms
- Cumulative Layout Shift (CLS)
- 0
- Page weight
- 1.2 MB
A word from the client
Overall, I really like everything. It is simply awesome! I am delighted.
Sergey Mikhailyuk, Director, MANHARD
What we would do differently
The project worked out, but we would do a few things differently from the start.
- We would build speed and accessibility measurements into the first version: the document language, field labels and console errors were fixed only after launch.
- We would prepare light images for phones in advance: we cut the page weight only on the live site.
- After the release we reworked the privacy policy consent system to meet current requirements.
About the service
We build websites that explain the product clearly and bring requests: from market analysis and design to launch and analytics.
Your project
The next case study with a striking project could be yours
Describe the task. We will estimate it for free, name a timeline and a price and tell you honestly what is not worth doing.
- The task estimate is free.
- We name the timeline and the price.
- We tell you what is not worth doing.
- projects in the portfolio
- 3
- clients
- 300+
- years of experience
- 15+
- specialists on the team
- 45+
We will explain in detail where to start and how long it takes.
