Web design
Case study
UI UX Design
Adrian Nemes
Nemes Minta Kft - Small Business Web Design
Tools Used
Figma
Illustrator
.
Claude Code
Vercel
.
Sanity
2026
A startup CNC workshop needed a website that served as a sort of digital business card, helping it establish itself with clients as a business they want to reach out to.
The Brief
Nemes Minta — Small-Scale CNC Moulds & Die Casting Kft. — is a family-run precision machining workshop in Budapest with 30+ years of experience and no real web presence to match it. The brief: a single-page site that turns decades of manufacturing precision into a clean, trustworthy digital front door, built on a CMS so the shop can keep it updated without touching code.
Design
Hero Section
The hero section of the website had two tasks, to build a trustworthy online presence, as well as provide contact information at a glance.
Benefits
Directly below the hero, three cards break the workshop's offering into the capabilities clients actually search for — CNC machining, precision tolerances and die casting. Leading with capability rather than sales copy lets a technical buyer confirm they're in the right place within seconds of landing.
About
A short about section pairs the credibility claims with a real photo of the workshop, so three decades of experience read as tangible rather than abstract. The copy stays deliberately brief — for this audience, one honest paragraph beside the machines does more work than a page of company history.
Projects carousel
A compact carousel of past work — wooden mould patterns, die-cast components and machined detail shots — gives visitors proof of range without the overhead of a full portfolio page. It autoplays, but yields immediately to touch or scroll and picks back up afterwards, so browsing on a phone never fights the user.
Mission statement & call to action
“Quality cannot be rushed.”
Set just before the second call to action, this strip carries the closest thing the business has to a mission statement. Pairing the brand's core promise directly with the contact button makes it the page's main conversion point, turning a value into an invitation.
Contact
A contact form is paired with direct email, phone, and location details, aimed at small B2B manufacturing clients who'd often rather call than fill out a form.
Branding
Branding leans utilitarian rather than decorative — one typeface, one confident accent colour, and generous whitespace — matching the precision-over-flourish positioning of the business itself.
Colour
A small, high-contrast palette: near-black ink, a single crimson accent for CTAs and eyebrows, and a soft tint for backgrounds.
Roboto across every weight — 400 for body copy, 500–600 for subheadings, and 700 for the hero headline and CTAs. A single, highly legible workhorse typeface keeps the tone technical and no-nonsense, and holds up cleanly at the small sizes the spec-sheet content demands.
The mark pairs the “Nemes” wordmark with a grid of crimson dots that fades across the frame — a nod to a die-cast pattern and the matrix of precise points the workshop machines. It reads as a logo rather than plain set type, while staying restrained enough to sit quietly in the navbar.
Findings & key learnings
- ·Small B2B and manufacturing buyers trust concrete numbers — micron tolerances, years in business — far more than lifestyle marketing language
- ·Leading each section with a capability instead of a pitch let the page stay short; a technical audience wants to self-qualify fast, not be sold to
- ·Building the static HTML/CSS version before any CMS wiring surfaced layout problems early and kept the Sanity structure honest
- ·Point a custom domain at the site and tune metadata for local manufacturing search
- ·Swap in real photography for the remaining carousel slides as the shop documents finished jobs
- ·Add a Hungarian / English toggle, since the workshop serves both local and wider European clients
