Innhold før effekter
Selskapets offentlige produktinformasjon og katalog dannet grunnlaget. Jeg skilte mellom behovene til forbrukere og forhandlere og ga hvert innholdselement en tydelig plass i brukerreisen.
Produktpresentasjon, UX/UI og frontend
Kulinaris · Iskrem på nett
En selvstendig studie av hvordan Kulinaris kan presentere smakene sine og gjøre produktinformasjonen enklere å bruke. Nettsiden kombinerer et rikt visuelt uttrykk med egne veier for iskremkjøpere og forhandlere.
Selvstendig designstudie
Åpne nettstedetHvordan gi smakene plass og samtidig hjelpe besøkende å finne det de trenger?
Jeg organiserte innholdet rundt tre oppgaver: utforske smaker, finne produktopplysninger og undersøke muligheten for å bli forhandler. Farger, typografi og frilagte bilder gir hver smak et eget uttrykk, med utgangspunkt i Kulinaris’ eksisterende identitet. Produktkatalogen samler kategorier, søk og filtre. På produktsidene er ingredienser, allergener og pakningsinformasjon samlet, mens bedriftsdelen gir en tydelig vei til salgsavdelingen og produktmateriell.
- Mitt bidrag
- Analyse, innholdsstruktur, UX/UI, norsk tekst, visuell utforming, KI-støttet bildeproduksjon og frontendutvikling.
- Målgruppe
- Forbrukere som vil finne en smak eller et utsalgssted, og butikker, isbarer, kafeer og restauranter som vurderer sortimentet.
- Prosjektets status
- Uavhengig, uoppfordret designstudie, ikke et bestilt eller godkjent kundeoppdrag. Kulinaris’ logo, emballasje og eksisterende identitet tilhører merkevaren. Serveringsbilder og råvareillustrasjoner er laget med KI-støtte. Demonstrasjonen har ingen bestillings-, betalings- eller ERP-integrasjon. Ingen målte forretningsresultater påstås.
Relevant tjeneste
Se tjenesten som er nærmest kompetansen og arbeidsformen som vises i prosjektet.
UX/UI-designDette viser prosjektet
- Fem smaker i en automatisk hero-karusell med sveiping, manuell navigasjon og pause.
- Produktoversikt med kategorier, søk etter navn eller EPD og filtrering.
- Sammenhengende produktsider med ingredienser, allergener og beslektede pakningsformater.
- Egen del for forhandlere, produktmateriell og serveringsideer.
- Responsiv HTML, CSS og JavaScript med tastaturbetjening og støtte for redusert bevegelse.
Slik jobbet jeg
Smak som visuell retning
Frilagte produkter, råvareillustrasjoner og farger tilpasset smakene skaper variasjon innenfor ett felles designsystem. Det bygger videre på merkevarens identitet.
Bevegelse med kontroll
Rolige bevegelser i ingredienser og produktbilder, lagdelte overganger og automatisk visning med pause. Innholdet er tilgjengelig også med redusert bevegelse.
Fra skisse til fungerende nettside
Jeg utviklet og justerte frontend, navigasjon, produktvisninger, tekst og mobiloppsett gjennom flere runder. Studien viser en fungerende demonstrasjon, ikke et ferdig integrert salgssystem.
Åpne nettstedet