---
title: "Fallstudie A.B.E. Mauritius | Fernando Kylas"
description: "Ich leitete die Entwicklung der Produktwebsite von A.B.E. Mauritius und verband den Baustoffkatalog mit technischen Downloads."
url: https://fkweb.dev/de/projekte/abe-mauritius/
lang: de
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.  [Startseite](https://fkweb.dev/de/)
2.  [Ausgewählte Arbeiten](https://fkweb.dev/de/projekte/)
3.  A.B.E. Mauritius

# A.B.E. Mauritius

Ein praktischer technischer Katalog für A.B.E. Mauritius

![Eine lächelnde Frau in einer roten Regenjacke mit Kapuze im Regen.](https://fkweb.dev/_astro/project-abe-mauritius.BpCkXBhS_ZiHukV.webp)

Kunde

A.B.E. Mauritius

Website-Typ

Produktkatalog

Umfang

UX/UI-Design, Website-(Re-)Design

Plattform

WordPress, Elementor Pro, JetEngine, JetFilters

Beauftragt über

HeadQu4rters

Live-Website

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

Ich leitete die Entwicklung der Produktwebsite von A.B.E. Mauritius und verband einen strukturierten Baustoffkatalog mit technischen Downloads und Anwendungshinweisen.

## Kontext und Auftrag

A.B.E. Mauritius brauchte eine Website, auf der Baufachleute Produkte und die zu ihrer Beurteilung erforderlichen Unterlagen finden konnten. Der Auftrag verlangte klare Kategorien, zugängliche technische Informationen und eine stärkere lokale Markenpräsentation.

Das Projekt kam über HeadQu4rters und wurde durch Fourlines Design Studio umgesetzt. Xavier erstellte die erste Gestaltung. Ich leitete die Entwicklung und wirkte an der UX-Struktur mit.

## Mein Beitrag

Ich entwickelte den Produktkatalog mit strukturierten Inhaltsfeldern, Filtern und wiederverwendbaren Layouts. Produkte ließen sich nach Kategorie und Anwendung ordnen; Spezifikationen und zugehörige Angaben wurden einheitlich dargestellt.

Ein wesentlicher Teil der Arbeit war das Downloadsystem. Dokumente konnten einmal hochgeladen und dem jeweiligen Produkt zugeordnet werden. Anschließend erschienen sie sowohl auf der Produktseite als auch im zentralen Downloadbereich. Separate Kopien in verschiedenen Bereichen mussten dadurch seltener verwaltet werden.

## Die umgesetzte Lösung

Die Website enthielt außerdem eine interaktive Hausdarstellung. Anklickbare Punkte verknüpften Gebäudebereiche mit passenden Produkten und Unterlagen. Das eröffnete einen zweiten Zugang zum Katalog, ausgehend von der konkreten Anwendung statt vom Produktnamen.

Die Plattform verband Produktsuche, technische Unterlagen und Inhaltsverwaltung. Besucher konnten auf unterschiedlichen Wegen eine Lösung finden, während Produktdatensätze und Dokumente für das Kundenteam geordnet blieben.

[Alle Projekte](https://fkweb.dev/de/projekte/)

Nächster Schritt

## Sie haben ein Projekt im Kopf? Lassen Sie uns darüber sprechen.

Erzählen Sie mir, was es heute gibt und was sich ändern soll. Ich antworte innerhalb von 2 Werktagen, auf Englisch oder Französisch.

[Projekt starten](https://fkweb.dev/de/kontakt/)Oder schreiben Sie mir direkt

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