NOEN
La oss snakke
WebdesignBevegelse, identitet og opplevelser som fungerer på alle skjermstørrelser. WebutviklingRaske nettsider, integrasjoner og arbeidsflyter som henger sammen. HostingFra HTTPS og filservering til CDN, gjenoppretting og skalerbare oppsett. AI & automasjonKunnskapsassistenter, dokumentflyt og samtaler med tydelig kontroll.
Til forsiden

01 / WEBDESIGN

Et førsteinntrykk.
Som varer.

Et godt nettsted gjør mer enn å se bra ut. Det hjelper folk å forstå, utforske og ta neste steg. Moderne nettlesere gir oss nye måter å skape den opplevelsen på.

Se det i bruk: referansene og temaskiftet på denne nettsiden.

BevegelseIdentitetOpplevelse

Formet av muligheter

Velg eksempel

Eksempel 01 / 03

Fra et kort. Til en hel opplevelse.

View Transitions kan gi overganger mellom visninger der innholdet oppleves som en sammenhengende del av grensesnittet.

Praktisk eksempel

Tenk deg en arkitektportefølje. Du klikker på et prosjekt, og bildet følger deg inn i presentasjonen i stedet for å forsvinne og dukke opp på nytt. Du beholder orienteringen, samtidig som nettstedet får et tydelig særpreg.

Slik kan det brukes

For en nettbutikk kan samme idé brukes når et produkt åpnes fra oversikten. Et materiale, et fargevalg og et bilde beholder en visuell forbindelse mellom valgene. Det viktige er at bevegelsen forklarer hva som skjer.

Det vi vil oppnå

En opplevelse som kjennes rolig og gjennomarbeidet, med en tydelig vei fra interesse til handling.

View TransitionsWeb AnimationsRedusert bevegelse

Eksempel 02 / 03

Ett design. Alle skjermer.

Responsivt design handler om mer enn å skalere ned. Navigasjon, bilder og tekst tilpasses hvordan folk faktisk bruker en telefon, et nettbrett og en stor skjerm.

Praktisk eksempel

En restaurantside viser meny og bestilling først på mobil, der de fleste kommer fra, mens skrivebordet får plass til galleri og historie.

Slik kan det brukes

Samme innhold i tre uttrykk: tommelvennlig på telefon, rolig på nettbrett og romslig på skrivebord.

Det vi vil oppnå

Et nettsted som føles laget for enheten i hånden, ikke krympet fra noe annet.

Container queriesFlytende typografiTrykkflater

Eksempel 03 / 03

Dybde som hjelper, ikke distraherer.

Moderne nettlesere kan vise 3D, lys og dybde uten programtillegg. Brukt med måte gir det et særpreg som gjør at folk husker nettstedet.

Praktisk eksempel

En produktside lar besøkeren snu og se et produkt fra alle sider, med et stillbilde som reserve.

Slik kan det brukes

Et arkitekturbyrå viser et bygg i tre dimensjoner, mens tekst og kontaktinformasjon alltid er tilgjengelig uten effekter.

Det vi vil oppnå

Et uttrykk som skiller seg ut, og som fortsatt fungerer for alle, også på svake enheter.

WebGLCSS 3DReservevisning

Opplev teknologien

Bevegelse du kan kjenne.

Se rytmen i grensesnittet.

TidFremdrift
cubic-bezier(.22, 1, .36, 1)

Tre faktiske bevegelseskurver. Velg en rytme, spill animasjonen eller utforsk kurven selv.

Hva betyr dette for ditt prosjekt?

Vi legger inn en vanlig overgang når funksjonen ikke støttes. Innstillingen for redusert bevegelse skal alltid respekteres.

Kilde: MDN: View Transition API

Flere løsninger

02WebutviklingRaske nettsider, integrasjoner og arbeidsflyter som henger sammen.Utforsk 03HostingFra HTTPS og filservering til CDN, gjenoppretting og skalerbare oppsett.Utforsk 04AI & automasjonKunnskapsassistenter, dokumentflyt og samtaler med tydelig kontroll.Utforsk

Har du en oppgave
vi bør se på?

La oss finne en god løsning

La oss snakke

Fortell oss hva du vil bygge.

Skjemaet er den raskeste veien. Du får svar fra et menneske, og vi starter med en kort samtale om målet, ikke med en prisliste.

E-post

hi@••••.no

Telefon

+47 •• •• •• ••

Vises først etter et trykk og en kort sikkerhetssjekk, så adressen ikke havner i spamlister.

Hva gjelder det?

Vi bruker opplysningene bare til å svare deg.

La oss snakke

Fortell oss hva du vil bygge. Du får svar fra et menneske.