UX/UI Design Projekt • Logo Design • Illustration

Monkey Pen Buchladen​

Eine Animierte Landingpage. Schrift und Bild erscheinen.

Das UI-Design dieser Webseite besteht aus vielen 3D Illustrationen, Animationen (siehe oben), einer durchdachten Farbpalette und Schriftarten. 

Meine Inspirationsquelle für dieses Webdesign Projekt war monkeypen.com

Herausforderungen

Neue Funktionen

Einführung vom Blogkatalog, Gratis Geschichten, nach Helden suchen, CI und neuen 3D Illustrationen.

Webdesign von einer Kinderbuch Webseite

Design Prozess

1. Inspiration

Einfühlen

Suche nach Referenzen

2. Research

Festlegen

Erste Skizzen/Ideen

3. Erstellung des Designs

Wireframe

Prototyp

(weiße Buttons sind anklickbar)

Webpräsenz der Konkurrenten

Mitbewerber Analyse

Für einen guten Überblick über die Konkurrenz sah ich mir drei Mitbewerber an.

Funktionen

Corporate Design

Free Stories

Account

Blog

Reviews

Altersgruppen

freechildrenstories.com

booktrust.org

storyberries.com

Weg zum kinderleichten Lesen

User Flow

Das ist der User Flow vom Webdesign Projekt Buchladen. Die definierte Abfolge von Schritten, die ein Nutzer bald auf dieser Website vornehmen wird, sind hier nachvollziehbar aufgezeichnet.

So gelangt der User auf verschiedene Wege zum Ziel. In unserem Fall ist es das Lesen einer ausgewählten Geschichte.

UI Design der Startseite

Landingpage

Das Redesign ist hier in voller Größe zu betrachten. Farben sowie Typografie bekamen ein Upgrade. Ebenso sind die zusätzlichen Designelemente, wie 3D Illustrationen, zur Visualisierung der angebotenen Geschichten sichtbar.

Gesamte Landingpage von monkeypen redesign