UA
RU'%3e%3cpath%20d='M0%200v30h60V0z'%20fill='%23012169'/%3e%3cpath%20d='M0%200l60%2030m0-30L0%2030'%20stroke='%23fff'%20stroke-width='6'/%3e%3cpath%20d='M0%200l60%2030m0-30L0%2030'%20clip-path='url(%23t)'%20stroke='%23C8102E'%20stroke-width='4'/%3e%3cpath%20d='M30%200v30M0%2015h60'%20stroke='%23fff'%20stroke-width='10'/%3e%3cpath%20d='M30%200v30M0%2015h60'%20stroke='%23C8102E'%20stroke-width='6'/%3e%3c/g%3e%3c/svg%3e){kind=small}
EN
WebsiteWeb development
Zoozy Pet Food online store website
A website for an air-dried raw dog food brand: menus, samples and treats, a comparison with dry food, cost per day and a customer portal.
WebsiteWeb development74
Custom wardrobe catalogue website
A multi-page React website for a wardrobe maker: a filtered catalogue, mega menu, product pages, online price calculation and a dedicated mobile version.
Project at a glance
- Client
- Wardrobe maker
- sliding, hinged and walk-in wardrobes to order
- Tech
- React
- component-based build, responsive on every screen
- Pages
- 9 page types
- home, catalogue, subcategory, product, about, gifts, parts, delivery, contacts
- Catalogue
- Mega menu + filters
- by style, size, budget, material, colour, room
- Leads
- Quote, sketch, measurer
- forms on every screen and an online calculator
- Mobile
- Dedicated layouts
- for every page, not just a shrunk desktop
Context and task
The client makes sliding, hinged and walk-in wardrobes to custom sizes at its own factory. It needed a site where buyers find their model among hundreds of options on their own, see the price and leave a request for a quote, a sketch or a measurer visit right away.
How we built it
The site is built in React from components reused across all pages: a header with a mega menu, wardrobe cards, lead forms, and advantage and review blocks. The mega menu opens the catalogue on three levels — wardrobe type, criterion and value — and the catalogue page offers the same filters as buttons: by shape, style, material, room, budget, colour or number of doors.
Site structure
- Home: a “wardrobes 5–15% cheaper than competitors” offer, a quote form and 4 key advantages on the first screen.
- Catalogue and subcategories with filters and a grid of wardrobe cards.
- Product page: a gallery with video, price per linear metre, and front, material and hardware options.
- Trust blocks: own production, reviews, work stages, FAQ and a measurer call-out.
- About, Gifts, Parts, Delivery & assembly, and Contacts pages.
- A dedicated mobile version of every page.
How the site sells
Every model has “Calculate price” and “Order in 1 click” buttons, and the product page shows the price per linear metre. A “Send us another company’s quote and save up to 15%” block catches buyers who are already comparing offers, while the online calculator and a “Send a sketch” button let people request a quote even without measurements.
Trust and mobile
A custom wardrobe isn’t an everyday purchase, so the site answers doubts before the call: why prices are lower, whether deadlines are in the contract, whether a 3D design is possible and how prepayment works. Work stages show the path from consultation to assembly, and a free measurer visit removes the last barrier. Every page has its own mobile layout rather than a shrunk desktop.
Summary
The manufacturer got a full React catalogue site: buyers pick a wardrobe with filters, see the price and send a request in one click, on phone or desktop. The component structure lets the team add new models and pages without redesigning anything.
The full home page
Scroll inside the window to see the home page from the first screen to the footer.
Need a catalogue site that sells?
We’ll build a React site for your range: catalogue, filters, calculator, lead forms and tracking — and launch your ads.
