Beyblade Design Projekt.
Målet med opgaven var, at formidle et produkts budskab gennem en landingpage, der ville få kunden til at købe produktet.
Den endelige version sammensætter brand identitet og genkendelighed, uden at komprimere det produkt der prøves at sælges. Denne version har også en fortælling igennem hele siden, der understøtter budskabet.
Fra wireframe til design
Da jeg started med designet af min landing page, valgte jeg at dele siden op i 3 sektioner.
En Hero Section, som har en tydelig Call To Action. En anden sektion hvor nostalgi for produket skulle. præsenteres. En tredje sektion hvor produketet skulle vises som et galleri.
Produktets identitet
Beyblade som produkt er meget tæt knyttet til TV serien. Derfor skulle serien havde stor indflydelse på min landing pages design.
Af den grund var de vigtigt at finde en balance mellem serien og selve produktet, ellers kunne man ende med, at kunden blev forvirret om hvad der sælges.
Sektionerne
I den første sektion, skulle der være noget som gjorde, at kunden ikke bare gik væk fra siden. Derfor skulle teksten på titlen være den ikoniske Let It Rip fra serien.
Call To Action skulle være en knap i en metal grå farve, da Beyblades fra den generation havde metal genstande på sig. Meget af farve valget på resten af den første sektion, var valgt ud fra logoet.
Den anden sektion skulle havde noget tekst der bragte nostalgi og skulle gøre, at kunden ønskede at gå længere ned på siden. i baggrunden var der video klip fra serien. Baggrunden var tonet lidt ned, da den ikke skulle tage væk fra teksten.
Bruger test og redesign af Hero Section
Med nogle små justeriner til min første sektion, lavede jeg en 5 Second Test, på forskellige personer. Det var for, at se hvad der virkede og hvad der ikke virkede.
Testen viste at nogle havde svært ved, at se det produkt der blev solgt. Nogle troede at det var et digitalt medie man købte. Andre var i tvivl, om man kunne købe noget. Af den grund ændrede jeg designet til, at produktet var mere tydeligt og at teksten lettere kunne ses.
Efter det lavede jeg ydeliger justeringer. Jeg lavede et baggrunds billede der var inspireret af Beyblades gamle produkt bokse. På boksen ville der være to Beyblades der havde en dynamisk kamp. Vigtige ord i titlen blev også gjort røde. Teksten på CTA knappen lavede jeg også mere tydelig.
Redesign af sektion 2
Sektion 2’s redesign handlede om, at ændre indeholdet så det bedre passede til det der blev vist.
Derfor blev teksten ændret til bedre, at formidle serien og det budskab man skulle få fra sektion 2.
Redesign af sektion 3
Redesignet af sektion 3, skulle gøre at sektionen havde mere med budskabet af siden. De grafiske ting der var lavet til sektionen var de ældste.
Af den grund valgte jeg, at optadere udseendet af sektionen baseret på de 2 første sektioners design.
Udvikling af sektion 3
Udover redesignet af galleriet, så tilføjede jeg også en intro tekst. Intro teksten giver kunden en bedre ide, om det der kommer længere nede på siden.
Desuden blev budskabet i galleriet gjort stærkere, da det nu viser en liste over produkter.
Storytelling
Inden redesignet havde siden ikke en slutning. Der var kun en CTA og det var det. Jeg valgte derfor, at benytte Hero Section til, at lave en lille historie. Slutningen er nu resultatet af den kamp, man så i starten af siden.
