berater.work / design

Gestaltung, die erst versteht.

Markenauftritt, Website und Präsentation aus einer Hand. Wir klären zuerst, was Ihr Publikum wissen muss. Dann geben wir der Botschaft eine Form, die klar ist und sich bewegt.

Projekt besprechen Leistungen ansehen
Motion & ScrollMarke & CIWeb & Präsentation
Ablauf

Erst verstehen.
Dann gestalten.

Jedes Projekt läuft in vier Schritten. Die Bewegung kommt zuletzt, weil sie nur zeigt, was vorher klar geworden ist.

01 / 04

Verstehen

Wir hören zu: Wer liest, sieht oder hört Ihre Botschaft, und was soll danach passieren? Daraus entsteht ein kurzes Briefing mit einem einzigen Ziel pro Seite oder Folie.

  • Gespräch
  • Zielgruppe
  • Ein Ziel je Seite
02 / 04

Ordnen

Inhalte bekommen eine Reihenfolge. Was zuerst kommt, was weggelassen wird und welche Aussage hängen bleiben muss, steht fest, bevor die erste Farbe gewählt ist.

  • Struktur
  • Kernaussage
  • Texte
03 / 04

Gestalten

Raster, Schrift und Farbe werden zu einem System, das sich wiederholen lässt. So sieht die zehnte Folie aus wie die erste, und die Website wie die Visitenkarte.

  • Raster
  • Typografie
  • Farbsystem
04 / 04

Bewegen

Motion lenkt den Blick dorthin, wo die Geschichte gerade steht. Ruhige Einblendungen für Struktur, ein gelber Marker für das, was sich ändert.

  • Scrollanimation
  • Morph
  • Motion-Hintergrund
Vom Durcheinander zum System

Scrollen Sie, und die Seite räumt sich auf.

14Schriftgrößen
9Farben
0Raster
Beispiel: typische Firmenseite vorher und nachherZustand: vorher
Leistungen

Ein Auftritt, der überall gleich klar ist.

Von der ersten Visitenkarte bis zur Messepräsentation mit Endlosschleife: Alles entsteht aus demselben System, damit Sie es später selbst weiterführen können.

Markenauftritt

Logo, Farben, Schrift, Tonalität und Claim als ein zusammenhängendes System, abgeleitet aus Ihrer Positionierung.

Logo · Claim · Farbsystem

Website & Landingpage

Aufbau, Texte, Gestaltung und Umsetzung bis zum Livegang, mit Scrollanimationen, die erklären statt ablenken.

Konzept · Text · SEO

Präsentationen mit Motion

PowerPoint im eigenen CI mit Morph-Übergängen, Pfadanimationen und bewegten Hintergründen, die auf jedem Rechner laufen.

Morph · Animation · Vorlagen

Motion-Grafik

Animierte Hintergründe, Loops für Messe und Empfang sowie kurze Erklärsequenzen in Ihren Farben.

Loop · Kiosk · Video

Geschäftsausstattung

Visitenkarte, Briefbogen, E-Mail-Signatur und Office-Vorlagen, die Ihr Team ohne Grafikprogramm nutzt.

Print · Signatur · Office

Design-System

Farben, Schriftgrößen, Abstände und Bausteine an einem Ort beschrieben, für Ihr Team, Ihre Agentur und Ihre KI-Werkzeuge.

Tokens · Komponenten · Leitfaden
Grundsätze

Grün ordnet. Gelb markiert.

Zwei Regeln halten jeden Auftritt ruhig: ein festes Farbverhältnis und ein festes Tempo. Beides gilt für Website, Folie und Motion gleichermaßen.

Farbverhältnis

Gelb ist ein Marker und nie eine Fläche. Es hebt die eine Stelle hervor, auf die es ankommt.

60 %Papier
25 %Grün
10 %Neutral
5 %Marker

Tempo

Ruhig und präzise. Keine Hüpfer, kein Glühen. Bewegung dauert so lange, wie das Auge zum Folgen braucht.

Einblenden
0,5–0,8 s
Versatz
0,10–0,15 s
Morph
1,2–1,8 s
Signal
einmal
Kontakt

Was soll Ihr Publikum verstehen?

Schreiben Sie uns in zwei Sätzen, worum es geht. Wir melden uns mit einem Vorschlag für das erste Gespräch.

design@berater.work