SAM THOMAS DESIGN, BERGEN
NO

Interaktivt nettsted og bevegelsesdesign

NORD · Seafood in Motion

Et interaktivt sjømatkonsept med horisontal scenenavigasjon, animerte laksekutt og produktvalg – utviklet for skjerm, mus og berøring.

Selvstendig konseptprosjekt
NORD Seafood med stor frilagt laks foran en ferskenfarget sirkel på turkis bakgrunn.Åpne nettstedet

Hvordan kan sjømatprodukter presenteres gjennom bevegelse og interaksjon uten at navigasjon og produktinformasjon går tapt?

Jeg utviklet et selvinitiert, filmatisk nettstedskonsept for den fiktive merkevaren NORD. Opplevelsen begynner med en stor, frilagt laks på turkis bakgrunn og går videre gjennom sammenhengende scener. Laksen skilles i skiver og presenteres som ulike kutt med interaktive valgpunkter. Horisontal navigasjon, sekvensbaserte overganger, produktscener og responsive oppsett er kombinert med både mus-, tastatur- og berøringsstyring. Designet er utviklet med vekt på komposisjon, lesbarhet, bevegelsesrytme og tydelige interaksjonstilstander.

Mitt bidrag
Konseptutvikling, visuell design, UI/UX, interaksjonsdesign, animasjon, bildebehandling og frontend
Målgruppe
Virksomheter som ønsker visuell produktformidling og interaktive digitale merkevareopplevelser
Prosjektets status
Selvinitiert konsept for en fiktiv merkevare, ikke et kommersielt kundeoppdrag. Bilder er bearbeidet med KI-støtte. Produktvalg og handlekurv er demonstrasjoner uten tilkoblet betaling eller reell ordrehåndtering. Fiskens oppdeling er en bildestyrt animasjon, ikke fysisk 3D-simulering.

Relevant tjeneste

Se tjenesten som er nærmest kompetansen og arbeidsformen som vises i prosjektet.

Nettsider og webdesign

Dette viser prosjektet

  • En sammenhengende, horisontal opplevelse med animerte overganger mellom produktscener
  • Interaktivt valg av laksekutt med produktinformasjon
  • Navigasjon med mus, tastatur og sveipebevegelser på mobil
  • Responsiv layout og kontroll for avspilling, pause og navigasjon

Slik jobbet jeg

Visuell retning

En enkel turkis og ferskenfarget komposisjon med frilagte sjømatbilder og redaksjonell typografi.

Bevegelse og interaksjon

Sammenhengende sceneskift, produktvalg og responsiv betjening på datamaskin og mobil.

Testing og justeringer

Kontroll av navigasjon, berøringsstyring, grafiske lag og bevegelsestilstander.

NORD · Seafood in Motion | Sam Thomas