Nachhaltige Energieberatung und Planung in Hamburg: Viridis im UX-Check
Energieberatung
Hamburg
Planungsbüro Viridis aus Hamburg: klare Struktur, starke CTAs und hilfreicher Förder-Check
Farbwelt
- #FFFFFF
- #1A1A1A
- #2A9D8F
- #56C2AB
- #E9EEF2
Was macht diese Website besser im web?
Die Website von Viridis zeigt, wie sich modernes Planungs- und Energieberatungs-Know-how überzeugend inszenieren lässt. Ein ruhiges, gut gegliedertes Layout, großzügige Abstände und eine klare typografische Hierarchie führen Besucher intuitiv durch Leistungen wie Energieberatung, Architektur, TGA und Brandschutz. Prominent platzierte Handlungsaufforderungen, eine übersichtliche Hauptnavigation sowie eine gut sichtbare Kontaktoption senken die Hürde zur Anfrage. Besonders gelungen ist der Förder-Check mit Schritt-für-Schritt-Führung und Fortschrittsanzeige: Er holt Nutzer aktiv ab, strukturiert die Bedarfsermittlung und vermittelt zugleich Kompetenz. Standorte und Öffnungszeiten schaffen Transparenz, der Blog signalisiert Aktualität und Beratungsnähe.
Auch mobil wirkt die Seite aufgeräumt: Kartenartige Leistungs-Teaser mit Icons sind schnell erfassbar, Buttons sind klar erkennbar und ausreichend groß, und die Lesbarkeit bleibt durch stimmige Schriftgrößen erhalten. Die visuelle Sprache unterstützt die Orientierung, ohne zu überladen, und die Farbpalette wirkt konsistent und vertrauensbildend. Insgesamt entsteht ein souveräner Ersteindruck, der sowohl Bauherren als auch gewerbliche Auftraggeber anspricht und auf eine professionelle Abwicklung von Planung bis Förderung einzahlt.
Ein Förder-Check in vier Schritten statt eines Kontaktformulars — der Besucher bekommt zuerst etwas, bevor er etwas gibt. 
Jeder Leistungsbereich mit eigenem Foto, Erklärung und Knopf — kein Fachbegriff bleibt unerklärt. 
Dieselbe Struktur für jeden Bereich — wer sich einmal zurechtgefunden hat, findet sich überall wieder.
Feinjustieren lässt sich vor allem die Glaubwürdigkeit über mehr eigene Referenzen, Projektfotos und Prozessdarstellungen. Zudem wirkt die schwebende Kontaktleiste minimal unruhig; dezente Animationen oder kontextabhängiges Einblenden könnten hier die Konzentration auf den Inhalt stärken. Technisch lohnt ein Blick auf Bildkomprimierung und moderne Formate wie WebP oder AVIF, konsistente Alt-Texte sowie strukturierte Daten für Organization, Service und FAQ. So lassen sich Performance, Barrierefreiheit und Sichtbarkeit in der Suche weiter steigern, während die klare Nutzerführung ihre Stärken voll ausspielt.
Bewertung
Besonders positiv:
- Modernes, gut ausbalanciertes Layout mit starker visueller Hierarchie.
- Sehr gut lesbare Typografie und klare, präsente Handlungsaufforderungen.
- Hilfreicher Förder-Check mit Schrittanzeige, der den Einstieg erleichtert.
- Übersichtliche Leistungsdarstellung und stimmige mobile Umsetzung.
- Transparenz durch Standorte, Öffnungszeiten und inhaltlichen Blog.
Verbesserungsvorschläge:
- Bildwelt punktuell ersetzen: mehr eigene Projekt- und Teamfotos statt Stock-Motive.
- Schwebende Kontaktleiste beruhigen oder kontextsensitiv einblenden, besonders mobil.
- Content vertiefen: Referenzen, Ablauf der Beratung, FAQs und detaillierte Leistungsseiten.
- Technik & SEO: Bilder komprimieren und in WebP/AVIF ausspielen, Alt-Texte und strukturierte Daten ergänzen.
Frag uns automatische Auskunft
Der Berater:
Moin! Besser im Web prüft Unternehmenswebsites.
Frag mich, wie wir messen — oder wer in deiner Branche vorn liegt.