Da vi jobbet med designet, bestemte jeg vi oss for å bruke vektoranimasjon i stedet for film animasjon. Vi laget og satte satte opp illustrasjonene i Illustrator hvorpå vi importerte dem inn i After Effects.

Her animerte vi elementene. Etter å ha jobbet med bevegelsen og stilen, eksporterte vi animasjonen ved hjelp av Bodymovin, som gjorde det enkelt å hente alt inn i websiden ved bruk av Lottie.

Lottie er en programvare som lar oss legge til animasjoner på nettsider og mobilapplikasjoner ved bruk av JSON-formatet. Det ble utviklet av Airbnb, og gjør det enkelt å importere animasjoner som er opprettet i software som Adobe After Effects eller fra andre kilder. Lottie støtter vektorbaserte animasjoner, og det gjør at animasjonene ser skarpe og klare ut uansett skjermstørrelse. Det gir også en rask og jevn animasjonsopplevelse på tvers av forskjellige enheter og plattformer, inkludert mobil og desktop.

Vi var veldig fornøyd med resultatet, da animasjonen hadde en jevn og moderne følelse. Med vector var alt skalerbar tog lett å laste inn for brukere. Det var en god følelse å se animasjonen totalt integrert med websiden og gi konseptet en engasjerende brukeropplevelse.