GumGum | Stageblog van 8-11-2023 tot 4-12-2023

Tijdens deze periode heb ik veel tickets gemaakt, veel tickets van hetzelfde niveau maar ook custom tickets. Dit houd in dat ik het zelf custom design en programmeer. 

Planning

In deze blogpost ga ik vooral vertellen over een custom ticket die ik heb gemaakt met feedback van mijn stagebegeleider, ik mag niet vertellen van wie de advertentie is daarom zal ik het resultaat ook met een ander merk maken zodat ik het wel kan laten zien. Hij heeft mij deze opdracht gegeven om aan desbetreffende bedrijf te laten zien wat voor andere advertenties we ook voor hun kunnen maken, dit moest binnen een bepaalde deadline en zo hebben we een planning gemaakt met een Jira ticket (B1-K1-W1, B1-K2-W1). 

 

Design

Toen ben ik begonnen met het designen van de advertentie had ik een idee om met een voetballer zijn nieuwe collectie aan de gang te gaan. Dit omdat er een goede video was die ik als background video kon gebruiken, hiermee houd ik de consumenten hun aandacht door de beweging in de advertentie. Tijdens het design kwam ik erachter dat ik de typografie niet goed genoeg vond dus toen ben ik naar desbetreffende bedrijf hun website gegaan en heb ik bekeken naar hoe hun Headings en call to actions eruit zagen, hiervandaan heb ik de lettertypes van hun overgenomen en ben ik daarmee verder gegaan (B1-K1-W2). Zie hieronder het design voor beide ads:

Versie 1 na realisatie typografie probleem: 

Versie 2 na typografie update:

Programmeren

Bij het programmeren heb ik bij de voetbal ad gebruik gemaakt van verschillende lastige dingen die ik nog niet heel goed in ben zoals pseudo panelen, dit moest ik gebruiken omdat ik video’s in de zijkanten wou laten afspelen terwijl ze responsive bleven, de keuze om dit te gebruiken heb ik samen met mijn stagebegeleider besproken. Dit was een lastiger iets dan dat ik had verwacht want bij deze pseudo panelen gebruik je javascript om de zijkanten hun formaat uit te rekenen (B1-K1-W3, B1-K1-W5). Hierna heb ik mijn code getest en heb ik gekeken of alles wel responsive was dit heb ik gedaan door een width: min(vh, %) mee te geven. Daarnaast heb ik nog wat errors weg moeten halen door de javascript aan te passen (B1-K1-W4).

 

Reflecteren op gemaakte werk

Na het maken van deze advertenties heb ik de tickets eerst doorgestuurd naar de Design QA, hier had ik een klein beetje feedback over de positionering van de heading en de grote van mijn CTA.

Na de aanpassingen heb ik de ticket doorgestuurd naar Tech QA, hier had ik geen feedback gekregen omdat ik zelf al veel had gewerkt aan de errors en de responsiviteit. (B1-K2-W2, B1-K2-W3) 

 

Zie hieronder het gemaakte werk:

Tiktok desktop: https://preview.partners.gumgum.com/163977
Soccer desktop: https://preview.partners.gumgum.com/163976