Webdesign Havelberg by Nico Heller
Pilotprojekt · Website-Relaunch 2026

Fe-Ro-Ma Havelberg

Wie aus einer klassischen WordPress-Seite ein schneller, interaktiver und datenschutzfreundlicher Auftritt für ein Havelberger Familienunternehmen wurde – geplant, gestaltet und programmiert von Nico Heller.

KundeFe-Ro-Ma HavelbergFamilienunternehmen seit 1993 · Wintergärten, Fenster, Türen, Sonnenschutz
Meine RolleKonzept, Design & EntwicklungStruktur, Texte, Bildbearbeitung, Programmierung, SEO, Livegang
TechnikIndividuell programmiertOhne Baukasten, ohne Page-Builder, ohne Tracking
StatusOnline seit 2026feroma.de ansehen ↗
Vorher / Nachher

Der Unterschied auf einen Blick.

Ziehen Sie den Regler: links die bisherige WordPress-Startseite, rechts der neue Auftritt.

Neue Startseite von Fe-Ro-Ma Havelberg mit Foto der Inhaber und Beratungsbox
Bisherige WordPress-Startseite von Fe-Ro-Ma Havelberg
Vorher Nachher
Ausgangslage

Gute Produkte, zu wenig Bühne.

Fe-Ro-Ma steht seit über 30 Jahren für hochwertige Bauelemente aus Havelberg. Die bisherige Website basierte auf WordPress mit Page-Builder und zahlreichen Plugins.

Sie war solide, vermittelte aber kaum, was das Unternehmen besonders macht: ein eigenes Montageteam, persönliche Beratung und eine große Ausstellung vor Ort. Komplexe Produkte wie Wintergärten oder smarte Antriebe wurden nur mit Text und Einzelbildern erklärt.

Ziele
  • Mehr qualifizierte Beratungsanfragen – klare Wege zum Termin auf jeder Seite.
  • Produkte erlebbar machen – erklären statt nur aufzählen.
  • Corporate Identity bewahren – Logo, Farben und Wiedererkennung bleiben.
  • Keine Rankings verlieren – alle bisherigen Adressen bleiben erhalten.
  • Schnell, sicher, datenschutzfreundlich – ohne Tracking und ohne Plugin-Abhängigkeiten.
Umsetzung

Was ich konkret umgesetzt habe.

Vom ersten Konzept bis zum Livegang – alles aus einer Hand.

01

Konzept & Struktur

Neue Informationsarchitektur mit neun Produktbereichen in einheitlichem Aufbau: Kurzfakten, interaktives Erklärbild, Praxisbeispiele und Beratung. Alle bisherigen Adressen wurden 1:1 übernommen, dazu kamen die neuen Seiten „Smart Home“ und „Nachhaltigkeit“.

02

Design in der CI

Die Farbwelt wurde direkt aus dem Logo abgeleitet: Sand-Beige, Anthrazit und ein edler Bronze-Akzent. Alle Farbkombinationen sind auf gute Lesbarkeit geprüft. Das Foto der Inhaber wurde retuschiert und als großflächiges Startbild inszeniert – Gesichter schaffen Vertrauen.

03

Smart-Home-Musterhaus

Herzstück des Relaunchs: ein interaktives Musterhaus auf Basis echter Fotos. Besucher stellen Uhrzeit, Wetter und Temperatur ein – Rollläden, Raffstoren, Markisen, Garagentor und Licht reagieren live, inklusive Regen, Gewitter und Wind-Sicherheitsautomatik.

04

Interaktive Produktwelten

Hotspot-Erklärbilder zeigen, worauf es bei Wintergarten, Fenster oder Garagentor ankommt. Dazu ein Farbwähler mit Herstellerfarben, ein Diagramm zur Wärmedämmung von Fenstern, ein Produktfinder nach Wunsch und Beispielgalerien mit Vollbildansicht.

05

Performance & Technik

Die Website ist individuell programmiert und wird als schlanke, statische Seite ausgeliefert – ohne Datenbank und ohne Plugins. Über 220 Bilder wurden ins moderne WebP-Format optimiert, Schriften liegen auf dem eigenen Server, Sicherheits-Header schützen vor Fremdinhalten.

06

Datenschutz & Recht

Keine Tracking- oder Werbe-Cookies. Ein ehrlicher Einwilligungsdialog listet nur, was wirklich eingesetzt wird; die Karte lädt erst nach Zustimmung. Die Nachhaltigkeitstexte wurden an die neue EU-Richtlinie gegen pauschale Umweltwerbung angepasst.

07

Barrierearm

Ein Bedienfeld für Barrierefreiheit erlaubt größere Schrift, höheren Kontrast, eine besser lesbare Schrift, hervorgehobene Links und einen großen Mauszeiger. Animationen lassen sich abschalten und werden bei entsprechender Systemeinstellung automatisch reduziert.

08

SEO & Sichtbarkeit

Suchmaschinenoptimierte Titel und Beschreibungen für jede Seite, strukturierte Daten für Unternehmen, Leistungen und häufige Fragen, XML-Sitemap und saubere Weiterleitungen. Ein eigenes Prüfwerkzeug kontrolliert vor jeder Veröffentlichung Links, Bilder und Metadaten.

09

Anfragen & Kontakt

Beratungstermine lassen sich von jeder Seite aus anfragen. Ein eigenes Kontaktformular mit Spam-Schutz ohne Captcha, Bürozeiten im Kopfbereich und Telefon mit einem Fingertipp auf dem Smartphone senken die Hürde für den ersten Kontakt.

0
Seiten neu konzipiert
0
Bilder optimiert (WebP)
0
Tracking-Cookies
0
alte Adressen erhalten
Einblicke

Ausgewählte Ansichten.

feroma.de/smart-home
Interaktives Smart-Home-Musterhaus mit Fernbedienung für Uhrzeit, Wetter, Szenen und Geräte
Smart-Home-Musterhaus – Uhrzeit, Wetter und Temperatur einstellen, die Automatik reagiert in Echtzeit.
Mobile Ansicht der Fe-Ro-Ma Startseite
Mobil optimiert – eigenes Bildmotiv und Bedienung für das Smartphone.
feroma.de
Startseite Fe-Ro-Ma mit Inhabern und Beratungsangebot
Startseite – persönlich, mit klarem Weg zur Beratung.
feroma.de/wintergarten
Produktseite Wintergarten mit großem Stimmungsbild
Produktseiten – großformatige Bildwelten und konsistenter Aufbau.
Ergebnis

Ein Auftritt, der Produkte erlebbar macht.

Fe-Ro-Ma ist das Pilotprojekt für meine neue Generation von Websites: individuell programmiert, interaktiv, schnell und datenschutzfreundlich. Sie möchten so etwas auch für Ihr Unternehmen?