Selected Work · Case Study202603 / 03

Maessen Klusjes & Herstellingen

A roofing and repairs site designed for the phone in a homeowner's hand.

UX/UI · Web Design · ResponsiveLocal business

A local trade site built around clarity: plain language, visible work and a direct route to a quote.

Year: 2026
Role: UX/UI Design · Web Design · Responsive Design
Type: Self-initiated concept
Sector: Local business · Roofing and repairs
Region: Kapellen · Antwerp

Summary

A concept site for a roofing and repairs business serving Kapellen and the Antwerp region.

The design answers three questions fast: what they do, where they work and how to reach them.

Cover

01Overview

A trade site that answers before it sells.

The opening immediately states the service, region and two contact routes — built for an urgent, mostly mobile visitor.

02Design approach

Warm neutrals, one dark ground, generous type.

Warm neutrals, a dark ground and generous type create a practical, approachable visual system.

03Services

Named work, not categories.

Services are described in the language customers actually use, with photography showing the work behind them.

Services and realisations

Desktop services section headed Waar wij u mee helpen with three cards, each carrying a photograph of real roofing work and a one-sentence explanation — Services index — named work with photographic evidence

Desktop realisations page with the heading Onze projecten in beeld, links to Facebook and Instagram, and a grid of photographed roofs — Realisations — the work shown as a record, in one consistent frame

04Trust and credibility

Proof placed where doubt appears.

Reviews, values and completed work provide proof exactly where a homeowner needs reassurance.

05Website experience

One route, repeated without noise.

One primary action — request a quote — with phone, messaging and email always within reach.

Contact and conversion

Desktop contact page with a quotation form on the left and a dark direct-contact card listing phone, messaging, email and address beside a map — Quote request — the form beside plainly stated direct contact

06Realisations

The work shown as it is.

Recent projects are presented as a straightforward record, without exaggerated claims or staged before-and-after theatre.

07Responsive experience

Designed on the phone first.

Single-column layouts, generous tap targets and thumb-friendly contact keep the experience practical on mobile.

Responsive experience

Home page opening with location badge, headline, supporting paragraph, a quote button, a green messaging button and a checked list of services — Opening screen, mobile — discipline, region and the two contact routes

Contact form with name, telephone and email fields, a description field for the job, a note about sending photographs and a submit button — Quote form, mobile — only what is needed to price the job

08Final outcome

Local, legible, and easy to trust.

The result introduces the business, shows its work, states its terms and gets out of the way.

Closing statement

Craft communicated through clarity.

A local trade earns work by being findable, legible and easy to contact. The design does nothing more ambitious than that, and nothing less.

UX/UI Design
Web Design
Responsive Design
Content Structure
Local Business Positioning

Studio: i6 Concepts
Scope: UX/UI Design · Web Design · Responsive Design
Documented: 2026 · Self-initiated

Start a Project

Self-initiated concept project, developed independently as a design exploration for a local roofing and repairs business.

End of case study03 / 03 · 2026Back to the archive

Previous project

DigitalX

Entry 02UX/UI · Web Design · E-commerce

Next project

Preloved Fashion Platform

Branding · UX/UI · Web DesignEntry 01