Case study: Mechverses
A machinery catalogue that starts with the buyer’s search
Website for a company trading second-hand machinery for the ceramic industry. We designed and built the front end around finding a machine and asking about it.
- Client
- Mechverses
- Sector
- Industrial machinery for ceramics
- Our role
- Website design and front-end development
- Type
- Catalogue website
Starting point
Written by us from the finished website. It describes the reasoning behind the design, not a client brief or research findings.
Mechverses sells verified second-hand machinery to ceramic manufacturers: polishing lines, kilns and presses. A buyer arrives knowing the type of machine they need and wants to know whether it is in stock and in what condition.
These are high-value purchases agreed by conversation. The website’s job is to show the inventory credibly and get the buyer to make contact, not to take payment.
Delivered scope
- Home with search
- Inventory listing
- Expertise
- About
- Contact
Design decisions
What was chosen, where you can see it, and why it suits this project.
Decision 1
Search is the first thing on the page
The home page leads with one search field whose placeholder names the categories buyers use: polishing, kilns, presses. The navigation is three items and a contact button, so the route to the inventory is never more than one step.
Decision 2
Condition is shown on every machine
Each listing carries a condition label over its photograph, such as Refurbished, Good or Excellent. With used machinery that is the first thing a buyer checks, so it sits where the eye lands rather than inside a description.
Inventory cards show the client’s own photographs with a condition label in the corner of each. Decision 3
An industrial visual hierarchy
Headlines are set in a condensed bold face on dark graphite with a single orange accent. Orange is used for the search button, the contact button and one word in each page title, which keeps the actions easy to find against heavy photography.
The expertise page explains what the company does beyond listing machines: plant solutions, sourcing and installation.
On mobile
The inventory on a phone keeps one machine per row, with its condition label.
Engineering
Design and development were done together in the studio, so the approved design is what went into production rather than an approximation of it.
The site is a React front end. Enquiries go through the contact route; the site does not take orders or payments online.
- React
- Tailwind CSS
What was delivered
- A catalogue website, live at mechverses.in
- A home page built around searching the machinery inventory
- Inventory listings with photographs and condition labels
- Expertise, about and contact pages, on desktop and mobile
These are deliverables. We do not publish traffic, enquiry or revenue figures for client projects unless the client has shared and approved them.
Next project
Medara Labs
Business website for a pharmaceutical marketing and distribution company. We designed and built the front end around its product range, quality standards and enquiries.
Have a similar project?
Tell us about the business and what the website needs to do. You will get the scope, price and timeline in writing.
- 1
You describe the project
A few lines about the business, the audience and what the website or product needs to do.
- 2
We reply within one working day
By email, or WhatsApp if you left a number, with any questions and a suggested time for a discovery call.
- 3
We agree the scope together
Pages, content responsibilities, integrations and anything that needs a separate budget.
- 4
You receive a written quote
Scope, price, payment milestones and timeline in writing. There is no obligation to go ahead.