Motion for merkevarer og apper

Gjør merkevaren mer gjenkjennelig og enklere å bruke

Vi lager motion guidelines og kodebaserte, lettvektige animasjoner som gjør merkevaren levende, konsistent og gjenkjennelig. Digitale flater blir raskere å forstå og lettere å huske, med animasjoner som reagerer på brukeren og skaper den rette følelsen.

Få råd om bevegelseSe forskjellen
Loop
Wallit
Folkeuniversitetet
Q-meieriene
Monil
Rubus
Capitech
WAL
Schibsted
En tydelig merkevare

Det føles rotete, og du vet kanskje ikke helt hvorfor

Merkevaren din møter folk overalt: i feeden, på nettsiden, i appen, i presentasjoner, på skjerm. Men den føles statisk, eller animasjonene henger ikke helt sammen. På nettsiden er den rolig og elegant, i feeden er den spretten og leken, i presentasjoner er det statisk PowerPoint. Hver flate ser bra ut alene, men til sammen mister merkevaren tydelighet – og folk merker det, uten å vite hvorfor. Så hvordan skal merkevaren din føles?

Myk og leken?
Rolig og trygg?
Energisk og tydelig?
Det er det vi hjelper dere å definere og gjennomføre.
Motion guidelines

Et bevegelsesspråk

En motion guideline er oppskriften på hvordan merkevaren din beveger seg – uansett hvem som lager innholdet, og uansett hvor det skal brukes. Den definerer blant annet timing, tempo og flyt:

→

Hvordan logoen animeres

→

Hvordan UI reagerer: overganger, hover og states

→

Hvordan feed- og SoMe-innhold beveger seg

MOTION PÅ WEB OG I APP

Små bevegelser. Stor effekt.

Bevegelse er ikke pynt. Hver animasjon gjør en jobb: den bekrefter, forklarer, belønner – eller holder på oppmerksomheten. Det er forskjellen på en flate som bare funker, og en folk husker.

Loading & skeleton

«Dette går raskt.»

En pulserende loader får ventetiden til å føles kortere, så folk blir værende i stedet for å lukke fanen.

Prøv å trykk

Mikrointeraksjoner

«Systemet så hva du gjorde.»

Umiddelbar feedback bygger tillit, og folk som stoler på flaten tør å klikke videre og fullføre.

Åpne menyen

Bevegelse som forklarer

«Sånn funker det.»

En kort animasjon viser en funksjon på sekunder. Mindre tekst, raskere forståelse, færre som faller av underveis.

Fullfør

Respons & belønning

«Dette var gøy.»

Små animerte belønninger skaper vane — mekanismen bak de mest engasjerende appene som finnes.

Dette lager vi

Vi lager det du trenger

Trenger du én animert logo, eller et komplett system med maler, prinsipper og ferdige filer? Vi setter sammen det merkevaren faktisk trenger.

01

Logoanimasjon

En levende versjon av logoen til film, presentasjoner, nettside, app og sosiale medier.

02

Motion guidelines

Retningslinjer for hvordan merkevaren beveger seg: tempo, easing, overganger og bruk av logo og grafikk. Så alle som lager innhold treffer samme uttrykk.

03

Lottie & web-animasjon

Lette animasjoner til nettsider, apper og digitale produkter — raske, responsive og enkle å implementere.

04

Animerte SoMe-maler

Maler for stories, reels, annonser og kampanjer — så teamet produserer raskt og merkevaren holder formen over tid.

05

Stickers & Snapchat-linser

GIF-er, stickers til Instagram og Snapchat, og linser når dere vil møte folk der de allerede er.

06

Presentasjoner & pitch-decks

Bevegelse i slides, overganger og intro-maler som gjør presentasjoner levende — uten at de blir rotete.

07

Kampanje- & lanseringspakker

Motion-uttak til kampanjer, produktlanseringer og events, bygget på merkevarens eget bevegelsesspråk.

Format · Lottie & Rive

Lette filer som laster lynraskt

Mye av det vi lager leverer vi som Lottie eller Rive — moderne animasjonsformater bygget for web og app. Kort og godt: de er lette, knivskarpe, og kan til og med reagere på brukeren.

Laster lynraskt

Noen kilobyte i stedet for tunge videofiler. Ingen lang lasting, ingen hakking.

Skarp i alle størrelser

Vektorbasert som er like skarp på en liten knapp som på en stor skjerm.

Spiller overalt

Web, app, SoMe og presentasjoner. Samme animasjon, mange flater.

Kan være interaktiv

Med Rive kan animasjonen reagere på hover, klikk og scroll, ikke bare spille av.

Lottie / Rive GIF Video
Filstørrelse Kilobyte Megabyte Megabyte
Skarphet Alltid skarp Pikslerer Pikslerer
Gjennomsiktighet Ja, mykt Kun hard kant Nei
Interaktiv Ja, med Rive Nei Nei
Endre farge/tekst Uten ny render Ny eksport Ny eksport

Video med WebM eller HEVC støtter gjennomsiktighet, men krever ekstra arbeid for å spille riktig i alle nettlesere.

Eksempler

Merkevarer som beveger seg likt overalt

Eksempler på hvordan vi kan hjelpe med logoanimasjon, motion-system og bevegelse for merkevarer.

FEATURED CASE-MEDIA — logoanimasjon + bildekarusell (motion guidelines, SoMe-maler, Lottie i bruk)
Utvalgt case

Eksempel:
et helt motion-system

Eksempel på hvordan en statisk profil kan få et bevegelsesspråk: logoanimasjon, animert typografi, overganger og easing satt i system — slik at merkevaren oppfører seg likt enten den vises på nettsiden, i en story eller i en presentasjon.

Samme prinsipper fungerer like tydelig i en liten Lottie-animasjon på web som i en full kampanjefilm. Det er hele poenget: at merkevaren beveger seg likt, uansett hvem som lager innholdet.

Type
  • Motion-system / identitet
Tjenester
  • Logoanimasjon
  • Guidelines
  • Lottie
  • SoMe-maler
Mockup/bilde: Logoanimasjon

Logoanimasjon

En animert logo med riktig tempo og easing — klar for film, nettside, presentasjon og sosiale medier.

Mockup/bilde: SoMe-malsystem

SoMe-malsystem

Animerte maler for stories, reels og poster, så innholdet holder samme stil uansett hvem som lager det.

Mockup/bilde: Lottie på web

Lottie på web

Lette web-animasjoner som gir nettsiden mer liv og flyt — uten å tynge ned lastetid eller ytelse.

Å jobbe med Klink Studio har vært veldig givende. De er dyktige animatører og forvandlet vår historie til et levende univers.

Bente Sundt HansenDaglig leder i Wall-it

Studioet bak

Design, illustrasjon og animasjon
fra samme sted

Vi er studioet som lager det visuelle — design, motion og illustrasjon — og leverer ferdige filer og maler til web, skjerm, sosiale medier og presentasjoner. Du jobber tett på dem som faktisk lager bevegelsen, ikke gjennom et ledd som setter det ut videre.

Klink Studio samler design, illustrasjon og animasjon i ett lite fagmiljø. Det betyr at vi kan tenke helhetlig fra start: hvordan merkevaren ser ut, hvordan den beveger seg, og hvordan systemet kan brukes på flere flater. Færre mellomledd gir raske avklaringer, bedre kontroll når fristen nærmer seg — og ofte en lavere pris enn å gå veien om et fullservicebyrå.

Frida Solvang

Partner / Kreativ leder design

frida@klinkstudio.no+47 904 31 775

Lasse Leonhardsen

Partner / Kreativ leder motion

lasse@klinkstudio.no+47 907 16 853
Klar for en merkevare som beveger seg bedre?

Send oss profilen — så ser vi hvor bevegelse gir mest effekt

Send oss profilen deres og noen eksempler på hvor merkevaren skal brukes. Det trenger ikke være en ferdig brief. Vi svarer raskt med hvilke bevegelige grep vi tror vil gi mest effekt, og hvordan vi kan legge opp et motion-system som passer behovet deres.

Snakk med ossRing 21 41 18 90
Jeg vil høre mer om Klink
Jeg har et konkret prosjekt
Takk! Vi tar kontakt med deg.
Oops! Det har skjedd en feil. Ta kontakt med oss direkte på hei@klinkstudio.no
Du hører fra oss straks!
Oops! Det har skjedd en feil. Ta kontakt med oss direkte på hei@klinkstudio.no
Spørsmål og svar

Det dere ofte lurer på

Hva er motion for merkevarer?

Det er bevegelse som bygger videre på den visuelle identiteten — for eksempel logoanimasjon, overganger, animert typografi, ikoner, mønstre, Lottie og maler.

Det er en fordel, men ikke alltid nødvendig. Vi kan lage motion basert på eksisterende design, eller hjelpe med å definere uttrykket underveis.

Lottie er et lett animasjonsformat som ofte brukes på nettsider og i apper. Det gir animasjon med lav filstørrelse og god teknisk fleksibilitet.

Ja. Vi kan lage maler og enkle retningslinjer som gjør det lettere for interne team å produsere innhold i samme stil.

Ja. Vi kan lage en enkelt logoanimasjon, eller bygge et større motion-system rundt merkevaren.