Into The Eclipse is de app die ik heb ontworpen voor mijn project.
De opdracht was om een maatschappelijk probleem aan te pakken via een app waarin gamification werd geïntegreerd.
Ik koos ervoor om me te richten op fascisme, een breed maar maatschappelijk relevant thema dat ook wel bij mijn intresses valt.
Mijn idee was om een politiek geëngageerde app te ontwerpen die gebruikers aanzet om kritisch na te denken over de impact van politieke ideologieën en beslissingen op de wereld rondom hen.
Dit ging ik doen in de vorm van een visual novel.
Flowchart
Nadat ik de wireframe had uitgewerkt, begon ik met het opbouwen van de ruwe layout van de app door de pagina’s in een wireframe uit tewerken.
De wireframe gaf al een algemeen beeld van de structuur, maar in deze fase moest ik verder nadenken over hoe de gebruiker effectief door de applicatie zou navigeren.
Ik begon daarom met het ontwerpen van de verschillende pagina’s en het bepalen van hun functie binnen de app.
d
WIREFRAME
Eerst moest ik uitwerken welke pagina’s noodzakelijk waren om de app volledig te laten functioneren.
Daarnaast moest ik ook nadenken over de volgorde waarin deze pagina’s zouden verschijnen en hoe ze logisch met elkaar verbonden konden worden.
Een duidelijke en overzichtelijke structuur was belangrijk om ervoor te zorgen dat gebruikers gemakkelijk door de app konden navigeren en de inhoud intuïtief konden begrijpen.

d
d
pROTOTYPE
Dan begon het uitwerken van het eind product. Een volledig uitgewerkt prototype.
d
lOGO’S EN ICOONEN
Dat begon met het uitwerken van mijn eigen stijl. De eerste stap daarin was het ontwerpen van een logo en bijpassende iconen.
Voor ik tot het uiteindelijke ontwerp kwam, heb ik heel wat concepten uitgewerkt. Aanvankelijk wilde ik lange tijd een soort diagram van een eclips gebruiken. Toen ik het ontwerp begon te digitaliseren, ben ik uiteindelijk toch overgestapt naar een ooggericht ontwerp, omdat dit beter aansloot bij de uitstraling die ik wilde creëren.
De reden dat ik voor het oog koos, is ten eerste omdat het al een symbool is met een sterke connectie tot fascisme (zoals op sommige covers van 1984 van George Orwell). Daarnaast begon ik de punt op de i, de pupil van het oog, te zien als de maan die voor een grote zon, de gele vlek van het oog, schuift zoals bij een eclips. Hierdoor kreeg het ontwerp een diepere betekenis.
d
Stijl bepaling app
De stijl van de app is uiteindelijk een volledige omkeer geworden ten opzichte van mijn oorspronkelijke idee. Er waren nog geen uitgewerkte pagina’s of menu’s, maar ik wilde eerst een volledig zelfgemaakte punkstijl toepassen. Bijvoorbeeld was er het idee om de Codex eruit te laten zien als een notitieboek. Menuknoppen zouden bijvoorbeeld straatborden met graffiti worden.
Al snel besefte ik echter niet alleen dat dit veel te veel werk zou worden als elk element op die manier uniek moest zijn, maar ook dat de stijl te druk aanvoelde.
Daarom heb ik uiteindelijk gekozen voor een computerterminalstijl. Deze is rustiger voor de ogen en laat zich bovendien veel consistenter doorheen de hele app toepassen.
(Hier onder aan zie je de origineele wireframe voor mijn codex en daarna de afgewerkte pagina.)

d

d
Eind product
d
Campagne beeld & Illustraties
Voor mijn app heb ik ook een aantal originele illustraties uitgewerkt om het concept meer karakter en leven te geven.
Hieronder valt ook mijn campagnebeeld, dat dient als promotionele afbeelding voor de app. Ik heb ervoor gekozen om dit ontwerp relatief eenvoudig te houden. Op die manier krijgen de illustraties zelf voldoende aandacht en kunnen ze voor een groot deel hun eigen verhaal vertellen. Door niet te veel extra elementen toe te voegen, blijft het beeld overzichtelijk en komt de boodschap van de app sterker naar voren.
d
Leuke feitjes
- De inspiratie voor mijn app’s concept kwam van een divers aantal mediabronnen zoals de games: Fallout, cyberpunk en Dispatch, de series: One Piece en Knights of Guinevere en zelfs de boeken: Gachiakuta en trigun.
- De uiteindelijke visueele stijl heeft primair inspiratie genomen van de credits van de game Portal.
- De sprekende illustraties voor het personage Sebastian Anderson heeft een miniem ander ontwerp omdat deze eerder is geillustreert en sterker gebaseert is af mijn eigen Persona.
