Zum Hauptinhalt springenZum Hauptinhalt springen
idataweb
WEB DESIGN / SEITENMUSTER

Über-uns-Seiten, die Vertrauen aufbauen und Ihre Geschichte erzählen

Die Über-uns-Seite ist die zweitmeist besuchte Seite auf den meisten Websites — aber meist die am meisten vernachlässigte. Wir gestalten Über-uns-Seiten, die Ihre Unternehmensgeschichte, Team, Mission und Werte in eine überzeugende Erzählung verwandeln. Scroll-gesteuertes Storytelling, animierte Timelines und Team-Bereiche, die Ihre Marke vermenschlichen.

Unsere Arbeit ansehen
#2
Meistbesuchte Seite auf den meisten Websites
52%
Der Besucher prüfen zuerst "Über uns"
65%
Fühlen emotionale Verbindung durch Entstehungsgeschichten
5x
Mehr Vertrauen mit echten Team-Fotos vs. Stock

ÜBER-UNS-BEREICHE

6 Über-uns-Komponenten, die wir gestalten

1

Entstehungsgeschichte / Markennarrativ

Vollbreites Scroll-Narrativ, das die Gründungsgeschichte erzählt. Reiche Typografie, randlose Bilder, Zitat-Hervorhebungen.

Ideal für: Unternehmen mit überzeugender Gründungsgeschichte oder einzigartiger Mission.
Wichtiges Detail: Scroll-gesteuertes Storytelling mit Meilenstein-Markern. Das Narrativ IST das Design.
2

Team-Raster

Karten mit Fotos, Namen, Positionen und optionalen Biografien oder Social-Links. Einheitliche Foto-Behandlung durchgehend.

Ideal für: Jede Über-uns-Seite. Menschen verbinden sich mit Menschen, nicht mit Logos.
Wichtiges Detail: Gleicher Hintergrund, gleiche Beleuchtung, gleicher Schnitt für alle Fotos. Hover zeigt zusätzliche Info.
3

Interaktive Timeline

Unternehmensmeilensteine entlang einer vertikalen oder horizontalen Achse. Jahres-Marker, Beschreibungen und Bilder.

Ideal für: Etablierte Unternehmen mit bedeutenden Meilensteinen. Produktentwicklungs-Seiten.
Wichtiges Detail: Scroll-ausgelöstes progressives Reveal. SVG Linien-Animation verbindet Meilensteine.
4

Mission / Werte-Bereich

Statement-Karten mit 3-5 Kernwerten. Icons oder Illustrationen pro Wert mit kurzen Beschreibungen.

Ideal für: Zweckorientierte Unternehmen. Recruiting-Seiten. B-Corp und nachhaltige Marken.
Wichtiges Detail: Jeder Wert verbindet sich mit einer spezifischen Handlung oder Ergebnis, nicht nur einem abstrakten Konzept.
5

Statistiken & Erfolge Zähler

Animierte Zahlen: Jahre im Geschäft, abgeschlossene Projekte, Team-Größe, bediente Länder. CountUp beim Scrollen.

Ideal für: Jede Über-uns-Seite. Schneller Glaubwürdigkeits-Aufbau zwischen Narrativ-Bereichen.
Wichtiges Detail: GSAP + CountUp.js mit Staffelung zwischen Zahlen für Kaskaden-Effekt.
6

Auszeichnungen & Zertifizierungen

Logo-Raster von Anerkennungen, Presse-Erwähnungen und Zertifizierungen. Links zu externer Validierung.

Ideal für: Agenturen, SaaS Unternehmen, jedes Unternehmen mit Drittpartei-Anerkennung.
Wichtiges Detail: Ähnliches Muster wie Kunden-Logo-Leiste. Externe Links fügen verifizierbare Glaubwürdigkeit hinzu.

ANIMATIONEN & EFFEKTE

Storytelling-Animationen

GSAP ScrollTrigger

Parallax Storytelling

Hintergrundbilder bewegen sich in unterschiedlichen Geschwindigkeiten beim Scrollen. Text-Ebenen im Vordergrund. Cinematische Tiefe.

Wann zu verwenden: Markennarrativ-Bereiche. Vollbreite Storytelling-Layouts.

GSAP DrawSVG / CSS

Timeline Draw-In

