Skanning i fokus
Hero-seksjonen er bygget rundt skanneopplevelsen, ikke generisk markedsføring. Det gjør at nettsiden føles som en forlengelse av appen.
BiteFy · designet for samme uttrykk som appen
En nettside som ser ut som BiteFy føles.
Denne landingssiden matcher appens visuelle språk: varm lys bakgrunn, rene kort, grønne primærknapper, myke hjørner og tydelige trygghetsstatus som safe, warning og danger.
App-stilBygget med samme fargepalett og kortsystem som i BiteFy-appen.
Klar UITydelig hierarki, rolige flater og fokus på trygg matinformasjon.
Premium enkeltRen nok til Vercel og sterk nok til å brukes som ekte produktlanding.
Funksjoner
Samme formspråk som appen.
Nettsiden under bruker samme visuelle logikk som appen din: off-white bakgrunn, hvite informasjonskort, grønne handlinger, dempet sekundærfarge og trygghetsbaserte statusflater.
Tydelige statuser
Safe, Warning og Danger er vist med egne rolige bakgrunner slik som i appen, så brukeren forstår verdien direkte.
Profil og allergier
Nettsiden fremhever at BiteFy ikke bare skanner varer, men også tilpasses allergiene og intoleransene brukeren velger selv.
Forhåndsvisning
Vis appen uten å laste opp ekte skjermbilder ennå.
Dette er en stylized presentasjon av BiteFy-grensesnittet. Når du vil, kan samme layout enkelt byttes til ekte app screenshots fra Expo eller TestFlight.
Scanner view
Ren, tydelig og laget for raske valg i butikk.
Live preview
Hold kamera over strekkodenBiteFy finner produktet og viser om varen passer din profil med en gang.
SafeIngen tydelige treff mot melk eller gluten.
Klare resultater
Nettsiden speiler hvordan appen presenterer beslutningsstøtte: enkel, lesbar og uten støy.
WarningKan inneholde spor av nøtter.
Usikkerhet kommunisert riktig
Viktig informasjon vises med varm advarselstilstand, ikke bare vanlig tekst.
DangerInneholder melk.
Høy synlighet der det teller
Fargebruk og struktur er laget for å støtte raske og trygge valg i virkelige handlingssituasjoner.
Hvordan det fungerer
Tre steg. Samme enkelhet som i appen.
Innholdet er skrevet for å matche produktet ditt, ikke en tilfeldig template. Det gjør siden mer troverdig når du skal vise BiteFy frem.
1
Velg allergier
Brukeren setter opp profilen sin med intoleranser og allergier slik at vurderingene blir relevante.
2
Skann produktet
Kameraet leser strekkoden, henter produktdata og bygger et tydelig resultatbilde med én gang.
3
Se resultatet
BiteFy viser om varen ser trygg ut, må vurderes nærmere eller bør unngås ut fra valgt profil.
Klar for neste steg
Denne siden er laget for å kunne brukes videre på bitefy.no med ekte appbilder og App Store-knapper.
Strukturen er allerede satt opp riktig. Neste naturlige steg er å bytte mockupene med skjermbilder fra appen og legge inn ekte nedlastingslenker når de er klare.