Stines oppskrifter

Et personlig prosjekt som startet med at jeg savnet et sted å samle oppskriftene vennene mine anbefalte meg. Jeg ville gjøre det enklere å finne igjen gode retter, planlegge måltider og handle sammen.

00

Om prosjektet

Plattform: Nettside
Lenke: stinesoppskrifter.no
Periode: Okt 2026 - pågående
Oppdrag: Freelance, eget prosjekt
Verktøy: Figma, Claude og MCP

I korte trekk

En nettside for deg som liker å lage mat, vil la deg inspirere av andre, eller bare ønsker en enklere ukeshandel.

01

Bakgrunn

Oppskriftene vi deler med hverandre, finnes bare i hodet.

Jeg og venninnene mine deler stadig oppskrifter og tips til hva vi kan lage. Ofte blir jeg inspirert av noe en av dem har laget, men så glemmer jeg både hva retten het og hvordan den ble laget. Oppskriftene ender gjerne opp i gamle meldinger, notater eller screenshots.

Derfor fikk jeg lyst til å lage en digital oppskriftsbok der vi kan samle våre egne oppskrifter, finne inspirasjon hos hverandre og slippe å lete etter ting vi har delt før.

Etter hvert utviklet ideen seg til noe mer enn en oppskriftsbok. Jeg og samboeren min har lenge lett etter en god løsning for å planlegge ukas middager og lage handleliste sammen. Vi bruker mer tid på dette enn vi egentlig skulle ønske, men gjør det likevel fordi det hjelper oss å spare både tid og penger, samtidig som vi får planlagt sunne og varierte middager.

Jeg ville derfor samle oppskrifter, middagsplanlegging og handlelister på ett sted, med mulighet for å dele alt sammen med andre.

02

Utvikling og fremgangsmåte

En agentisk utviklingsprosess med et UX-perspektiv.

Utvikling

Jeg ville bruke dette prosjektet til å bli bedre kjent med Claude og utforske hvor langt jeg kunne komme med å bygge en nettside ved hjelp av KI. Jeg har stått for designet i Figma, mens Claude har skrevet koden og bygget løsningen. Jeg har altså ikke kodet nettsiden selv.

Jeg koblet Claude til Figma gjennom MCP, slik at Claude kunne lese designet og bruke det som utgangspunkt for utviklingen. Underveis har jeg jobbet videre med detaljene, blant annet hvordan filtrene på forsiden fungerer, hvordan det er å legge ut en oppskrift, og hvordan løsningen tilpasser seg mobil.

Jeg har også lagt inn innlogging med Google, slik at brukerne enkelt kan logge inn og få tilgang til sine egne oppskrifter, menyer og handlelister. Jeg ville at nettsiden skulle være mer enn en visuell prototype, og at det skulle være mulig å bruke funksjonene i praksis.

Prosess

Prosjektet har ikke fulgt en tradisjonell UX-prosess. Jeg har ikke gjennomført brukerundersøkelser eller testet prototyper før utviklingen, og den første versjonen ble laget i samarbeid med Claude uten involvering av faktiske brukere.

Nå har jeg begynt å teste nettsiden på vennene mine. Det er gøy å se dem bruke noe som startet som min egen idé, og få tilbakemeldinger på ting jeg ikke selv har tenkt på. Det er også en påminnelse om hvor mye som dukker opp når noen faktisk prøver å bruke løsningen, og ikke bare ser på designet.

Løsningen testes og videreutvikles stadig, basert på både mine egne og andres erfaringer med nettsiden. Den blir nok aldri helt ferdig, men det er jo litt av poenget!

03

Løsning

Oppskrifter, middagsplanlegging og handlelister på ett sted.

Jeg har laget en nettside der du kan samle egne oppskrifter, finne inspirasjon fra andre og planlegge hva du skal spise. Det sosiale er fortsatt viktig, men jeg ville også at løsningen skulle være nyttig i hverdagen, fra du lurer på hva du skal lage til du står i butikken.

Finn inspirasjon

Finn oppskrifter som passer til deg og det du har lyst på

På forsiden kan du svare på noen enkle spørsmål for å finne noe å lage. Du velger hva du har lyst på, hvilken stemning du er i, hva du ønsker å få ut av måltidet og hvor mange som skal spise. Oppskriftene filtreres mens du svarer.

Vil du heller lete selv, kan du søke eller bla gjennom oppskriftene. Du kan også følge venner og enkelt finne tilbake til oppskriftene deres.

Tre mobilskjermer: forsiden med spørsmålskortet «Hvor mange skal spise?» og filtre for oppskriftene, oppskriften Kyllingsuppe med forfatteren, og profilsiden med lista over brukere man følger. — Filtrer deg frem til oppskrifter eller la deg inspirere av feeden. Ved å følge andre kan du enkelt finne igjen oppskriftene deres.

