Motivati
Nettside for Motivati
Ny nettside i Webflow for HR-verktøyet bak Motivasjonsanalysen™.

Introduksjon
Motivati er et norsk HR-verktøy for medarbeidersamtaler, kartlegging av arbeidsmiljø og oppfølging over tid. Kjernen er Motivasjonsanalysen™, som lederen og medarbeideren bruker som forberedelse til samtalen, slik at begge møter den med det samme bildet av hva som driver den enkelte.
Vi har designet og utviklet den nye nettsiden på motivati.no i Webflow.
Konseptet
Uttrykket
Motivati handler om samtaler mellom mennesker. Det ville vi at siden skulle bære. Vi tok ned temperaturen i fargene, ga innholdet luft, og lot bilder av ekte arbeidssituasjoner og skjermbilder fra verktøyet gjøre jobben i stedet for påstander.
Overskriften ble kortet ned til tre ledd med hver sin punktum: mer innsikt, bedre samtaler, enklere oppfølging. Det midterste leddet står i kursiv antikva midt i en ellers grotesk overskrift. Det er et lite grep, men det gjør at setningen får et tyngdepunkt, og det knytter de to skriftene i profilen sammen allerede i første linje.

Design og brukeropplevelse
Design
Typografien er satt i Public Sans og Merriweather. Grotesken bærer overskrifter, knapper og grensesnitt; antikvaen brukes til brødtekst og til de kursive innslagene i overskriftene. Kombinasjonen gir siden en rolig, nesten redaksjonell tone, uten at den slutter å se ut som programvare.
Paletten er bygget rundt en varm offwhite som grunnflate, med en grønnsvart som hovedfarge på knapper, fotfelt og tekst. Lys blå markerer sekundære handlinger og de store innholdsflatene, og en dempet salviegrønn brukes til bekreftelser og aktive faner. Til avslutningen slipper vi til to varmere flater, plomme og rav, slik at siden ender et annet sted enn den begynte.
Layouten følger ett rutenett hele veien ned, med tydelige seksjonsskiller og god avstand mellom dem. Bildene har en asymmetrisk avrunding som gjentas på kort og knapper, og produktbildene ligger delvis utenfor sine egne rammer. Det gir dybde uten skygger og effekter.
Innholdet er prioritert etter hvem som leser: lederen, HR-avdelingen og medarbeideren får hver sin inngang. Tallene Motivati selv kan vise til, er løftet opp som en egen rad i stedet for å ligge gjemt i brødteksten.


Teknologi
Teknologivalg
Siden er bygget i Webflow. Valget handler først og fremst om hvem som skal eie innholdet etterpå. Motivati publiserer jevnlig artikler, kundehistorier og arrangementer, og det arbeidet skal ikke gå gjennom en utvikler. I Webflow ligger disse som egne innholdstyper som redaktøren fyller ut som et skjema, og som møter designet ferdig satt opp på den andre siden.
Webflow gir samtidig full kontroll over markup og styling, så designet trenger ikke å tilpasses en ferdig mal. Hosting, SSL og CDN følger med, og det er ingen plugins som må holdes oppdatert. Vi er sertifisert Webflow-partner, og bruker verktøyet der det er riktig verktøy.
Siden er tospråklig, med norsk som standard og engelsk tilgjengelig fra menyen.

Teknologier
WebflowWebflow CMSFigmaPublic SansMerriweather