Nettside
HomeFair
Første utkast til en nettside for et selskap som estimerer boligpriser i Norge – bygget uten visuelle rammeverk.
- Roller
- Designsystem, illustrasjon og utvikling
- Periode
- feb. 2020
- Selskap
- Noroff
- Fokus
- Designsystem, Illustrasjon, Vanilla JS
Oppgaven
Bruk komponentene fra et designsystem til å lage kundens nettside, med kundens tekster og bilder. Royalty-frie bilder og egen grafikk er lov. Biblioteker og rammeverk er tillatt, men ikke for visuell støtte – altså ikke Bootstrap.
Prosess
Prosessen besto av å lage et designsystem for HomeFair, skissere siden og utvikle den etter designsystemet.
Design
Farger
Fargene gir siden et dempet og rolig uttrykk. Når det gjelder penger, må folk kunne stole på nettsiden, og den rolige blåfargen støtter opp under det. Den lyseblå fargen møter brukeren først i navigasjonen og toppbildet – den blå himmelen skal gi en rolig og glad følelse. Den mørkere blåfargen brukes hovedsakelig på knapper og deler av illustrasjonene.
Illustrasjoner
Illustrasjonene er laget med illustrasjonsbiblioteket Humaaans, satt sammen etter kundens ønsker. Det som ikke fantes i biblioteket, tegnet jeg i Adobe Illustrator.
Prototype
Prototypen tok utgangspunkt i designsystemet, men jeg endte opp med å bruke bare deler av det, så prototypen og layouten utviklet seg gjennom prosjektet.
Utvikling
Bygget kun med HTML, CSS og JavaScript – ingen biblioteker var tillatt i utviklingen.