Tilpass oppskriftene

Du kan endre antall porsjoner, og ingrediensmengdene regnes automatisk om. Mangler du en ingrediens, kan du skrive inn hva du bruker i stedet og justere mengden selv. Du kan også tilbakestille endringene når du vil.

Kalorier er skjult som standard, men kan slås på dersom du ønsker det. Informasjonen hentes fra Matvaretabellen.

Ingredienslisten til en kyllingsuppe med porsjonsvelger og fremgangsmåten ved siden av, valget «Er du opptatt av kalorier?» og oppskriftskortet for Kyllingsuppe med ca. 490 kcal. — Du kan enkelt justere mengdene når du følger en oppskrift, og få kaloriene regnet ut automatisk. Du kan også velge å skjule kaloriene helt.

Lag og del oppskrifter

Ta vare på oppskriftene dine og del dem med andre

Det skal være enkelt å dele egne oppskrifter i et ryddig format. Derfor er det å legge ut en oppskrift delt inn i fem steg: informasjon om retten, ingredienser, fremgangsmåte, bilder og forhåndsvisning.

Du kan legge til bilder underveis i fremgangsmåten, velge om oppskriften skal være offentlig eller privat, og lagre den som et utkast hvis du vil fortsette senere.

Du kan også koble sammen oppskrifter for å foreslå tilbehør eller sette sammen et helt måltid. For eksempel kan du koble en oppskrift på focaccia til en suppe.

To mobilskjermer fra det å legge ut en oppskrift: steg 2 av 5 med ingredienser, og steg 4 av 5 med bilde av retten. — Når du legger inn oppskrifter, følger du en stegvis prosess som gjør det enkelt å registrere all informasjon på en ryddig og oversiktlig måte.

To mobilskjermer: steg 5 av 5 med forhåndsvisning av oppskriften og knappene Lagre som utkast og Publiser, og feltet der man kobler en annen oppskrift til, her en focaccia. — Før du publiserer oppskriften, får du se en forhåndsvisning. Her kan du også tagge andre oppskrifter for å sette sammen et komplett måltid.

Praktisk samarbeid

Sett sammen måltidene for dagen eller uka, alene eller sammen med andre

Med dagsmenyen og ukesmenyen kan du planlegge hva du skal spise, og hvor mange porsjoner du trenger. Du kan bruke oppskrifter fra nettsiden eller legge inn andre måltider selv.

Menyene kan også deles med andre, slik at flere kan se og redigere planene sammen.

Tre mobilskjermer: dagsmenyen med Ratatouille, ukesmenyen med flere dager under hverandre, og skjemaet for å legge en rett til i menyen. — På Meny og handleliste-siden kan du planlegge både dags- og ukesmenyer, og dele dem med andre du skal spise sammen med. Du kan også legge inn egne måltider direkte i menyen.

Felles handleliste

Når du har planlagt måltidene, kan du lage en handleliste basert på ukesmenyen. Ingrediensene samles, og mengdene tilpasses antall porsjoner. Varene kategoriseres automatisk, men du kan også lage en tom liste, for eksempel til en hyttetur.

Handlelisten kan deles med andre, slik at alle ser de samme endringene i sanntid. Du kan også kopiere listen som tekst og dele den med personer som ikke har en bruker.

Fire mobilskjermer: skjemaet for en ny handleliste laget fra menyen, listen Ukeshandel med felt for egne varer, delingen av listen med venner, og en liste der 12 av 47 varer er krysset av. — Lag en handleliste fra ukesmenyen, del den med andre eller kopier den som tekst. Du kan også tømme listen når du er ferdig.

04

Veien videre

Fra nettside til app, og kanskje noe mer?

Planen er å gjøre nettsiden om til en app. Både menyen og handlelisten er verktøy man bruker gjennom dagen, og da hadde det vært fint å ha dem lett tilgjengelig på mobilen, særlig når man står i butikken.

Jeg har også begynt å se for meg andre måter løsningen kan brukes på. For eksempel kunne dagsmenyen vært nyttig når man planlegger arrangementer med flere måltider, der man trenger å sette sammen retter og tilpasse porsjoner. Jeg kjenner ikke eventplanlegging særlig godt, så dette er foreløpig bare en idé. Men det hadde vært spennende å utforske om løsningen kan dekke behov jeg ikke har tenkt på fra før.

Jeg vurderer også å endre navnet. Stines oppskrifter startet som en digital oppskriftsbok for meg og venninnene mine, men hvis flere skal bruke den, vil jeg gjerne finne et navn som passer for flere enn bare oss.

Inntil videre fortsetter vi å bruke nettsiden selv. Tilbakemeldingene fra vennene mine, og ting vi savner når vi bruker den, blir utgangspunktet for hva jeg jobber videre med.