SVG Timeline-Linie zeichnet sich selbst während des Scrollens. Meilenstein-Knoten erscheinen sequenziell.

Wann zu verwenden: Unternehmens-Timeline-Bereiche. Produktentwicklung. Karriere-Meilensteine.

CSS Transitions

Team-Karte Hover

Foto wechselt zu einem ungezwungenen/lustigen Alternativ-Bild beim Hover. Oder Overlay zeigt Bio, Social Links und Kontakt-Button.

Wann zu verwenden: Team-Raster-Bereiche. Fügt Persönlichkeit und Interaktivität hinzu.

GSAP + CountUp.js

Zahlen-Zähler

Statistiken zählen von 0 zum Zielwert beim Scroll-Eintritt. Staffelung zwischen Zahlen für Kaskaden-Effekt.

Wann zu verwenden: Statistik-Bereiche, Erfolgs-Zähler, Meilenstein-Anzeigen.

BEST PRACTICES

Regeln, die wir bei jedem Projekt befolgen

Verwenden Sie echte Fotos, keine Stock-Bilder. Authentizität ist der #1 Vertrauenstreiber auf Über-uns-Seiten.
Beginnen Sie mit Ihrer Geschichte, nicht Ihren Services. Die Über-uns-Seite ist für Verbindung und Vertrauen da.
Zeigen Sie Gesichter. Unternehmen mit Team-Fotos werden als 65% vertrauenswürdiger wahrgenommen.
Integrieren Sie einen CTA. Selbst die Über-uns-Seite sollte am Ende zu einer Handlung führen.
Halten Sie die Timeline ehrlich. 5-10 bedeutende Momente sind wirkungsvoller als 30 unbedeutende.
Konsistente Team-Foto-Behandlung. Gleicher Hintergrund, gleiche Beleuchtung, gleicher Schnitt für alle.

PREISGEKRÖNTE BEISPIELE

Websites, die Maßstäbe setzen

Basecamp Über-uns-Seite

Ungefiltert, persönlichkeitsgeprägt. Echte Fotos, echte Meinungen, keine Unternehmenssprache. Zeigt die Menschen hinter dem Produkt.

Vercel Über-uns-Seite

Sauber, minimal. Team-Raster mit Rollen-Badges, Büro-Fotos und klarer Mission. Lässt die Arbeit sprechen.

Patagonia

Markengeschichte untrennbar von Unternehmenswerten. Umwelt-Mission IST die Über-uns-Seite. Jede Design-Entscheidung verstärkt den Zweck.

UNSER PROZESS

Wie wir es umsetzen

1

Story Discovery

Interview mit Stakeholdern. Identifikation der Gründungsgeschichte, wichtiger Meilensteine, Mission, Werte und Team.

2

Content-Architektur

Strukturierung des Narrativs: welche Reihenfolge, welche Betonung, was einschließen/ausschließen.

3

Design

Vollständiges Über-uns-Seiten-Design für alle Breakpoints. Team-Raster, Timeline, Statistiken, Werte, CTA.

4

Entwicklung & Animation

Aufbau mit scroll-ausgelösten Animationen, Parallax Storytelling und responsivem Team-Raster.

Zeitrahmen: 2-3 Wochen
Tech-Stack: CSS Grid, GSAP ScrollTrigger, Lottie, CountUp.js, Payload CMS (Team-Verwaltung)

FAQ

Häufige Fragen

Was sollte eine Über-uns-Seite enthalten?+

Mindestens: Ihre Geschichte (wer Sie sind und warum Sie existieren), Team-Bereich (echte Fotos und Namen), wichtige Erfolge oder Meilensteine und einen CTA. Für Unternehmen mit starker Mission sind auch Werte und Wirkungsmetriken wichtig.

Wie wichtig sind Team-Fotos?+

Extrem wichtig. Unternehmen mit echten Team-Fotos werden als 65% vertrauenswürdiger wahrgenommen. Investieren Sie in konsistente, professionelle Fotografie für Ihr Team. Stock-Fotos auf Über-uns-Seiten zerstören die Glaubwürdigkeit.

Bereit, Ihre Markengeschichte zu erzählen?

Wir gestalten eine Über-uns-Seite, die Ihre Marke vermenschlicht und das Vertrauen aufbaut, das Besucher zu Kunden macht.

Portfolio ansehen