Portfolio von Webprojekten und AI-Projekten für Unternehmen in der DACH-Region von Karim Belarbi, Webentwickler und IT-Consultant aus Karlsruhe.

Ausgewählte Websites, AI-Integrationen und digitale Produkte — entwickelt für echte Kunden in Deutschland, Österreich und der Schweiz. Jedes Projekt ist auf die Ziele, Marke und Zielgruppe des Kunden zugeschnitten.

Entdecke das Portfolio mit aktuellen Referenzen wie NEGRA carpet and home, VACAR Anhängervermietung, AILE Artist Management Agentur und Von Albert Real Estate. Alle Projekte beinhalten modernes Design, vollständige SEO-Optimierung und schnelle Performance.

Alle Projekte
Case StudyInterior & Premium-Einzelhandel

Negra

Premium im Showroom, Premium im Netz: Relaunch für Zürichs führendes Haus für Designer-Teppiche.

Branche
Interior & Premium-Einzelhandel
Leistungen
Website-RelaunchUX/UI-DesignDigitaler FunnelSEO & URL-Struktur
Zeitraum
Mai – Juli 2026
Tech-Stack
Next.jsReactTailwind CSSnext-intlZustandFramer Motion
Negra — Interior & Premium-Einzelhandel
01
Context

Die Ausgangslage

NEGRA carpet & home steht seit über 30 Jahren für handgeknüpfte Designer-Teppiche — eines der führenden Häuser der Schweiz, mit Showroom in Zürich und einem Ruf, der auf Beratung und Kuration gebaut ist.

Die Anfrage kam bewusst offen: einmal gemeinsam unter die Haube der bestehenden Website schauen. Kein fertiges Lastenheft, sondern eine ehrliche Analyse — was läuft, was bremst, was fehlt.

02
Challenge

Die Herausforderung

Die Analyse legte mehr offen als kosmetische Schwächen. Rund 40 % der meistbesuchten Seiten waren in Wahrheit die 404-Fehlerseite — ein Symptom einer über Jahre gewachsenen, unsauberen URL-Struktur. Dazu kamen spürbar langsame Ladezeiten und eine Navigation, die Besucher eher verlor als führte.

Die eigentliche Denkaufgabe lag tiefer: NEGRA verkauft keine Massenware, sondern Kuration und Beratung. Ein klassischer Online-Shop hätte die Marke verwässert. Gebraucht wurde ein digitaler Funnel, der Interesse einfängt, ohne das kuratierte Beratungserlebnis zu ersetzen.

03
Process

Lösung & Umsetzung

Vom Audit zur neuen Plattform — in vier Schritten.

  1. 01 · Discovery

    Audit statt Bauchgefühl

    Analytics- und Index-Analyse der Bestandsseite: Woher kommen die 404-Hits, welche Inhalte werden wirklich besucht, wo bricht die Customer Journey ab? Das Ergebnis wurde die Grundlage für alle weiteren Entscheidungen.

    Illustration: Browserfenster mit 404-Fehler und fallender Kurve unter der Lupe, daneben Audit-Notizen
    Illustration — Website-Audit
  2. 02 · Design

    Exklusivität sichtbar machen

    Klares, ruhiges Layout mit viel Raum für die Teppiche selbst: Kollektionsübersicht, Projektgalerie und eine Bildsprache, die den Anspruch des Showrooms ins Digitale übersetzt — zweisprachig in Deutsch und Englisch.

    Illustration: Website mit Designer-Teppich als Hero, Galerie-Thumbnails, Farbfeldern und zwei Sprachen
    Illustration — Premium-Layout
  3. 03 · Entwicklung

    Saubere Struktur, spürbar schneller

    Kompletter Neuaufbau mit sauberer URL-Struktur samt Redirects — Schluss mit 404-Treffern in den Top-Seiten — und deutlich besseren Ladezeiten. Herzstück ist die Merkliste: Besucher sammeln Teppiche beim Stöbern, die Auswahl geht automatisch mit der Beratungsanfrage an NEGRA. So behält das Haus die volle Kontrolle und das kuratierte Beratungsgefühl, der Kunde geht trotzdem einen klaren digitalen Weg.

    Illustration: verworrene Struktur wird zum sauberen Seitenbaum; Teppiche wandern in eine Merkliste und als Anfrage in den Versand
    Illustration — Struktur & Merkliste
  4. 04 · Launch

    Messbar machen

    Die neue Website ist live auf negra.ch. Seit dem Launch wird gegen die Baseline aus dem Audit gemessen: Ladezeiten, organische Sichtbarkeit und die Zahl der Beratungsanfragen über die Merkliste.

    Illustration: Messung nach dem Launch — steigende Kurve über der alten Baseline, Stoppuhr und bestätigte Anfragen
    Illustration — Launch & Messung
04
Stack

Der Tech-Stack

  • Next.js
    Framework & Rendering
  • React
    UI-Komponenten
  • Tailwind CSS
    Styling-System
  • next-intl
    Mehrsprachigkeit (DE/EN)
  • Zustand
    Merkliste (State Management)
  • Framer Motion
    Animationen
05
Results

Das Ergebnis

83 → 96
Site Health (SEMrush-Audit)
1 736 → 0
Fehler im Site-Audit
40 % → 0
404-Treffer in den Top-Seiten

Die neue Website ist live — und der Effekt ist direkt messbar: Im SEMrush-Audit stieg der Site-Health-Score mit dem Relaunch von 83 auf 96 von 100 Punkten, alle 1.736 zuvor gefundenen technischen Fehler sind behoben (Stand Juli 2026). Die Top-Seiten laufen nicht mehr ins Leere — statt 404-Treffern greifen saubere Redirects.

Ladezeiten, organische Sichtbarkeit und die Beratungsanfragen über die Merkliste werden weiter gegen die Audit-Baseline gemessen — diese Zahlen folgen, sobald seit dem Launch genug Daten vorliegen.

06
Voices

Kundenstimme

Karim hat unsere neue Website für Negra in kürzester Zeit umgesetzt — professionell, schnell und genau nach unseren Vorstellungen.
Ramin KhodarahmUnternehmensführung in zweiter Generation, NEGRA carpet & home
07
Gallery

Einblicke

Screenshot: Startseite von negra.ch — Showroom-Foto und Claim „Designer-Teppiche Zürich“
Startseite — negra.ch
Screenshot: Kollektionsübersicht mit den sieben NEGRA-Kollektionen
Kollektionsübersicht
Screenshot: Projektgalerie mit Referenzprojekt „Terrassenhaus am Zürichsee“
Projektgalerie
Screenshot: Beratungsanfrage in drei Schritten — digital oder im Showroom vor Ort
Beratungsanfrage

Ähnliches Projekt geplant?

Lass uns über dein Vorhaben sprechen — unverbindlich, konkret und mit einer klaren Einschätzung, was sich für dich rechnet.