Munnik Brandadvies

The problem

Munnik Brandadvies advises on fire safety in buildings from Kolham, near Groningen, and runs courses for people who work in the field. That means two kinds of visitor: a building owner or architect with a question about a project, and someone looking for a course date. The site had to serve both from the homepage.

Approach

Idee-fix made the concept and the design, and I built it. The homepage opens with the line that everyone has the right to be fire-safe, then splits into advice and news. Below that is a course section: one course in the spotlight with its date, trainer and a sign-up button, and the next courses as cards with their own dates and trainers. The projects page can be filtered by building type: housing, offices, lodging, assembly buildings, industry and healthcare. Each project gets a photo slider, a short text on what Munnik did there, and a details column with the client, the adviser and the type of work. On mobile the filter collapses into one dropdown.

Outcome

Munnik got a site where courses come with dates and names, and projects come with building types and details. The green of the logo, a running figure from an emergency exit sign, comes back in the headings and the footer.

What changed

• Course overview with dates, trainers and a sign-up button.
• Projects filterable by six building types.
• Project pages listing client, adviser and work done.
• Mobile layout with a dropdown filter and a menu behind a button.