
Eine Website, die Zeit spart
Die Mitarbeitenden des Impact Hub Hamburg haben viel Zeit darauf verwendet, Unternehmen und Einzelpersonen ihre Angebote zu erklären. Weil Kund*innen nicht genau wussten, wie sie einen Coworking-Platz oder eine Mitgliedschaft buchen konnten, hatte der Impact Hub bereits Umsatz verloren.
Ihre neue Website kommuniziert ihre Angebote und beantwortet häufige Fragen – und hilft ihnen so, Zeit zu sparen.
Wir brauchen eine eigene Website!
Der Impact Hub Hamburg ist eine lokale Community und ein Coworking-Space innerhalb des globalen Impact Hub Netzwerkes und arbeitet mit der gemeinnützigen Organisation 105 VIERTEL zusammen.
Vorher hatte der Impact Hub Hamburg keine eigene Website – nur eine Unterseite bei 105 VIERTEL, einen Linktree und verschiedene Social-Media-Profile. Es fehlten ihnen Möglichkeiten:
- ihre Marke zu präsentieren
- ihr vielfältiges Angebot zu kommunizieren
- Fragen von Interessent*innen zu beantworten und ihr Buchungstool zu erklären
Daher verbrachten die Mitarbeitenden viel Zeit damit, immer dieselben Fragen zu beantworten und neuen Interessent*innen die Vorteile einzeln zu erklären.
Dank ihrer neuen Website können sie:
Lass uns über deine Website sprechen!
Wie können wir unseren unterschiedlichen Zielgruppen unsere Angebote vermitteln?
Die Mission des Impact Hub Hamburg ist es, Einzelpersonen aus der Impact-Szene mit etablierten Unternehmen als „Partners in Change“ für eine positive Zukunft zu verbinden. Wir wollten einen Weg finden, den beiden unterschiedlichen Zielgruppen die für sie passenden Angebote zu vermitteln:
- Community-Mitgliedschaften und Coworking-Pakete für Einzelpersonen
- Firmenmitgliedschaften und Beratungsdienstleistungen für Unternehmen
So schafft die neue Website das:
Die Hauptnavigation ist in Unternehmens-Angebot und Community-Angebot unterteilt, jeweils mit den passenden Angeboten. Angebote für beide Zielgruppen erscheinen an beiden Stellen. Auf diese Weise können sich Besucher*innen mit einer Zielgruppe identifizieren und dort alle relevanten Angebote finden.
Die Homepage erklärt die Mission des Impact Hub Hamburg und unterstützt sie visuell durch eine Puzzle-Metapher. Sie verlinkt dann zu den jeweiligen Abschnitten für Einzelpersonen aus der Community und Unternehmen, wo diese mehr über die unterschiedlichen Angebote erfahren können.
Auf den Unterseiten für die verschiedenen Zielgruppen haben wir darauf geachtet, Kundenstimmen aus der jeweiligen Zielgruppe zu zeigen: Die Unternehmensseiten enthalten Erfahrungsberichte lokal bekannter Organisationen, während auf den Community-Seiten echte Community-Mitglieder zu Wort kommen.
Ein visuelles Design, das professionell, nachhaltig und inklusiv ist
Der Impact Hub Hamburg hatte die Möglichkeit, mit einer WordPress-Vorlage des Impact Hub Netzwerkes zu arbeiten, die jedoch zwei Nachteile hat:
- Ihnen gefiel der quirlige und farbenfrohe Stil nicht und sie vermuteten, dass er ihre Professionalität bei Beratungsleistungen gegenüber Unternehmen nicht gut repräsentieren würde.
- Die Vorlage mit riesigen Bildern, Videos und Animationen hat eine miserable Leistung (> 16 Sekunden zum Laden der Homepage impacthub.net). Wir entdeckten auch Barrierefreiheits-Probleme im Designsystem (z.B. geringe Kontrastwerte). Beides war für den Impact Hub Hamburg vor dem Hintergrund ihres Engagements für Nachhaltigkeit und Inklusion inakzeptabel.
Dennoch musste das Design zu den globalen Markenrichtlinien passen.
Diese zunächst widersprüchlich erscheinenden Anforderungen habe ich wie folgt umgesetzt: Die neue Website verwendet hauptsächlich Designelemente aus den globalen Markenrichtlinien wie Logos, Schriftarten und authentische Fotografien diverser Menschen. Sie hält sich an Markenwerte und Markensprache.
Mit einigen wenigen Änderungen innerhalb dieser Vorgaben konnte ich die Ziele des Impact Hub Hamburg erreichen:
Statt der individuellen Formen haben die Bilder nun eine quadratische Form. Größe und Platzierung sind so optimiert, dass sie noch immer visuell hervorstechen, aber gleichzeitig die Leistung nicht beeinträchtigen.
Als Akzentfarbe verwenden wir den Farbton „Deep Blue“ aus den Markenrichtlinien, der Professionalität vermittelt und ausreichend Kontrast bietet. Die anderen Akzentfarben Orange, Grün und Hellblau, die zu Kontrastproblemen führten, werden nicht verwendet.
Da die Markenrichtlinien keinen dunklen Modus für Websites berücksichtigten, habe ich in Anlehnung an die Markenfarben ein dunkles Design erstellt. Es verwendet Schattierungen von „Deep Blue“ als Primärfarbe und setzt türkisfarbene Akzente ein.
Verbesserungen für Leistung, Barrierefreiheit und SEO
Vorher
Die Website von 105 VIERTEL und damit auch die Unterseite des Impact Hub Hamburg wurde mit Wix erstellt. Die Leistungsbewertung war außerordentlich gering, während die Barrierefreiheits- und SEO-Werte gut waren.
Bei genauerem Hinsehen zeigten sich jedoch viele Probleme mit der Barrierefreiheit, die ein automatisiertes Tool nicht erkennen kann.
Außerdem war es mit der einen Unterseite kaum möglich, sinnvoll für verschiedene SEO-Keywords zu ranken.
Nachher
Die neue Seite wird auf einem Mobilgerät in weniger als 3 Sekunden geladen (0,9 Sekunden auf Desktop) und ist leicht zugänglich:
- Das moderne, leichtgewichtige und responsive Design wurde mit leistungsfähigem Code umgesetzt
- Alle Bilder sind jetzt vollständig optimiert und werden in der richtigen Größe bereitgestellt
- Die Seite ist durchgehen barrierefrei
Zusätzlich haben wir die verschiedenen Unterseiten für Dienstleistungen und Zielgruppen für relevante SEO-Keywords optimiert.
CO2 Emissionen um 82% reduziert
Die Mission von Impact Hub Hamburg lautet „Brücken bauen für eine regenerative Zukunft“. Natürlich liegt ihnen Nachhaltigkeit am Herzen und sie möchten Aufmerksamkeit für das Thema schaffen.
Obwohl Bilder immer noch das wichtigste visuelle Element sind, konnte ich die CO2-Emissionen der Homepage im Vergleich zu ihrer vorherigen Wix-Unterseite um 82 % zu reduzieren, indem ich
- Bildformate, -größen und -komprimierung optimierte
- im Hintergrund hocheffizienten Code verwendete.
Wir freuen uns, dass die bildlastige Website immer noch zu den besten 7 % aller analysierten Websites gehört.*
Dies hilft dem Impact Hub Hamburg, sein Engagement für Nachhaltigkeit zu zeigen und das Bewusstsein für das Thema nachhaltiges Internet zu schärfen.
* Alle Daten basieren auf Analysen mit Website Carbon.
Vorher
Emissionen pro Aufruf
Nachher
Emissionen pro Aufruf
Wie meine Websites dein Impact Business nach vorne bringen
Wachsende Marktanteile
Mit einer barrierefreien Website stelle ich sicher, dass du deine komplette Zielgruppe erreichst.
Bessere
SEO-Rankings
Mit nachhaltigem Webdesign verbessere ich Ladezeiten, Benutzerfreundlichkeit und damit SEO-Rankings.
Mehr
Impact
Statt dich um deine Website zu sorgen, nutze deine wertvolle Zeit, um mit deinem Business mehr Impact zu schaffen.
Du möchtest deine Zeit auch lieber in dein Business investieren?
Ich erstelle dir eine Website, die dir eine Menge Arbeit mit Marketing und Vertrieb abnimmt. Lass uns damit beginnen, deine Ziele und passende Strategien für deine Website zu besprechen.
Buche dir einfach einen Termin in meinem Kalender und wir treffen uns zu einem unverbindlichen 30-minütigen Videoanruf.
- Wir lernen uns kennen.
- Wir besprechen deine Ziele für dein Webprojekt.
- Du erhältst eine kostenlose Analyse und Empfehlungen zu deiner Website.
- Du erhältst einen Preisrahmen und einen Zeitplan.
- Du entscheidest, ob wir zusammenarbeiten wollen.
Informationen zur Verarbeitung deiner Daten findest du in meiner Datenschutzerklärung.