Vi har designet og laget nettsiden, samt gjort et lett designløft av web-appen til Tabify!
Tabify er en norsk betalingsplattform som lar restaurantgjester skanne en QR‑kode, se sin regning og betale uten å vente på servitør. Målet var å gjøre betalingsprosessen rask og selvbetjent – rett fra gjestens mobil. Løsningen integreres sømløst mot restaurantens kassesystem og skal øke både bordflyt og kundetilfredshet. Tabify ønsket en tydelig og selgende nettside samt en designmessig oppgradering av web‑applikasjonen. I tillegg trengte de et fysisk bordkort til restaurantenes bord som reflekterte merkevaren.
Visuell identitet og interaksjonsdesign
Vi utarbeidet et design i Figma. For å forklare betalingsflyten utviklet vi en serie mockups med illustrerte hender som skanner, splitter og betaler regningen. Disse scenene brukes både på web og i salgsmateriell for å gjøre prosessen lett å forstå. Den visuelle stilen er moderne og leken, med store overskrifter, klare illustrasjoner og en fargepalett som gir et profesjonelt, men vennlig inntrykk.
Vi designet også bordkort for restauranter. Kortet kombinerer NFC‑brikke og QR‑kode slik at gjestene kan scanne eller «tappe» med mobilen. Kortets grafikk gjenspeiler webdesignets farger og typografi.
Webside i Webflow
Nettstedet ble utviklet i Webflow, noe som gjorde det mulig å bygge et responsivt og animert grensesnitt uten tung kode, slik at kunden selv kan gjøre enkle endriger på egenhånd. Hjemmesiden kommuniserer verdiforslaget med en slagkraftig tittel: «Raskere betaling. Flere fornøyde gjester.» og beskriver hvordan gjestene kan splitte og betale regningen på under 15 sekunder. Under overskriften “Skann – splitt – betal!” følger en illustrert gjennomgang av prosessen: skann QR‑kode, se regning, velg hvordan man vil splitte, og betal. Vi la til tydelige kall‑til‑handling for å booke demo.
På siden «Løsningen» (funksjoner) utdypes prosessen: gjester skanner QR‑koden med sin egen mobil uten app, ser regningen i nettleseren, velger mellom ulike betalingsmåter – del regningen likt, betal sin egen del eller angi et egendefinert beløp – og betaler via Vipps, Apple Pay, Google Pay eller kort. Etter betaling kan de motta digital kvittering og legge igjen en Google‑anmeldelse direkte fra bekreftelsessiden. Vi fremhevet også funksjonen «Tap and pay» med NFC‑kort.
Designløft
Tabify hadde allerede et eksisterende design av web-løsningen, men ønsket et designmessig løft. Vi tok utgangspunkt i den eksisterende strukturen og implementerte vårt designsystem: ryddig typografi, luftige flater og en mer konsistent fargebruk. Vi oppdaterte ikonografi og knappestiler for tydeligere handlinger. Fokus var å gi brukerne en helhetlig og profesjonell opplevelse som stemmer overens med markedsnettstedet. Skjermbilder av den oppgraderte løsningen ble brukt på nettsiden for å illustrere funksjonalitet og design.
Resultat
Med en kombinasjon av gjennomarbeidet design og brukervennlig utvikling fikk Tabify en helhetlig profil på tvers av digitale og fysiske flater. Nettsiden formidler klart hvorfor restauranter velger Tabify: integrasjon mot kassesystemer, raskere bordrotasjon, mer tips og flere anmeldelser. For gjestene beskrives en friksjonsfri betalingsflyt som gir full kontroll og papirløs kvittering. Dette, sammen med bordkortet, gir et sømløst førsteinntrykk og en enkel måte å teste løsningen på.
