Intranet-App · Bern
Ein neues Zuhause für das digitale Zuhause.
Figma gestaltet haben.ahead baut die Intranet-App, die Mitarbeitende über Standorte, Sprachen und Geräte verbindet. Wir haben die Website neu gedacht, in Figma gestaltet, auf 
HubSpot gebaut und von 
Webflow herübergeholt, in Deutsch und Englisch. Mit einem Theme, aus dem das Marketing von ahead jede neue Seite selbst baut.
- 100SEO in Lighthouse, Deutsch und Englisch, Telefon und Desktop
- 2Sprachen, mit Umschalter auf jeder Seite
- 1Theme aus Modulen, mit dem ahead jede Seite selbst baut
- 2025live: Deutsch seit 10. Juli, Englisch seit 9. September
4. April 2023
ahead hat uns nicht gefunden. Wir haben ahead gefunden. Unsere erste Nachricht kam mit einer Analyse ihrer Website. Im Februar 2024 lag unser Web-Audit auf dem Tisch, im März 2024 der Auftrag.
Sechs Schritte. Eine Website, die arbeitet.
- AnalyseWeb-Audit, Suchbegriffe für drei Länder, die Wege echter Besucher2024
- DesignJede Seite in Figma, Desktop und Telefon, Bausteine und Icons2024
- HubSpotEigenes Theme, Datenbanken, Formulare in zwei Sprachen2024 und 2025
- BewegungAnimationen, die erst laden, wenn man sie sieht2024 und 2025
- UmzugVon Webflow auf HubSpot, mit Weiterleitungen für die alten AdressenJuli 2025
- ÜbergabeVideoanleitungen und ein Handbuch für jeden Baustein2024 und 2025
Analyse.
Erst verstehen, wie Besucher die alte Seite wirklich benutzen.
Für Sie Ihre neue Website baut auf dem auf, was Besucher wirklich tun, nicht auf Vermutungen.
So arbeiten wir bei SEOErst zuschauen. Dann zeichnen.
Am Anfang stand unser Web-Audit der alten Seite. Danach haben wir verglichen, wonach Unternehmen in der Schweiz, in Deutschland und in Österreich suchen, wenn sie ein Intranet brauchen. Und wir haben beobachtet, wo Besucher klicken, scrollen und abspringen.
Daraus wurde ein Plan für die neue Seite: was sich zuerst ändern muss, welche Seiten fehlen und welcher Suchbegriff zu welcher Seite gehört.
Design.
Jede Seite gestaltet, bevor eine Zeile Code entsteht.
Für Sie Sie sehen und besprechen jede Seite, bevor sie gebaut wird.
So bauen wir WebsitesDie ganze Website, Seite für Seite.
Gestaltet in Figma, in den Farben und der Schrift der Marke ahead: Startseite, Plattform, Funktionen, Integrationen, Preise mit Rechner, Kundenstories mit Filter, Webinare, Release Notes, Jobs, Unsere Geschichte. Jede Seite auch für das Telefon. Dazu eine Bibliothek von Bausteinen und eigene Icons, damit jede spätere Seite aus denselben Teilen entsteht.
HubSpot.
Gebaut, damit das Marketing von ahead selbst weiterbauen kann.
Für Sie Ihr Marketing baut neue Seiten selbst, ohne auf Entwickler zu warten.
Ein Theme aus Bausteinen. Neue Seiten ohne Entwickler.
Statt fester Seiten ein eigenes Theme, dessen Bausteine ahead selbst zusammensetzt. Was sich oft ändert, liegt in Datenbanken von HubSpot: eine neue Funktion, ein neuer Job oder eine neue Kundenstory ist ein Eintrag, keine neue Seite. Formulare und E-Mails in Deutsch und Englisch laufen direkt ins CRM.
- Funktionen
- Integrationen
- Release Notes
- Jobs
- Kundenstories
- PreiseEin Vergleich der Pakete mit Hinweisen zu jeder Zeile, auf dem Telefon seitlich wischbar
- Mega-MenüErst als klickbarer Prototyp in Figma, mit kleinen Bewegungen beim Zeigen, dann gebaut
- FilterBlog und Release Notes filtern, ohne dass die Seite neu lädt
- WebinareAufzeichnungen hinter einem Formular, Anlässe wandern nach dem Datum von selbst ins Archiv
Bewegung.
Ein Produkt, das man sehen muss, zeigt sich in Bewegung.
Für Sie Besucher sehen Ihr Produkt in Bewegung, ohne dass die Seite dafür langsamer lädt.
Bewegung, die nicht bremst. Und nie springt.
Die Animationen haben wir in Figma gestaltet, Bild für Bild. Das Team von ahead hat sie animiert und für 
Lottie exportiert, und wir haben sie in die Seite gebracht: Sie laden erst, wenn sie ins Bild kommen, starten ohne Sprung und laufen flüssig, auch auf dem Telefon. Dazu kommen Übergänge an Tabs, Karten, Knöpfen und Filtern. Und eine Idee von uns: Die Banner oben auf jeder Seite laufen sanft in Weiss aus.
Startseite: «Frag ahead»
Integrationen
Kommunikation
Plattform: die App für alle
Oben das Storyboard aus Figma, darunter Standbilder aus den Animationen auf aheadintranet.com.
«This is Amazing, you're good to go!»
Der Umzug. Von Webflow auf HubSpot.
Für Sie Alte Adressen führen auch nach dem Wechsel des Systems auf die richtige Seite.
10. Juli 2025: die neue Website ist live, auf Deutsch. Am 9. September 2025 folgt Englisch.
Das Wochenende vor dem Start.
Damit am Donnerstag alles sitzt, hat unser Team das Wochenende davor durchgearbeitet, mit zusätzlichen Leuten. Die alten Adressen bekamen ihre neuen Ziele, die deutschen Adressen wurden kurz und sauber, und die Umstellung lief an einem einzigen Morgen.
- Weiterleitungen von den alten auf die neuen Adressen
- Deutsche Adressen ohne «/de», mit ae, oe und ue statt Umlauten
- Titel und Beschreibungen für jede Seite
- Eine eigene Landingpage für «ahead Intranet App»
Übergabe.
Eine Website, die das Team von ahead selbst führt.
Für Sie Ihr Team pflegt die Website selbst, mit einer Anleitung für jeden Baustein.
Kurze Videos. Eine Anleitung für jeden Baustein.
Seiten anlegen, Blogposts schreiben, Menüs ändern, Webinare eintragen, Preise anpassen, Inhalte übersetzen: für die wichtigsten Aufgaben gibt es ein kurzes Video. Jeder Baustein des Themes hat seine Anleitung, dazu Leitfäden für Bilder, Formulare und Landingpages. Neue Inhalte übersetzt HubSpot Breeze automatisch ins Englische.
- 100Deutsch, Telefon
- 100Deutsch, Desktop
- 100Englisch, Telefon
- 100Englisch, Desktop
«Da wir bis jetzt sehr gute Erfahrungen gemacht haben, kann ich Daniel und sein Team vorbehaltslos empfehlen.»
Pascal GrossniklausGründer und CEO, ahead AG, Bern, Juli 2024
Von der ersten Nachricht bis zur zweiten Sprache.
Erste Nachricht an ahead, mit einer Analyse der Website
Web-Audit und Analyse der Suchbegriffe
Auftrag für die neue Website
Das Design in
Figma steht, Start auf HubSpotDie Website steht in der Vorschau, das Team lernt sie mit Videoanleitungen kennen
Neue Navigation, neue Vorlagen, Inhalte aus der alten Seite
Die neue Website ist live, Deutsch
Englisch ist live
Ihr Produkt ist besser als Ihre Website? Das lässt sich ändern.
Wir bauen Websites für Software, die an Unternehmen verkauft wird: auf HubSpot oder 
WordPress, in mehreren Sprachen, mit sauberem Umzug von der alten Seite und Formularen direkt im CRM. Erzählen Sie uns in zwei Minuten, was Sie vorhaben. Antwort innert 24 Stunden an Werktagen.
ahead hat mit einer Nachricht von uns angefangen. Wie wir Kunden für unsere Kunden finden, steht bei Akquire.
8Weitere Fallstudien
Jedes Projekt ganz erzählt.
Websites, Marken, SEO und Kampagnen für Praxen, Softwarefirmen und Dienstleister. Ein Klick auf ein Logo öffnet die ganze Geschichte.
