Eksamensprosjekt i Creative UX & UI Design ved ONF – Strømy
Brief:
Å designe en app og nettside for det fiktive strømselskapet Strømy, med fokus på brukeropplevelse og bærekraftighet.
“I dette prosjektet skal du designe et responsivt brukergrensesnitt for Strømy, et fiktivt norsk energiselskap som kjemper for bærekraftige løsninger. Din oppgave er å lage et sammenhengende, visuelt tiltalende grensesnitt som hjelper brukere med å enkelt spore energiforbruket sitt, enten de er på telefonen eller datamaskinen. Denne oppgaven vil veilede deg gjennom å anvende de viktigste UX/UI-prinsippene du har lært gjennom hele kurset, noe som kulminerer i et sluttprodukt som er funksjonelt, engasjerende og genuint brukervennlig.”
Løsningen:
I denne oppgaven jobbet jeg solo, og fokus i denne oppgaven var å bygge opp en app og en nettside med et designsystem laget fra bunn.
ONF leverte ferdig utviklede personas med forskjellige opplevelser og ønsker, som var grunnlaget for designet. Jeg fokuserte på å skape en flyt som ville la brukerne som ønsket rask og enkel informasjon finne det tidlig i flyten, og brukere som ønsket med informasjon og detaljer kunne finne dette i mer detaljerte undersider.
Personasene hadde tre forskjellige nivå av teknologikunnskap og ønsker om informasjon, og jeg valgte derfor å lage tre nivåer av tilgjengelig informasjon. Dashboard som inneholder alt du trenger med ett kjapt overblikk, en detaljert daglig bruk/temperaturer/spotpriser side og en side for dine egne personlige målsetninger for din bruk. Jeg utviklet forenklede user journeys basert på disse ønskene.
Prosjektet lot meg bruke alt jeg har lært i faget dette semesteret, og utvikle noe fra bunnen av med stort fokus på å bruke og utvikle et design system med variabler, komponenter og design tokens.
Jeg valgte å lage både dark mode og light mode, og valgte grønn og blå som fargene mine for å ha et hint mot bærekraftig strømproduksjon og natur.
Jeg valgte å fokusere på den mørke varianten, men det var viktig å ha en fungerende lys variant også. Dette ble bygget opp med variabler som ble brukt i komponenter.
Som en stor del av oppgaven, var det å utvikle et detaljert og fungerende designsystem som kunne overtas av en annen designer. Derfor brukte jeg mye tid på å sette opp dette med god navngiving, fargekoder og forklaringer i hver enkelt komponent. Komponentene måtte kunne brukes som byggeklosser i skjermene og redigeres med enkelhet.
Innloggingssider i mobil- og webstørrelse.
Skjermene for målsetninger.