Smaken av Trondheim

Nettside som viser de beste restaurantene Trondheim har å tilby

Lengde 

Rolle

Resultat

12 uker

UX-designer

Prototype i Figma og rapport

Introduksjon

I faget Brukergrensesnittdesign fikk vi i oppgave å utvikle en prototype av en egendefinert nettside i Figma. Som matelsker valgte jeg å lage en eksklusiv nettside som fremhever de beste restaurantene Trondheim har å tilby, et område jeg opplevde som underrepresentert. Målet mitt var å skape en brukervennlig nettside som appellerer til både yngre og eldre brukere. Prosjektet inkluderte utvikling av innhold, branding og design.

Research

Prosjektet startet med research av ulike matnettsteder for å identifisere hvilke elementer som var nødvendige, ønskelige og mindre viktige. Jeg la særlig vekt på brukervennlighet og tone-of-voice for å evaluere hvilke design- og kommunikasjonsstrategier som fungerte best. Dette ga meg innsikt i hva som skapte en intuitiv og engasjerende brukeropplevelse, og hjalp meg med å definere de essensielle funksjonene for min nettside. 

Wireframes

For å definere layouten på nettsiden, begynte jeg med å lage wireframe-skisser på papir, hvor jeg itererte flere ganger for å utforske ulike designalternativer. Denne prosessen var svært nyttig for å starte ideutviklingen og visualisere hvordan nettsiden skulle se ut. 

Deretter overførte jeg disse skissene til Figma, hvor jeg utarbeidet mer detaljerte wireframes. I dette stadiet ble det klart hvordan layouten på hver enkelt side skulle struktureres, samt den overordnede websidestrukturen. Det var viktig for meg var å skape få, oversiktlige sider som var både brukervennlige og logiske, slik at brukerne enkelt kunne navigere og finne informasjon.

Innhold

Målet med Smaken av Trondheim er å fremheve de beste restaurantene Trondheim har å tilby. For å oppnå dette delte jeg nettsiden inn i to kategorier: Fine Dining, som inkluderer restauranter med Michelin-stjerne eller som er nærme å oppnå dette, og Verdi for pengene, som presenterer andre verdifulle restauranter verdt et besøk. Jeg valgte å inkludere et begrenset antall restauranter i hver kategori for å unngå overveldende valg for brukerne. 

Nettsiden retter seg mot alle som setter pris på god mat og søker etter gode restauranter. Hovedmålet er å gjøre det enkelt for besøkende å finne og velge en restaurant de ønsker å besøke, samtidig som de får tilgang til aktuell informasjon om Trondheims matkultur.

Tone of voice

Språket på Smaken av Trondheim er utviklet for å engasjere brukerne ved å uttrykke personlighet gjennom kommunikasjon. Teksten er utformet som en samtale, der spørsmål stilles for å fremme interaksjon og refleksjon hos brukerne. Valget av språk skaper en spennende og imøtekommende atmosfære, noe som bygger tillit og gjør nettsiden mer innbydende.

Grafisk profil

Fargepalett

Fargepaletten gir Smaken av Trondheim en unik identitet, hvor dype brune toner kombineres med myke kremfarger for å skape en harmonisk balanse mellom luksus og vennlighet. Samtidig er paletten begrenset, noe som gjør at de utvalgte restaurantene skinner og forblir i fokus.

Med varme og innbydende farger reflekterer paletten nettsidens eksklusive atmosfære samtidig som den opprettholder en tilgjengelig karakter for alle matentusiaster. Rødfargen tilfører en touch av lidenskap og energi, mens den gyldne gultonen symboliserer raffinement og eleganse.

Logo

Logoen til Smaken av Trondheim er designet for å gjenspeile essensen av nettstedet. Den bruker fonten Proxima Nova Semibold for å sikre høy lesbarhet og et moderne uttrykk. Et enkelt vinglass med myke kanter symboliserer navnet og gir logoen en elegant og innbydende karakter.


Det er utviklet to varianter av logoen for fleksibel bruk på både små og store objekter, tilgjengelig i to farger for lyse og mørke bakgrunner. Den første varianten inkluderer skrift, vinglass og fargeaksenter som formidler liv og eksklusivitet, mens den andre versjonen består kun av skrift og vinglass for optimal lesbarhet på mindre overflater. Logoens allsidighet sikrer en tydelig og konsistent presentasjon i ulike situasjoner.

Prototype og rapport

Hva jeg har lært

Gjennom dette prosjektet har jeg erfart hvor essensielt det er med en god struktur i arbeidet for å sikre at alle oppgaver blir fullført. Jeg har også tilegnet meg kunnskap om informasjonsarkitektur og dens betydning for et effektivt design. 

Dette var mitt første store prosjekt i Figma, og selv om læringskurven var bratt, har jeg opplevd hvor effektivt og brukervennlig Figma er for å lage enkle prototyper.