Boonstra

The problem

Boonstra is a painting and renovation company from Uithuizen in Groningen. Besides painting they do carpentry, earthquake repair, renovation, glazing and wood rot repair. HardHout made the branding and the concept: a bright yellow, slanted shapes and a brush stroke next to every heading. My job was to get that into the browser without losing the character.

Approach

I built the front-end from HardHout's designs. The homepage header is a slanted yellow panel that lists the six services next to a large photo of a painter at work. The services overview shows each service as a card with a photo and yellow tags for the kind of work, such as listed buildings, dormers or interior walls. Project pages have a title with the brush stroke, the date, the activities as tags, a short story and a small photo gallery, with a link to request a quote on the side. On the overview of satisfied customers each project is a photo card with a yellow title box. The slanted yellow edge comes back at the top of every page, and a dark bar above it keeps the phone number and email in view.

Outcome

Boonstra's site puts the six services up front and shows finished jobs as proof. A quote request is one click away from every project.

What changed

• Six services, each with its own card and tags.
• Project pages with activities, photos and a quote link.
• Slanted yellow header carried through every page.
• Phone number and email in a bar at the top.