Digital løsning for kafe og butikk

Dette gruppeprosjektet handler om å utvikle en helhetlig digital løsning for en lokal virksomhet som kombinerer kafé, vinbar og delikatessebutikk. Målet var å forbedre hvordan brukere finner informasjon, navigerer i tilbudet og opplever merkevaren digitalt.

laptop på fanget, hvor en person skal til å booke noe på nettsiden til tjønnås

Se resultat

I prosjektet jobbet vi i gruppen med å utvikle en digital løsning for Tjønnås og Norvald, to virksomheter i Gjøvik som hører sammen, men som i dag ikke har en felles og tydelig digital profil. Målet har vært å undersøke hvordan en felles løsning kan forbedre informasjonsflyt og brukervennlighet for både nye og faste kunder.

Hvem er bedriften?

Tjønnås Delikatesser ligger i gågata i Gjøvik og tilbyr håndplukkede delikatesser fra både inn- og utland. Butikken er kjent for sitt brede utvalg av oster, spekemat, oljer og søtsaker, med produkter som kombinerer kvalitet og smak. Norvald Kafé er en del av Tjønnås-konseptet, og det er en koselig kafé og vinbar i Gjøvik gård. Her serveres kaffe, bakverk og gode måltider i en avslappet atmosfære, samtidig som de tilbyr catering og utleie av lokaler. Sammen representerer Tjønnås og Norvald en helhetlig opplevelse av matglede, kvalitet og gode møteplasser.

Innsikt

Vi startet arbeidet med å besøke stedene fysisk og snakke med studenter som bruker Norvald jevnlig. I tillegg brukte vi intervjuer fra andre grupper i faget som hadde samme oppgave, de hadde da snakket med de andre bruker gruppene, både kafe-kunder slik som oss, men også ansatte og stamkunder ved Tjønnås. Dette ga oss et bredt bilde av hvordan folk opplever begge tilbudene.

Med denne innsikten fra intervjuene lagde vi et affinitymap. Det er en metode der funnene fra intervjuene samles på lapper og sorteres i grupper basert på naturlige sammenhenger. Målet er å rydde i ustrukturert materiale og se mønstre som ikke nødvendigvis er synlige ved første gjennomlesning.

affinity map for tjønnås

Bildet over viser affinity kartet vi lagde. De gule lappene er de vi tok med oss videre i prosessen.

Ved å bruke affinity mapping i til denne innsikten fikk vi organisert og tydligjøre hovedtemaene som gikk igjen på tvers av alle målgruppene:

  • Utydelig kommunikasjon og lite helhetlig digital opplevelse

  • Ønske om en enkel og tilgjengelig løsning for bestilling og booking

  • Behov for en tydeligere sammenheng mellom Norvald og Tjønnås

  • Ønske om filtrering for allergener og dietter til menyene

Behov for: enklere, mer oversiktlig løsning for menyer og booking.

Personas og senario

Basert på innsiktsarbeidet utviklet vi fire personas, én for hver av brukergruppene vi undersøkte. Personas er fiktive brukerprofiler som representerer typiske mål, behov og atferd hos ulike brukere. Våre personas består av:

  • Marie: NTNU-student, ønsker digital bestilling og arrangement info

  • Bodil: Norvald-kunde, ønsker enkel booking og oppdatert meny

  • Bernhard: Tjønnås-kunde, ønsker tydelig informasjon om arrangementer og åpningstider uten å måtte bruke sosiale medier.

  • Sofie: Norvald-ansatt, ønsker bedre intern kommunikasjon og tydeligere planlegging

  • tjønnås personas sofie ansatt
  • tjønnås personas bodil norvald kunde
  • tjønnås personas marie student
  • tjønnås personas bernhard tjønnås kunde

Her kan du se og bla gjennom alle personasene vi lagde.

For hver av våre personas har vi utviklet to scenarioer hver. Ut av disse åtte senarioene valgte vi to som vi skulle fokusere på. Det er disse vi utviklet mobil- og desktop-prototyper for.

Det første scenarioet handler om Bodil: Det nærmer seg desember, og hun ønsker å arrangere et koselig julebord for åtte venner på Norvald. Dette scenarioet bruker vi som grunnlag for desktop-løsningen

Det andre scenarioet handler om Marie, som har nøtteallergier og ønsker å kunne sjekke meny og allergenfilter før hun besøker Norvald. Dette scenarioet ligger til grunn for mobil-løsningen.

Struktur for løsningen

Vi ble enige om å utvikle en ny nettside som svarer på de viktigste funnene fra innsiktsarbeidet. I tillegg valgte vi å samle både butikken og cafeen under ett felles navn, Tjønnås. For å strukturere innholdet laget vi et sitemap, som viser hvordan sidene henger sammen og hvordan brukeren navigerer i løsningen.

sitemap for tjønnås
sitemap for tjønnås

Ovenfor kan du se sitemappet for nettsiden, altså strukturen til alle sidene. De fargede linjene er for å vise hvilke sider som samhandler med hverandre.

Sitemappet består av fem hovedsider: åpningstider, booking, meny, nettbutikk og om oss (i tillegg til forsiden). Under hver av disse har vi lagt inn relevante undersider og innhold. Vi har også vist hvordan sidene er koblet sammen. For eksempel kan brukere gå fra menyen til ingredienser, og videre til nettbutikken hvor produktene kan kjøpes. Tilsvarende kan oppskrifter finnes via om oss og videre inn i artikler.

Forsiden fungerer som en inngang til resten av nettsiden, med snarveier til viktig innhold som produkter og arrangementer. Dette gjør det enklere for brukerne å oppdage relevant informasjon og øker samtidig muligheten for engasjement og salg.

Resultat

Prøv prototypen! Anbefaler å klikke på fullskjerm knappen for den beste opplevelsen (oppe til høyre inni bildet under). Husk at desktop viser til ett senario og phone viser til den andre.

Dersom du ønsker å teste prototypen kan du gjøre det på en pc/laptop/mac.

tjønnås sin meny vist frem av en person som holder en telefon
laptop på fanget, hvor en person skal til å booke noe på nettsiden til tjønnås
nettsiden for tjønnås vist frem på en laptop på et bord

Høst 2025

Webløsning, Visuell identitet

Gruppe medlem: Martin Vefring Ullaland, Maja Øvregård Kvalvik

Kjersti Pleym Opgård, Yngvi Reyr Haraldsson

Emne: IDG3009, Informasjonsarkitektur

Emne ansvarlig: Eivind Arnstein Johansen

Verktøy: Figma, Adobe Illustrator og InDesign

Les prosessen

Paula Birgitte © 2026

Nettside designet av

Paula Birgitte, med Framer.com

Paula Birgitte © 2026

Nettside designet av

Paula Birgitte, med Framer.com

Paula Birgitte © 2026

Nettside designet av

Paula Birgitte, med Framer.com