Web & Visual Design

Websites, die erklären, überzeugen und konvertieren.

Wir designen Website-Experiences, die komplexe Produkte leicht verständlich machen. Struktur, Story, Visuals und Motion als ein System gedacht.

Diese Teams vertrauen Trueform

Was wir machen

Trueform designt Marketing-Websites für Tech-Unternehmen. Wir formen Struktur, Story, visuelle Sprache und Interaction Design deiner Website – und machen aus einem komplexen Produkt Seiten, die Besucher in Sekunden verstehen und auf denen sie handeln.

Trueform designt Marketing-Websites für Tech-Unternehmen. Wir formen Struktur, Story, visuelle Sprache und Interaction Design deiner Website – und machen aus einem komplexen Produkt Seiten, die Besucher in Sekunden verstehen und auf denen sie handeln.

Trueform designt Marketing-Websites für Tech-Unternehmen. Wir formen Struktur, Story, visuelle Sprache und Interaction Design deiner Website – und machen aus einem komplexen Produkt Seiten, die Besucher in Sekunden verstehen und auf denen sie handeln.

Website-Struktur & Sitemap

Website-Struktur & Sitemap

Seiten- & Section-Design

Seiten- & Section-Design

Visuelle Sprache & Art Direction

Visuelle Sprache & Art Direction

Motion & Interaction Design

Motion & Interaction Design

Responsives Designsystem

Responsives Designsystem

Design-to-Build-Handoff

Design-to-Build-Handoff

Ausgewählte Projekte

Websites, die die Story tragen.

Von KI-Plattformen bis Healthcare-Produkten: So haben wir komplexe Angebote in klare Websites verwandelt.

Unser Designprozess

Von der Produkt-Story zu fertig designten Seiten.

Week 1

Scope & Story

Wir schauen uns dein Produkt, deine Ziele und dein Brand-Material an und definieren dann, was die Website kommunizieren muss – und an wen.

Outcome:

Projekt-Scope, Messaging-Prioritäten, Seitenliste

Week 1

Scope & Story

Wir schauen uns dein Produkt, deine Ziele und dein Brand-Material an und definieren dann, was die Website kommunizieren muss – und an wen.

Outcome:

Projekt-Scope, Messaging-Prioritäten, Seitenliste

Week 1-2

Struktur

Wir planen Seiten, Sections und Conversion-Pfade, bevor wir designen – damit jede Seite einen klaren Job hat.

Outcome:

Sitemap, Wireframes, Content-Briefs

Week 1-2

Struktur

Wir planen Seiten, Sections und Conversion-Pfade, bevor wir designen – damit jede Seite einen klaren Job hat.

Outcome:

Sitemap, Wireframes, Content-Briefs

Week 2-3

Visuelle Richtung

Wir designen 1–2 Schlüsselseiten in verschiedenen Richtungen und stimmen die visuelle Sprache mit dir ab.

Outcome:

Designrichtungen, gewählter Stil, Motion-Prinzipien

Week 2-3

Visuelle Richtung

Wir designen 1–2 Schlüsselseiten in verschiedenen Richtungen und stimmen die visuelle Sprache mit dir ab.

Outcome:

Designrichtungen, gewählter Stil, Motion-Prinzipien

Week 3-5

Seitendesign

Wir designen alle Seiten und ein wiederverwendbares Section-System – responsiv über alle Breakpoints.

Outcome:

Fertige Seitendesigns, Section-Library, Asset-Kit

Week 3-5

Seitendesign

Wir designen alle Seiten und ein wiederverwendbares Section-System – responsiv über alle Breakpoints.

Outcome:

Fertige Seitendesigns, Section-Library, Asset-Kit

Week 5+

Handoff oder Build

Wir übergeben ein dokumentiertes Designsystem – oder bauen es selbst, in Framer oder Code.

Outcome:

Aufgeräumte Files, Specs, Handoff-Session

Week 5+

Handoff oder Build

Wir übergeben ein dokumentiertes Designsystem – oder bauen es selbst, in Framer oder Code.

Outcome:

Aufgeräumte Files, Specs, Handoff-Session

7 Wochen
7 Wochen
7 Wochen

GTM-Zeit

GTM-Zeit

200k
200k

Seitenaufrufe während der Kampagne

Seitenaufrufe während der Kampagne

351m
351m

Gesamtpublikum

Gesamtpublikum

"Framer macht es unserem gesamten Team leicht, zusammenzuarbeiten. Es gab uns die perfekte Balance aus Storytelling und Design."

Jacob Dempsey

VP Product and Growth Marketing at Bilt

Jacob Dempsey

VP Product and Growth Marketing at Bilt

Was unser Website-Design beinhaltet

Jede Ebene der Website, zusammen gedacht.

Website-Struktur

