Webdesign
Gestaltung ist die Entscheidung, was zuerst gesehen wird.
Die meisten Unternehmenswebsites sehen aus wie ihre Konkurrenz. Gleiche Raster, gleiche Kacheln, gleiche Stockbilder. Das ist bequem — und genau der Grund, warum niemand sie sich merkt.
Wir entwerfen den digitalen Auftritt von der Hierarchie her: Was muss jemand in drei Sekunden verstehen, was in dreißig, was erst beim zweiten Besuch? Daraus entstehen Layout, Typografie und Bildsprache — nicht umgekehrt.
Sechs Dinge, die wir | unter *Webdesign* verstehen.
-
01
UX & Struktur
Nutzerführung, Informationsarchitektur, Wireframes. Erst der Weg, dann die Oberfläche.
-
02
UI Design
Screens für Desktop, Tablet und Mobile — als zusammenhängendes System, nicht als drei Zufälle.
-
03
Designsystem
Farben, Typo-Skala, Spacing, Komponenten und States. Dokumentiert, damit es auch in zwei Jahren noch stimmt.
-
04
Typografie
Schriftauswahl, Skala und Rhythmus. Typografie trägt bei uns die Gestaltung, nicht die Dekoration.
-
05
Prototyping
Klickbare Prototypen inklusive Motion-Verhalten. Entscheidungen fallen am Objekt, nicht im Meeting.
-
06
Redesign
Bestehende Auftritte analysieren, entkernen, neu aufbauen — mit dem, was funktioniert.
Das System, das ihr | *gerade anschaut*.
Statt Beispielbilder von Designsystemen zu zeigen, zeigen wir unser eigenes. Alles auf dieser Website — jede Überschrift, jeder Abstand, jede Farbe — kommt aus den folgenden Werten.
- Tinte #111013
- Papier #f0ece4
- Signal #ff4a1c
- Ton #8a8279
- Ag
- Ag
- Ag
- Ag
- Ag
- s-4 · 1rem
- s-6 · 2rem
- s-7 · 3rem
- s-8 · 4rem
- s-9 · 6rem
Mobil ist keine | *verkleinerte* Desktop-Version.
Zieh am rechten unteren Rand des Kastens. Das Layout darin rechnet nicht die Schrift klein — es ordnet sich neu, so wie es ein echtes Layout tun muss.
Ziehbar — rechte untere Ecke
Zeigt uns | eure *alte* Seite.
Wir sagen euch in einem Gespräch, was daran funktioniert, was weg kann und was ein Redesign realistisch kostet.