aumann eco —
ein Auftritt, der
Vertrauen schafft.
Für das Kölner Ingenieurbüro haben wir aus jahrelanger Fachexpertise einen digitalen Auftritt gemacht, der genauso präzise wirkt wie die Arbeit dahinter — ein digitales Design-System, eine mehrseitige Website und ein klarer Weg zur Anfrage.
Starke Arbeit vor Ort —
aber online unter Wert verkauft.
aumann eco ist ein etabliertes Ingenieurbüro für Bauphysik und Energieberatung in Köln: eigene Messtechnik, staatlich anerkannte Sachverständigen-Qualifikation, ehrliche Beratung ohne Provisionen. Was fehlte, war ein digitaler Auftritt, der dieser Qualität gerecht wird — eine Website, die Vertrauen schafft und Interessenten nicht nur informiert, sondern in echte Erstgespräche überführt.
Von der Strategie bis zur fertigen Seite — alles aus einer Hand.
Das Corporate Design brachte der Kunde mit. Darauf aufbauend haben wir Strategie, digitales Design-System und Entwicklung als ein durchgängiges System umgesetzt: ein Auftritt, der von der ersten Sekunde Kompetenz ausstrahlt und Besucher gezielt zur Anfrage führt.
Strategie & Messaging
Bevor die erste Seite entstand, haben wir die Grundlage gelegt: Keyword-Strategie, Seitenarchitektur und vier Personas — damit jede Seite auf echte Suchintention und die richtigen Zielgruppen einzahlt.
- Keyword-Strategie
- Seitenarchitektur
- Personas
Digitales Design-System
Das bestehende Corporate Design — Logo, Korallrot, Farbwelt — haben wir in ein durchgängiges digitales Design-System übersetzt: Farbtokens, Volte-Typografie, wiederverwendbare Komponenten und Bewegtbild-Heroes.
- Design-Tokens
- Komponenten
- Bewegtbild
Webdesign & Conversion
Jede Seite ist auf ein Ziel gebaut: das kostenlose Erstgespräch. Klare Leistungsstruktur, transparente Festpreise und eine Vier-Schritte-Logik — als mehrseitige Website unserer Webdesign-Agentur aus Stuttgart auf Basis des Design-Systems.
- Erstgespräch-Funnel
- Festpreis-Logik
- Screendesign
Webentwicklung & SEO
Eine mehrseitige Website, performant und vollständig responsiv umgesetzt — mit sauberer Seitenarchitektur und lokalem SEO-Grundgerüst für Köln und das Rheinland, umgesetzt von unserer SEO-Agentur aus Stuttgart.
- Responsive Build
- Seitenarchitektur
- Lokale Sichtbarkeit
Gefunden werden —
von Anfang an.
Noch vor der ersten Zeile Text stand die Keyword-Recherche: 49 relevante Suchbegriffe mit über 30.000 monatlichen Suchanfragen, analysiert mit Semrush. Daraus haben wir die Seitenarchitektur abgeleitet und jede Seite gezielt auf eine Suchintention gebaut — mit klarem Fokus auf lokale Sichtbarkeit in Köln und im Rheinland.
| Keyword | Vol./Mo. | KD | Ziel-Seite |
|---|---|---|---|
| Energieberater Köln | 390 | 21 | Startseite |
| Blower Door Test Kosten | 590 | 6 | Blower Door |
| iSFP Sanierungsfahrplan | 210 | 30 | Sanierungsfahrplan |
| QNG Zertifizierung | 1.900 | 23 | Neubau / Blog |
| Energieausweis erstellen | 9.900 | 31 | Blog + Service |
Auf jeder Seite umgesetzt
- Seitenarchitektur nach Suchintention
- Meta-Titel & Descriptions pro Seite
- Saubere interne Verlinkung
- Lokale Signale für Köln & Rheinland
- Technische OnPage-Basis
Heroes, die leben —
statt statischer Bilder.
Jede Schlüsselseite öffnet mit einer eigens gestalteten Bewegtbild-Sequenz. Das gibt einem Ingenieurbüro die digitale Anmutung, die man sonst nur von großen Marken kennt — und hält Besucher länger auf der Seite.
Mehr als ein Hero —
jede Sektion mit eigener Aufgabe.
Von der Leistungsübersicht über den Vier-Schritte-Funnel bis zur dunklen Förder-Sektion mit animiertem Zuschuss-Ring: Jede Sektion ist eigens gestaltet und auf ein konkretes Ziel gebaut — informieren, Vertrauen schaffen, zur Anfrage führen.
Zahlen, die sich aufbauen —
Animation, die den Nutzen fühlbar macht.
Wir gestalten nicht nur schöne Sektionen, sondern bewegte. Die Radial-Gauges füllen sich auf −68 %, −84 %, −73 % und −93 %, die Kennwerte zählen hoch, die Ersparnis-Balken laufen an — Micro-Animationen, die den Effekt einer Sanierung sofort erfahrbar machen, statt eines statischen Balkendiagramms.
Von Hero bis Footer —
jede Sektion erzählt mit.
Die Startseite führt in einem ruhigen Rhythmus durch Leistungen, Ablauf, Differenzierung und Förderung — jede Sektion ist eigens gestaltet und nahtlos auf das nächste Argument abgestimmt — ein durchgehender Sog vom ersten Eindruck bis zur Anfrage.
- Vier Kernleistungen, sofort erfassbar präsentiert
- Vier-Schritte-Ablauf, der Vertrauen aufbaut
- Mobil-optimiert bis ins kleinste Detail
Aus dem Corporate Design —
ein digitales System gemacht.
Logo, Farbwelt und Bildsprache brachte der Kunde mit. Unsere Aufgabe: daraus ein durchgängiges digitales Design-System bauen. Warmes Off-White, das lebendige Korallrot als Signalfarbe, Lindgrün und Petrol als Akzente — übersetzt in Typografie, Komponenten und Bewegtbild.
Eine geometrische Grotesk als durchgängige Hausschrift — kraftvoll in den Headlines, ruhig im Fließtext. Ein Schriftbild, das Klarheit und Ingenieur-Präzision transportiert.
Ein Auftritt, der heute genauso überzeugt wie die Beratung.
Am Ende stand ein vollständiger digitaler Auftritt: ein durchgängig gestaltetes Design-System, eine mehrseitige Website mit Bewegtbild-Heroes und ein klarer Weg vom Besuch zur Anfrage — die Grundlage für nachhaltiges Wachstum mit unserer Online-Marketing-Agentur aus Stuttgart. Ein Auftritt, der die Kompetenz des Büros endlich auch online sichtbar macht, und in dem der Kunde sich selbst gern wiederfindet. Und das Projekt geht weiter: Wir erweitern die Website laufend um neue Seiten und begleiten aumann eco mit fortlaufender SEO-Betreuung für mehr Sichtbarkeit in Köln und im Rheinland.
- Durchgängiges digitales Design statt Baukasten-Optik
- Mehrseitige, konversionsorientierte Website
- Positives Feedback aus dem Umfeld des Kunden
Ich bin total geflasht, wie schnell es voran geht und wie gut die Ergebnisse sind. Hab sehr positives Feedback im Umkreis und von der Designerin bekommen und freu mich sehr, mich da durchzuklicken.
