---
title: "Casestudy A.B.E. Mauritius | Fernando Kylas"
description: "Ik leidde de ontwikkeling van de productwebsite van A.B.E. Mauritius en verbond de bouwmaterialencatalogus met technische downloads."
url: https://fkweb.dev/nl/projecten/abe-mauritius/
lang: nl
alternates:
  en: https://fkweb.dev/en/portfolio/abe-mauritius/
  fr: https://fkweb.dev/fr/realisations/abe-mauritius/
  nl: https://fkweb.dev/nl/projecten/abe-mauritius/
  de: https://fkweb.dev/de/projekte/abe-mauritius/
  x-default: https://fkweb.dev/en/portfolio/abe-mauritius/
---

1.  [Home](https://fkweb.dev/nl/)
2.  [Geselecteerd werk](https://fkweb.dev/nl/projecten/)
3.  A.B.E. Mauritius

# A.B.E. Mauritius

Een praktische technische catalogus voor A.B.E. Mauritius

![Een lachende vrouw in een rode regenjas met capuchon in de regen.](https://fkweb.dev/_astro/project-abe-mauritius.BpCkXBhS_ZiHukV.webp)

Klant

A.B.E. Mauritius

Type website

Productcatalogus

Scope

UX/UI-ontwerp, Website(her)ontwerp

Platform

WordPress, Elementor Pro, JetEngine, JetFilters

Opdracht via

HeadQu4rters

Live website

[abe-mauritius.com](https://abe-mauritius.com/)

Ik leidde de ontwikkeling van de productwebsite van A.B.E. Mauritius en verbond een gestructureerde bouwmaterialencatalogus met technische downloads en toepassingsinformatie.

## Context en opdracht

A.B.E. Mauritius had een website nodig waarmee bouwprofessionals producten en bijbehorende beoordelingsdocumenten konden vinden. De opdracht vroeg om heldere categorieën, toegankelijke technische informatie en een sterkere lokale presentatie van het merk.

De opdracht kwam via HeadQu4rters en werd uitgevoerd door Fourlines Design Studio. Xavier maakte het eerste ontwerp. Ik leidde de ontwikkeling en droeg bij aan de UX-structuur.

## Mijn bijdrage

Ik bouwde de productcatalogus met gestructureerde inhoudsvelden, filters en herbruikbare lay-outs. Producten konden worden ingedeeld op categorie en toepassing, met een consistente presentatie van specificaties en gerelateerde informatie.

Een belangrijk onderdeel was het downloadsysteem. Documenten konden één keer worden geüpload en aan het juiste product gekoppeld. Daarna verschenen ze zowel op de productpagina als in het centrale downloadgedeelte. Daardoor hoefden minder losse kopieën in verschillende secties te worden beheerd.

## Wat is opgeleverd

De website bevatte ook een interactieve woningillustratie met aanklikbare punten die bouwdelen verbonden aan relevante producten en documentatie. Dat bood een tweede ingang tot de catalogus, vanuit de praktische toepassing in plaats van de productnaam.

Het platform verbond productoriëntatie, technische documentatie en inhoudsbeheer. Bezoekers konden op verschillende manieren een oplossing vinden, terwijl de productgegevens en documenten overzichtelijk bleven voor het klantteam.

[Alle projecten](https://fkweb.dev/nl/projecten/)

Volgende stap

## Een project in gedachten? Laten we het bespreken.

Vertel me wat er nu is en wat er moet veranderen. Ik antwoord binnen 2 werkdagen, in het Engels of Frans.

[Start een project](https://fkweb.dev/nl/contact/)Of mail me direct

[thatsme@fernandokylas.com](mailto:thatsme@fernandokylas.com)