Kunde:

Bollmann Bauen & Wohnen GmbH
Bauträger – Projektentwicklung und Bestandsimmobilien

Projektabschluss

1. September 2022

Disziplin

UX & UI Design
Screen- & Webdesign, Technische Umsetzung

Verwendete Software

Verwendete Hardware

UX & UI Design für
Bollmann Bauen & Wohnen GmbH
Bauträger – Projektentwicklung und Bestandsimmobilien
Screen- & Webdesign, SEO, Website, Core Web Vitals, WCAG, Barrierefreiheit, Webdesign, design,

Hierzu: Ausschnitt einer Projektseite auf der Website.

Bericht über die Entwicklung der Onlinepräsenz der Bollmann Gruppe.

Die Entwicklung

Der Auftrag

Für die Bollmann Gruppe habe ich den kompletten Webauftritt konzipiert, gestaltet und technisch umgesetzt.
Die Website soll das Unternehmen als kompetenten Partner für Immobilienprojekte präsentieren und gleichzeitig als zentrale Plattform für alle Projekte dienen.
Statt einzelne Projekt-Landingpages auf externe Subdomains auszulagern, wurden die Projektseiten direkt in die Hauptseite integriert. Dadurch profitieren alle Projekte von der bestehenden Domain-Autorität, von einer starken internen Verlinkung und von einer klaren inhaltlichen Struktur.

Hierzu: Startseite der Bollmann Gruppe mit einem großflächigen Opener-Slider.

Die Seite folgt meinen ONIX DESIGN Standards: professionelles Corporate Design, moderne Technik und ein Aufbau, der WCAG-, DSGVO-, SEO- und Core-Web-Vitals-Anforderungen gerecht wird.

Bereiche der Entwicklung

Die Entwicklung umfasste drei Schwerpunkte: Markenauftritt, Informationsarchitektur und Technik/Performance.

  1. Markenauftritt und Screendesign

  • Umsetzung des bestehenden Corporate Designs der Bollmann Gruppe in ein zeitgemäßes Screendesign.

  • Klare Typografie, großzügige Weißräume und eine Bildsprache, die die Qualität der Immobilienprojekte sichtbar macht.

  • Entwicklung eines wiedererkennbaren Projektlayouts, das sich für alle Vorhaben adaptieren lässt (z. B. Kantorie, Reihenhäuser, Mehrfamilienhäuser).

  • Einsatz von aktuellen Medienformaten wie Visualisierungen, Hybridbildern und interaktiven Inhalten, ohne die Seite zu überladen.

Hierzu: Überblick über die Projekte der Bollmann Gruppe.
  1. Struktur und Projektseiten

  • Aufbau einer übersichtlichen Informationsarchitektur: Unternehmen, Leistungen und Projekte greifen logisch ineinander.

  • Die Projektseiten sind nicht nur Anhängsel, sondern vollwertige Landingpages innerhalb der Hauptseite.
    Dadurch:

    • bessere SEO-Wirkung pro Projekt,

    • eine klare User Journey von der Übersicht bis zum einzelnen Objekt,

    • und eine einfache Erweiterbarkeit für zukünftige Projekte.

  • Einheitliche Module, z. B. für Projektsteckbriefe, Lage, Visualisierungen und Ansprechpartner. So wirkt die Seite aus einem Guss und bleibt dennoch flexibel.

Folglich: Titel der Projektseite/ Landingpage des Projekts Kantorie.
Folgend: Immobilienauswahl innerhalb einer Projektseite.
  1. Technik, Performance und Compliance

  • Umsetzung mit Fokus auf Responsivität, sauberem HTML, strukturierter Auszeichnung und Core-Web-Vitals.

  • Integration eines DSGVO-konformen Cookie- und Consent-Managements sowie rechtskonformer Einbindungen externer Dienste.

  • Technische Maßnahmen für SEO: klare Überschriftenstruktur, sprechende URLs, Meta-Daten, strukturierte Inhalte und saubere interne Verlinkung.

  • Performance-Optimierungen wie Lazy Loading, Bildoptimierung und Caching, ohne das Design zu reduzieren.

Die aktuell gemessene Performance liegt bei etwa 78 Punkten im Leistungs-Score, während Barrierefreiheit, Best Practices und SEO im grünen Bereich liegen.
Dieser Wert ist bewusst gewählt:

  • Eine radikale Reduktion von Effekten, Bildern und Komfortfunktionen würde den Score weiter erhöhen.

  • Gleichzeitig würde die Seite aber an Ausdruck, Markenwirkung und Emotionalität verlieren.

Abschluss

Die Website der Bollmann Gruppe zeigt, wie sich professionelles Corporate Design und technisch saubere Umsetzung zu einem stimmigen Gesamtbild verbinden lassen.

Die Seite erfüllt WCAG-, DSGVO-, SEO- und Core-Web-Vitals-Anforderungen und bietet dennoch ein eigenständiges, hochwertiges Screendesign.
Die integrierten Projektseiten sorgen für starke Sichtbarkeit einzelner Vorhaben, ohne die Website in viele Insellösungen zu zerteilen.

So entsteht ein ausgewogenes Ergebnis:
eine Website, die nicht nur auf Scores optimiert ist, sondern als Gesamtpaket überzeugt – inhaltlich, technisch und gestalterisch.

Auch interessant:

Mehr entdecken:

