Design af Video afspiller applikation

Idé, brainstorm - Intro side

Animation af klodser der falder ned eller eksploderer.
Modellér lego klodser i Maya.
Find ud af hvordan gravity fungerer i Maya.
Animation der "slider" ind fra siden.
Fade ud til hoved siden.
Farverne på legoklodserne skal være i klare plastik farver (høj mætning).
Tekster i samme farver som klodserne.
Tekster der flyver rundt på skærmen.
Spring videre -knap.

Idé, brainstorm - Hoved side

Autoafspilning.
Næste/forrige -knapper.
Indstillinger/cookies til bestemmelse af om intro siden skal afspilles næste gang.
Indstillinger/cookies til at slå autoafspilning til/fra.
Vis poster image som baggrund på siden, ved afspilning.
Slide down menu.
Ikoner med lego farver.
Indikation af om der afspilles, er pauset eller videoen er stoppet.
Brug af JSON til at gøre det nemt for andre at indsætte deres egen titel, tekst og auther.
Registrér om websitet bliver afviklet lokalt eller online og aktivér/deaktivér cookies tilsvarende.

Skitse af intro

Da websitet skal være en video app der skal vise lego videoer, er introen designet med lego som hovedtema. Idéen var her at lave en animationsintro hvor en legoplade slider ind fra siden og undervejs i animationen af dette, er der en portion legoklodser der falder ned på denne plade.
Disse legoklodser ville jeg modellere og animere i Maya. Det viste sig dog senere at det var en større udfordring end først antaget.

Skitse af hoved side

Ligeledes er der valgt et lego tema til main sitet. Farver, stil og visse elementer skulle passe til dette tema.

Wireframe

Mere præcis visualisering af elementernes placering.

Moodboard

For at illustrere lego temaets effekt på humør og følelser, er der her brugt skarpe farver i rød, gul, grøn og blå som hovedfarver, da de skal symbolisere de farver der anvendes til nogle af plastik lego klodserne der eksistere i virkeligheden. Formålet er at få besøgende til at relatere til leg og sjov, da de fleste mennesker kender til- og har prøvet at lege med lego.

Mockup

Visualisering af main sitet.

Farver

Main farver brugt til dette site med et farveskema der, på engelsk, kaldes "Accented Analogic".
Definitionen på "Accented Analogic" er et analogt skema med en komplementær farve i direkte modsætning til de analoge farver (i dette skema, rød).
Man kunne i dette tilfælde også sige at det er et "triade" -skema, bestående af de primære farver (rød, gul, blå), med en ekstra grøn sekundærfarve som komplementærfarve til den røde.

Typografi

Skrifttypen brugt til dette site hedder Abel og er en Google font: https://fonts.google.com/specimen/Abel

Styleguide

Skal der laves marketingmateriale eller undersider til websitet, følges denne style guide for at sikre at elementer, farver og typografi er ensartede, så identiteten forbliver den samme.