Seiten, Sections und Conversion-Pfade werden geplant, bevor das Design startet – damit die Website Besucher führt, statt nur für sie zu dekorieren.

Story- & Messaging-Struktur

Wir definieren, was jede Section sagt und in welcher Reihenfolge – denn Layout ohne Message-Hierarchie ist nur Dekoration.

Visuelle Sprache

Typografie, Farben, Bildwelt und Layout-Prinzipien, die zu deiner Brand passen und dich von der Template-Optik der Mitbewerber abheben.

Motion & Interaction Design

Scroll-Verhalten, Hover-States und Transitions – definiert, wo sie die Story klarer machen, nie als Afterthought.

Responsives Design

Jeder wichtige Breakpoint bewusst designt – nicht dem Build überlassen.

Wiederverwendbares Section-System

Eine Library flexibler Sections, die dein Team für künftige Seiten neu kombinieren kann – ohne neue Designarbeit.

Von Branchenführern geschätzt.

  • Wir sind echt begeistert von dem, was Trueform für uns geschaffen hat. Sie haben uns nicht nur auf den richtigen Weg gebracht, damit wir unsere Story erzählen können, sondern bei jedem Schritt mehr geliefert als erwartet. Ich suche jede Gelegenheit, um weiterhin mit ihnen zusammenarbeiten zu können. 10/10!

    Ethan Bechtel
    CEO, OhMD
  • Trueform hat es geschafft, ein komplexes Website-Projekt klar, kollaborativ und bemerkenswert effizient zu gestalten. Framer gab uns die Geschwindigkeit und Flexibilität, um Ideen in Echtzeit zu entwickeln, zu testen und zu verfeinern, und half uns dabei, eine grosse, CMS-gestützte Unternehmenswebsite innerhalb von nur drei Monaten live zu bringen. Ich bin super zufrieden mit dem Ergebnis!

    Yves Maclean
    Leiter Marketing & Brand bei GCS
  • Dank unserer Zusammenarbeit mit Trueform veröffentlichen wir neue Website-Seiten 50 % schneller als zuvor.

    Radoslav Bali
    Creative Lead, Miro
  • Trueform hat unsere neue Marketing-Website innerhalb weniger Wochen geliefert, während andere Agenturen Monate veranschlagt hatten. Sie haben ein ausgezeichnetes Gespür für Design, arbeiten schnell und haben uns mit unserer neuen Framer-Implementierung erfolgreich aufgestellt.

    Jinen Kamdar
    Co-Founder, Gather
  • Framer macht es unserem gesamten Team leicht, zusammenzuarbeiten. Es gab uns die perfekte Balance aus Storytelling und Design.

    Jacob Dempsey
    VP Product and Growth Marketing at Bilt
  • Trueform ist zur Geheimwaffe unseres kleinen Designteams geworden und hilft uns, grosse Projekte erfolgreich abzuschliessen. Die Zusammenarbeit mit ihnen hält unsere Kundinnen und Kunden zufrieden und hilft unserem Team, mehr zu erreichen.

    Alyssa Nassner
    Creative Director

Von Branchenführern geschätzt.

  • Wir sind echt begeistert von dem, was Trueform für uns geschaffen hat. Sie haben uns nicht nur auf den richtigen Weg gebracht, damit wir unsere Story erzählen können, sondern bei jedem Schritt mehr geliefert als erwartet. Ich suche jede Gelegenheit, um weiterhin mit ihnen zusammenarbeiten zu können. 10/10!

    Ethan Bechtel
    CEO, OhMD
  • Trueform hat es geschafft, ein komplexes Website-Projekt klar, kollaborativ und bemerkenswert effizient zu gestalten. Framer gab uns die Geschwindigkeit und Flexibilität, um Ideen in Echtzeit zu entwickeln, zu testen und zu verfeinern, und half uns dabei, eine grosse, CMS-gestützte Unternehmenswebsite innerhalb von nur drei Monaten live zu bringen. Ich bin super zufrieden mit dem Ergebnis!

    Yves Maclean
    Leiter Marketing & Brand bei GCS
  • Dank unserer Zusammenarbeit mit Trueform veröffentlichen wir neue Website-Seiten 50 % schneller als zuvor.

    Radoslav Bali
    Creative Lead, Miro
  • Trueform hat unsere neue Marketing-Website innerhalb weniger Wochen geliefert, während andere Agenturen Monate veranschlagt hatten. Sie haben ein ausgezeichnetes Gespür für Design, arbeiten schnell und haben uns mit unserer neuen Framer-Implementierung erfolgreich aufgestellt.

    Jinen Kamdar
    Co-Founder, Gather
  • Framer macht es unserem gesamten Team leicht, zusammenzuarbeiten. Es gab uns die perfekte Balance aus Storytelling und Design.

    Jacob Dempsey
    VP Product and Growth Marketing at Bilt
  • Trueform ist zur Geheimwaffe unseres kleinen Designteams geworden und hilft uns, grosse Projekte erfolgreich abzuschliessen. Die Zusammenarbeit mit ihnen hält unsere Kundinnen und Kunden zufrieden und hilft unserem Team, mehr zu erreichen.

    Alyssa Nassner
    Creative Director

