🎨 Ontwerp - DaanKorver/the-startup-scrollbook GitHub Wiki

Tijdens de ontwerpfase, hebben wij niet veel gedaan, aangezien de opdrachtgevers alle assets en een mooi prototype hebben geleverd voor ons om dit na te bouwen. De book-trailer gaan wij samen uitbouwen in HTML, CSS & JS met als framework Nuxtjs. Ook hebben wij als team de living styleguide ontwikkelt van de book-trailers. Aangezien wij eigenlijk 1 book-trailer moeten realiseren, hebben wij gekozen om 2 living styleguides te ontwikkelen voor de boeken The Lord of The Rings en The Shining.

🧙‍♂️ & 🔨 Styleguide

Voordat we zijn begonnen met bouwen hebben wij eerst een living styleguide gemaakt voor beide boeken. De opdrachtgevers, hebben ons een styleguide opgeleverd, zodat wij een beter beeld krijgen over de style van de 2 boeken. Dit hebben gedaan zodat wij gemakkelijker styling kunnen terugvinden die word gebruikt voor de website. Daarnaast is het handig voor de opdrachtgever zodat die andere toekomstige studenten deze styleguide kan sturen. Deze kan later ook nog worden uitgebreid.

🪄 Prototype

Het prototype is al door de opdrachtgever ontwikkelt. In dit prototype is er te zien dat het belangrijk is dat het verhaal op scroll wordt verteld. De storytelling is hierbij de prioriteit. Wij zijn vrij om het prototype aan te passen en het ons eigen te maken. Wij waren erg enthousiast om dit te zien en willen graag zo snel mogelijk met het project starten.

🎮 Wireflows

Verder hebben wij wat wireflows getekend met behulp van pen & papier voor de website. Hierbij is er ook de flow van navigatie te zien en in groffe lijnen getekend hoe de animaties eruit gaat zien.

Schetsen van Justin:

Schetsen van Daan: