ANIMASJON FOR WEB OG APP

Små bevegelser som gjør digitale flater bedre

Vi lager animasjoner for nettsider, apper og digitale produkter. Bevegelse som viser hva som skjer, guider brukeren videre og gir grensesnittet mer personlighet, uten å stå i veien.

Wallit
Folkeuniversitetet
Q-meieriene
Monil
Rubus
Capitech
WAL
Schibsted
MOTION PÅ WEB OG I APP

Små bevegelser. Stor effekt.

En god animasjon har en jobb å gjøre. Den viser at noe laster, bekrefter et klikk, forklarer en funksjon eller hjelper brukeren å forstå hva som skjer videre. Små detaljer som gjør hele opplevelsen tydeligere og mer gjennomført.

Dette lager vi

Vi lager det du trenger

Fra én liten mikrointeraksjon til et helt bevegelsessystem for produktet. Vi designer animasjonene, tilpasser dem til grensesnittet og leverer dem klare for web eller app.

01

Logoanimasjon

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

02

App- & UI-animasjon

Bevegelse i knapper, menyer, loading, onboarding og overganger som gjør digitale flater tydeligere og bedre å bruke.

03

Lottie & web-animasjon

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

04

SoMe, stickers & linser

Animerte maler, GIF-er, stickers og linser til sosiale medier. Innhold som gir merkevaren mer liv og er enkelt å bruke igjen.

05

Presentasjoner & pitch-decks

Bevegelse i slides, overganger og introer som gjør presentasjoner mer levende, uten at de blir rotete.

06

Animerte ikoner & illustrasjoner

Ikoner, illustrasjoner og grafikk som beveger seg, forklarer eller reagerer. Til web, app, presentasjoner og sosiale medier.

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
Ofte liten
Ofte større
Ofte større
Skalerbarhet
Svært god
Begrenset
Begrenset
Gjennomsiktighet
Ja
Begrenset
Formatavhengig
Interaktiv
Ja, med Rive
Nei
Nei
Endre farge / tekst
Kan gjøres dynamisk
Ny eksport
Ny eksport

Egenskapene avhenger av hvordan animasjonen bygges og hvilket format som brukes. Lottie og Rive egner seg spesielt godt når animasjonen skal være lett, skalerbar eller koblet til et grensesnitt.

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

Lasse Leonhardsen

Partner / Kreativ leder motion

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.

Takk! Vi tar kontakt med deg.
Oops! Det har skjedd en feil. Ta kontakt med oss direkte på hei@klinkstudio.pro
Du hører fra oss straks!
Oops! Det har skjedd en feil. Ta kontakt med oss direkte på hei@klinkstudio.pro
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.