Das Design-Dokument

Ein besserer Start in den Designprozess.

• Art: Nebenprojekt
• Rolle: Autor, Designer, Frontend Developer
• Ergebnisse: Landing Page, Dokumentenvorlage, Grafiken
• Zeitraum: 2024
• Webseite: https://www.lukasrathmann.com/designdocument/

Eine Grundlage für gutes Design

Gutes Design hängt nicht nur davon ab, wie es aussieht. Es geht auch darum, wie es funktioniert und wie es sich anfühlt. Um das Problem, das es löst. Und um die Menschen, für die es gemacht ist. Allzu oft beginnt unser Designprozess jedoch – auf die eine oder andere Weise – mit der visuellen Gestaltung. Das Designdokument soll dies ändern und einen Ausgangspunkt für gutes Design bieten.

Ich beginne ein neues Design gerne in einer Textdatei. Das geht schnell, lässt sich leicht teilen und zwingt mich dazu, mir genau zu überlegen, was ich entwerfen möchte. Im Laufe der Jahre habe ich Fragen und Anregungen gesammelt, die mir als Denkanstöße dienen. Daraus ist eine Vorlage entstanden, die ich nun mit anderen teile: Das Designdokument.

Die Landingpage

Die Landingpage folgt einem einfachen und klaren Ansatz: Kurz und prägnant. Es gibt nur ein Bild, eine Überschrift, einen Absatz und einen Call-to-Action. Auf einem durchschnittlichen Laptop- oder Desktop-Bildschirm muss man nicht scrollen, und auch auf Mobilgeräten ist die Seite immer noch kurz.

Die größten Herausforderungen bei der Gestaltung der Seite bestanden darin, ein ansprechendes visuelles Erscheinungsbild zu schaffen und einen einzigen Absatz zu verfassen, der alles vermittelt, was ein Besucher und potenzieller Nutzer des Dokuments wissen muss. Dies ist zugleich einer der Vorteile eines solchen Designs: Man ist als Gestalter gezwungen, klar und einfach zu kommunizieren.

Das Dokument

Die Vorlage selbst ist eine einfache PDF-Datei, die durch den Export meines Originaldokuments aus Notion erstellt wurde. Daher kann sie heruntergeladen und direkt im Browser angezeigt werden. Wer sie als Ausgangspunkt für eigene Gestaltungsarbeiten nutzen möchte, kann sie kopieren und in einen Texteditor seiner Wahl einfügen.

Schau dir die Landingpage und das Dokument hier an: https://www.lukasrathmann.com/designdocument/