Screen- & Webdesign, SEO, Website, Core Web Vitals, WCAG, Barrierefreiheit, Webdesign, design,
Visualisierung Grafiken Illustration Bildbearbeitung
Bollmann Bauen & Wohnen GmbH
Medien für die Vermarktung
Visualisierung von Grafiken, 3D Visualisierung, UI-Design, UX-Design, Digital Art, Retouching, Stills, Drohnen-Aufnahmen, Ambiente-Fotografie, Screen- & Webdesign, Technische Umsetzung, Webmodule
Logotypen Erläuterung; Wort-Bild-Marke, Wortmarke, Bildmarke, Lettermark, Letterform, Maskottchen, Abstrakt, Emblem und dynamisches Zeichen.
GT Plus GmbH
Corporate Design
Farbschema
Visualisierung Grafiken Illustration Bildbearbeitung
Bollmann Bauen & Wohnen GmbH
Medien für die Vermarktung
Visualisierung von Grafiken, 3D Visualisierung, Digital Art, Stills
Visualisierung Grafiken Illustration Bildbearbeitung
Bollmann Bauen & Wohnen GmbH
Kommunikationsdesign
Druckvorstufe, Akzidenz
Screen- & Webdesign, SEO, Website, Core Web Vitals, WCAG, Barrierefreiheit, Webdesign, design,
Visualisierung Grafiken Illustration Bildbearbeitung
Lavida Wohnen 4. Verwaltungs GmbH
Medien für die Vermarktung
Visualisierung von Grafiken, 3D Visualisierung, UI-Design, UX-Design, Digital Art, Retouching, Stills, Drohnen-Aufnahmen, Ambiente-Fotografie, Screen- & Webdesign, Technische Umsetzung, Webmodule
Visualisierung Grafiken Illustration Bildbearbeitung
Bollmann Bauen & Wohnen GmbH
Medien für die Vermarktung
Visualisierung von Grafiken, 3D Visualisierung, Digital Art, Stills
Visualisierung Grafiken Illustration Bildbearbeitung
Bollmann Bauen & Wohnen GmbH
Kommunikationsdesign, Bild & Ton
Motion Design
Visualisierung Grafiken Illustration Bildbearbeitung
Bollmann Bauen & Wohnen GmbH
Visualisierung
Visualisierung von Grafiken, 3D Visualisierung, Digital Art, Stills
Visualisierung Grafiken Illustration Bildbearbeitung
Bollmann Bauen & Wohnen GmbH
Visualisierung
Visualisierung von Grafiken, Digital Art, Retouching, Stills, Ambiente-Fotografie
Visualisierung Grafiken Illustration Bildbearbeitung
Bollmann Bauen & Wohnen GmbH
Medien für die Vermarktung
Visualisierung von Grafiken, 3D Visualisierung, Digital Art, Stills
Corporate Design Onix Design - Blog; Björn Grun - Grafikdesigner, Corporate Design, Illustration, Software, Hardware, Eigene Projekte
Screen- & Webdesign, SEO, Website, Core Web Vitals, WCAG, Barrierefreiheit, Webdesign, design,
KreativBox - Fotobox Gesamtgestaltung - KreativBox - Fotobox
Silver Eventagentur
Gesamt- Gestaltung ohne C.D.
Einfache Gesamtgestaltung, UI-Design, UX-Design, Digital Art, Retouching, Screen- & Webdesign, Technische Umsetzung
Screen- & Webdesign, SEO, Website, Core Web Vitals, WCAG, Barrierefreiheit, Webdesign, design,
Bollmann-Ten Brinke Projektentwicklung GmbH
UX & UI Design, Gesamt- Gestaltung ohne C.D.
Screen- & Webdesign, Technische Umsetzung
Visualisierung Grafiken Illustration Bildbearbeitung
Logotypen Erläuterung; Wort-Bild-Marke, Wortmarke, Bildmarke, Lettermark, Letterform, Maskottchen, Abstrakt, Emblem und dynamisches Zeichen.
GT Plus GmbH
Kommunikationsdesign
Druckvorstufe, Akzidenz, Visualisierung von Grafiken, 3D Visualisierung, Digital Art
Visualisierung Grafiken Illustration Bildbearbeitung
Logotypen Erläuterung; Wort-Bild-Marke, Wortmarke, Bildmarke, Lettermark, Letterform, Maskottchen, Abstrakt, Emblem und dynamisches Zeichen.
GT Plus GmbH
Kommunikationsdesign
Druckvorstufe, Visualisierung von Grafiken
Screen- & Webdesign, SEO, Website, Core Web Vitals, WCAG, Barrierefreiheit, Webdesign, design,
Visualisierung Grafiken Illustration Bildbearbeitung
Bollmann Bauen & Wohnen GmbH
Medien für die Vermarktung
Visualisierung von Grafiken, 3D Visualisierung, Digital Art, Stills
Visualisierung Grafiken Illustration Bildbearbeitung
Bollmann Bauen & Wohnen GmbH
Medien für die Vermarktung
Visualisierung von Grafiken, 3D Visualisierung, Digital Art, Stills
Screen- & Webdesign, SEO, Website, Core Web Vitals, WCAG, Barrierefreiheit, Webdesign, design,
Logotypen Erläuterung; Wort-Bild-Marke, Wortmarke, Bildmarke, Lettermark, Letterform, Maskottchen, Abstrakt, Emblem und dynamisches Zeichen.
GT Plus GmbH
UX & UI Design
UI-Design, UX-Design, Screen- & Webdesign
Visualisierung Grafiken Illustration Bildbearbeitung
Bollmann Bauen & Wohnen GmbH
Medien für die Vermarktung
Visualisierung von Grafiken, 3D Visualisierung, Digital Art, Stills

Leistungen:

Mitglied des Allianz deutscher Designer e.V. (Alliance of German Designers, AGD) & der VG Bild & Kunst