Upkip

Nettside redesign

Internship

Mockup

Om prosjektet

I dette prosjektet, for selskapet Upkip, jobbet jeg og min medstudent sammen om å redesigne nettsiden deres slik at den ikke lenger skulle være like tekst tung og bli lettere å navigere seg gjennom. Ettersom vi hadde en rekke av oppdrag over en kort periode hos Upkip, regner jeg dette prosjektet som et mindre prosjekt.

For å oppnå dette lagde vi nye navigasjons elementer hvor headeren gikk fra å være en hamburger meny på alle flater, til å være en nedtrekk-tekst meny som ombrekkes til forskjellige skjermstørrelser.

Footeren er også ny og inkluderer en oversiktlig meny for hele nettsiden samt inneholder viktige elementer om og for selskapet. Med forbedrede menyer i begge ender av nettsiden kan en bruker lett navigere seg mellom sidene uten å måtte scrolle unødvendig.

Nettsiden fikk flere undersider for å fordele informasjonen i tydligere kategorier og sidene ble luftigere og fikk inn nytt grid og illustrasjoner for å løfte leserens motivasjon og engasjement.

Mockup

Programmer brukt

Farger

Footer og Header

Vi gjorde det mulig å navigere seg gjennom hele nettsiden ved bruk av både footer og header, samt lenke til Upkip sine ønskede kontaktsider og vise annen viktig informasjon.

Header Footer

Kolonne systemer

Vi ønsket å gi teksten ekstra lufterom slik at den oppleves mindre tung å skulle lese. Her la vi til avhukningsmerker, illustrasjoner og innboksing for å skape visuell oversikt.

Kolonnesystem Kolonnesystem Kolonnesystem

Illustrasjoner

Her ønsket vi å gi nettsiden litt interesse og lekenhet gjennom illustrasjoner og fremheve kort-knapper hvor det passet inn å kunne bli ledet videre til andre undersider.

Illustrasjoner Illustrasjoner Illustrasjoner

Designsystem knapper

Knapp design

Samarbeidspartnere

    Tine Berg Harlem & Mathilde Dekko Johnsen