Von Branchenführern geschätzt.

  • Wir sind echt begeistert von dem, was Trueform für uns geschaffen hat. Sie haben uns nicht nur auf den richtigen Weg gebracht, damit wir unsere Story erzählen können, sondern bei jedem Schritt mehr geliefert als erwartet. Ich suche jede Gelegenheit, um weiterhin mit ihnen zusammenarbeiten zu können. 10/10!

    Ethan Bechtel
    CEO, OhMD
  • Trueform hat es geschafft, ein komplexes Website-Projekt klar, kollaborativ und bemerkenswert effizient zu gestalten. Framer gab uns die Geschwindigkeit und Flexibilität, um Ideen in Echtzeit zu entwickeln, zu testen und zu verfeinern, und half uns dabei, eine grosse, CMS-gestützte Unternehmenswebsite innerhalb von nur drei Monaten live zu bringen. Ich bin super zufrieden mit dem Ergebnis!

    Yves Maclean
    Leiter Marketing & Brand bei GCS
  • Dank unserer Zusammenarbeit mit Trueform veröffentlichen wir neue Website-Seiten 50 % schneller als zuvor.

    Radoslav Bali
    Creative Lead, Miro
  • Trueform hat unsere neue Marketing-Website innerhalb weniger Wochen geliefert, während andere Agenturen Monate veranschlagt hatten. Sie haben ein ausgezeichnetes Gespür für Design, arbeiten schnell und haben uns mit unserer neuen Framer-Implementierung erfolgreich aufgestellt.

    Jinen Kamdar
    Co-Founder, Gather
  • Framer macht es unserem gesamten Team leicht, zusammenzuarbeiten. Es gab uns die perfekte Balance aus Storytelling und Design.

    Jacob Dempsey
    VP Product and Growth Marketing at Bilt
  • Trueform ist zur Geheimwaffe unseres kleinen Designteams geworden und hilft uns, grosse Projekte erfolgreich abzuschliessen. Die Zusammenarbeit mit ihnen hält unsere Kundinnen und Kunden zufrieden und hilft unserem Team, mehr zu erreichen.

    Alyssa Nassner
    Creative Director

Warum Trueform

Design, das den Build überlebt.

Designt für den Build

Wir designen im Wissen, wie gebaut wird – in Framer oder Code –, damit in der Entwicklung nichts wegvereinfacht wird.

Gemacht für Tech-Produkte

SaaS-, KI- und Tech-Produkte brauchen Erklärung, nicht nur Ästhetik. Wir designen zuerst für Verständlichkeit.

Story vor Styling

Wir klären Message und Struktur, bevor wir Fonts auswählen. Websites scheitern öfter an unklaren Stories als an hässlichen Visuals.

Ein System, nicht nur Seiten

Du bekommst wiederverwendbare Sections und Regeln – damit Seite zehn so konsistent ist wie Seite eins, auch ohne uns.

Trueform-Symbol in 3D

Fragen zu Website-Design

Noch unsicher beim Scope? Schick uns deine aktuelle Website und was sich ändern soll – wir zeigen dir den richtigen nächsten Schritt.

Designt und baut ihr – oder designt ihr nur?

Was unterscheidet Website-Design von einem Template?

Wie lange dauert Website-Design?

Was braucht ihr von uns, um zu starten?

Könnt ihr mit unserer bestehenden Brand arbeiten?

Schreibt ihr die Website-Texte?

Funktioniert das Design auf Mobile?

Was kostet Website-Design?

Fangen wir an, oder?

Buch dir 15 Minuten mit unserem Gründer Cédric. Danach weisst du genau, worum es geht, wie der Zeitplan aussieht und was der nächste Schritt ist. Oder schicke uns einfach eine Email.

TF emblem logo in 3D

Fangen wir an, oder?

Buch dir 15 Minuten mit unserem Gründer Cédric. Danach weisst du genau, worum es geht, wie der Zeitplan aussieht und was der nächste Schritt ist. Oder schicke uns einfach eine Email.

TF emblem logo in 3D

Fangen wir an, oder?

Buch dir 15 Minuten mit unserem Gründer Cédric. Danach weisst du genau, worum es geht, wie der Zeitplan aussieht und was der nächste Schritt ist. Oder schicke uns einfach eine Email.

TF emblem logo in 3D

Kontakt aufnehmen

E-Mail oder Call buchen