Ziele
Wir klären, was die Website erreichen soll. Auf welches Unternehmensziel zahlt die Website ein? Gibt es interne Prozesse, die optimiert werden können, um Zeit zu sparen?
Zielgruppe
Welcher Benutzer:in in welchem Umfeld hat welche Aufgabe zu erledigen? Die Zielgruppe stellt den Querschnitt der Personas dar.
Makro
Informationsarchitektur
Informationsarchitektur
Sitemap der Website definieren, sowie die inhaltliche Beschreibung der Seiten.
Mikro
Informationsarchitektur
Informationsarchitektur
Die Struktur der einzelnen Seiten werden beschrieben. Content Elemente oder Seitentypen kristallisieren sich heraus. Der Umfang und Aufwand für das Design wird ersichtlich.
Text Entwürfe
Basierend auf der Mikro Informationsarchitektur werden ersten Textentwürfe erstellt.
Wireframes
Textentwürfe und Struktur werden in Skizzen als Wireframes dargestellt.
Content zusammenstellen
Die Textentwürfe werden basierend auf dem Wireframe finalisiert, Bilder und andere Materialien organisiert.
Digital Styleguide
Für das Design wird ein digitaler Styleguide angefertigt indem die Grundlagen der Website (Typographie, Farben, Icons) dargestellt sind.
Design
Basierend auf den Wireframes und dem Content werden entweder Mockups für einen Prototyp erstellt oder gleich mit dem Design angefangen.
Pattern Library
Alle Elemente werden einzeln designed, sodass sie später für jeden Seitentyp wie ein Puzzle zusammengestellt werden können.
Entwicklung
Nach der langen Vorbereitung geht es in die Umsetzung.
Content finalisieren
Nach jedem umgesetzten Seitentyp wird der Inhalt zur Bearbeitung freigegeben und finalisiert.
Go Live
🥳
