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
Ziehen Sie den Regler: links die bisherige WordPress-Startseite, rechts der neue Auftritt.
VorherNachher
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
Smart-Home-Musterhaus – Uhrzeit, Wetter und Temperatur einstellen, die Automatik reagiert in Echtzeit.
Mobil optimiert – eigenes Bildmotiv und Bedienung für das Smartphone.
feroma.de
Startseite – persönlich, mit klarem Weg zur Beratung.
feroma.de/wintergarten
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?
Diese Website verwendet keine Tracking- oder Werbe-Cookies. Gespeichert wird nur, was für den Betrieb nötig ist. Mit Ihrer Einwilligung merke ich mir zusätzlich Ihre Anzeige-Einstellungen und lade auf der Passbild-Seite eine Karte von Google Maps.
Ihre Einwilligung ist freiwillig und kann jederzeit über „Cookie-Einstellungen“ im Fußbereich oder über das Keks-Symbol geändert oder widerrufen werden. Mehr erfahren Sie in der Datenschutzerklärung · Impressum
Einstellungen
Privatsphäre-Einstellungen
Notwendig
Immer aktiv
Diese Speicherungen sind für den Betrieb der Website erforderlich und können nicht abgewählt werden (§ 25 Abs. 2 Nr. 2 TDDDG). Sie dienen nicht der Wiedererkennung über andere Websites.
Details anzeigen
wh-consent
Anbieter: Webdesign Havelberg (diese Website) Zweck: Speichert Ihre Auswahl in diesem Dialog Speicherdauer: 12 Monate, danach wird erneut gefragt Speicherort: Lokaler Speicher Ihres Browsers
wh-seen
Anbieter: Webdesign Havelberg (diese Website) Zweck: Merkt sich, dass die Lade-Animation bereits gezeigt wurde Speicherdauer: Bis zum Schließen des Browsers Speicherort: Sitzungsspeicher Ihres Browsers
wh-a11y (Sitzung)
Anbieter: Webdesign Havelberg (diese Website) Zweck: Hält Ihre Barrierefreiheits-Einstellungen während des Besuchs aktiv Speicherdauer: Bis zum Schließen des Browsers Speicherort: Sitzungsspeicher Ihres Browsers
Komfort
Speichert Ihre Barrierefreiheits-Einstellungen (z. B. Textgröße, Kontrast, Animationen) dauerhaft, damit sie beim nächsten Besuch automatisch aktiv sind.
Details anzeigen
wh-a11y (dauerhaft)
Anbieter: Webdesign Havelberg (diese Website) Zweck: Dauerhafte Speicherung Ihrer Anzeige-Einstellungen Speicherdauer: Bis Sie die Einstellungen zurücksetzen oder den Browserspeicher löschen Speicherort: Lokaler Speicher Ihres Browsers Rechtsgrundlage: Einwilligung (§ 25 Abs. 1 TDDDG, Art. 6 Abs. 1 lit. a DSGVO)
Externe Medien
Erlaubt das Laden der Karte von Google Maps auf der Seite „Biometrische Passbilder“. Dabei werden unter anderem Ihre IP-Adresse und technische Daten an Google übermittelt; Google kann dabei Cookies setzen.
Details anzeigen
Google Maps
Anbieter: Google Ireland Limited, Gordon House, Barrow Street, Dublin 4, Irland Zweck: Anzeige der Karte mit dem Passbild-Standort Speicherdauer: Gemäß Datenschutzerklärung von Google Datenübermittlung: Eine Übermittlung an Google LLC in den USA ist möglich; Google ist nach dem EU-US Data Privacy Framework zertifiziert Rechtsgrundlage: Einwilligung (§ 25 Abs. 1 TDDDG, Art. 6 Abs. 1 lit. a DSGVO) Datenschutz:policies.google.com/privacy
Statistik
Nicht im Einsatz
Auf dieser Website werden keine Analyse- oder Statistikdienste eingesetzt. Ihr Besuch wird nicht ausgewertet.
Marketing
Nicht im Einsatz
Es werden keine Werbe- oder Tracking-Dienste eingesetzt und keine Daten an Werbenetzwerke weitergegeben.