← ArbeidNORD / ARBEID — 01

ARBEID / 01

The Roof

Nettside · MVP · Merkevare

Vår egen takbar i Da Nang, og derfor det ærligste caset vi har. Alt vi selger til kunder står i drift her først, hver kveld, med vår egen omsetning som innsats.

Se theroofdanang.com
Forsiden av theroofdanang.com: rommet i full bredde med tittelen Beachfront Rooftop Escape
theroofdanang.com, forsiden
Kunde
The Roof, Da Nang
Sted
1A Vo Nguyen Giap, tredje etasje
År
2024, pågår
Omfang
Nettside, MVP, merkevare
SITUASJONEN

Oppdraget

The Roof åpnet i mars 2023 på taket i 1A Vo Nguyen Giap, med stranden på den ene siden og Da Nang på den andre. Rommet trakk folk tilbake av seg selv. Flaten som skulle selge det gjorde ikke jobben.

Nettsiden konverterte ikke. Bordbestillinger kom inn som meldinger og telefoner uten noe sted å samle dem, og kveldene gikk med til å svare på dem. Menyen lå i bilder, så verken en søkemotor eller en oversetter kom til den. Og ingen jobbet systematisk med å bli funnet i Google.

Gjestene kommer fra tre hold: vietnamesere, russiske reisende, og resten av verden på engelsk. En nettside på ett språk snakker til en tredel av salen.

LEVERANSEN

Hva vi gjorde

01

Nettsiden

Designet og bygget in-house, driftet av oss. Layouten er delt i to: rommet står i full høyde på den ene siden, innholdet leses på den andre. Menyen og programmet kan skannes uten at stemningen i bildet forsvinner.

  • Meny med priser, porsjonsbilde og serveringstid per seksjon
  • Ukeprogram tirsdag til søndag med DJ-tid, lydprofil, tilbud og lineup per kveld, og et Tonight-merke som følger dagen
  • Engelsk, vietnamesisk og russisk, de tre gruppene baren faktisk lever av
  • Bordbestilling i navigasjonen på hver eneste side
02

MVP

Et internt verktøy bygget for driften av baren, og i bruk hver dag siden det ble satt i drift. Reservasjoner og gjester ligger ett sted i stedet for spredt i meldinger, telefonlogger og regneark, og kvelden kan settes opp før den begynner.

  • Reservasjoner samlet i én oversikt, ikke i fire innbokser
  • Bygget for denne driften, ikke tilpasset fra et ferdig system
  • I daglig bruk av eierne, ikke levert og forlatt
03

Merkevare

Baren så ut som én ting og hørtes ut som en annen. Retningen ble satt før noe ble tegnet: hva slags sted dette er, hvem det er for, og hva det høres ut som. Beslutningen gikk hele veien ned i driften. Menyen ble lagt om mot cocktails, som er det en takbar faktisk selger, og lydprofilen fra house til hiphop og r&b, som passer rommet og publikummet. Bilder, meny, ukeprogram og nettside følger den samme retningen.

  • Posisjonering: en takbar ved stranden, ikke en restaurant med utsikt
  • Samme retning i bilder, meny, ukeprogram og nettside
VERKTØYET

Systemet baren kjøres fra

Nettsiden tar imot gjesten. Alt som skjer etterpå skjer her. Bordene som er bekreftet og de som venter på svar, vaktene for uka, timene hver enkelt har igjen mot kontrakten sin, og innkjøpene fra noen ber om noe til det står på taket. Ett sted, ikke fire regneark og en gruppechat.

Skjermene under er fra den kjørende appen 29. august 2026, midt i drift. Navn, e-postadresser, gjestemeldinger og alle beløp er sladdet før bildet ble tatt — bordlisten er gjestenes egne ord, og de har aldri sagt ja til å stå her.

  • Bordbestillingene lander i systemet i stedet for i en innboks
  • Kapasitet per tidspunkt, så en full 17:00 sees før den loves bort
  • Vaktplan og timer mot kontrakt i det samme rutenettet
  • Innkjøp med status fra forespurt til levert, og hva som står ute
Driftsbildet i The Roof HRM: laget som er på vakt i kveld fordelt på rolle, antall bord, snittvurdering, gjestetall mot mål, og dagens omsetningsmål med beløpene sladdet
Driftsbildet — hvem som er på, hvor mange bord, og hvor kvelden ligger an
Bordoversikten: åtte bestillinger for kvelden, én som venter på svar, belegg per tidspunkt time for time med sjøutsikt, sofa og ståplass hver for seg, og hvilke land gjestene kommer fra. Gjestenavn og meldinger er sladdet
Bordene — hva som er bekreftet, hva som venter, og hvilke tidspunkt som er fulle
Vaktplanen for uka 24. til 30. august 2026 som ett rutenett: hver ansatt på sin rad gruppert etter avdeling, vakt per dag, timer mot kontrakt, og bemanning per dag. Navnene er sladdet
Vaktplanen — uka som ett rutenett, med timene hver enkelt har igjen mot kontrakt
Innkjøpslisten gruppert i forespurt, godkjent, bestilt og levert, med antall og notat på hver linje. Beløpene og samlet utestående er sladdet
Innkjøpet — hver linje fra forespurt til levert, og hva som står ute
MERKEVAREN

Identiteten, og kanalen den kjører på

Identiteten er tegnet som et system, ikke som en logo. Elleve ark bestemmer hva som brukes hvor, og hvorfor.

Det er den samme jobben en nettside gjør, gjort på flatene rundt den. Rekka under er arkene selv, og den begynner med Instagram-profilen, fordi et identitetssystem bare er påstander til noen ser det kjøre på kanalen det ble tegnet for.

  • En tabell over hvilket merke som gjelder hvor, så valget ikke tas på nytt hver gang
  • En regel for når hver flate brukes, ikke en palett å plukke fra
  • Lyssetting og utsnitt bestemt før noe filmes, så fire kvelder ser ut som samme sted
Instagram-profilen @theroofdanang: den sirklede R-en som profilbilde, fire høydepunkter i samme merke, og et rutenett av innlegg i den oransje paletten
InstagramMerket, høydepunktene og rutenettet, slik det står i dag.@theroofdanang
Arket Visual Identity: primærlogo i ramme, sekundærlogoen som en sirklet R, og en tabell over hvilket format som får hvilken logotype
LogosystemetTre merker, og tabellen over hvilket som gjelder hvor.
Arket Font Guide: Playfair Display som overskrift, Malinton Display som skriveskrift og ED Drayton som brødtekst, hver med sitt punktområde
TypografienTre skrifter, hver med sin jobb og sitt punktområde.
Arket Background: tre flater — brent oransje, en solnedgangsgradient fra fersken til terrakotta, og en kremhvit papirflate
FlateneTre bakgrunner, valgt etter hva innlegget skal gjøre.
Arket Texture: fire teksturer — uskarp solnedgang, mønster av glass-silhuetter, og to eksempler på frostet glass
TekstureneFire behandlinger, og glasset som bærer tekst over foto.
Arket New Elements: et sett strektegnede ikoner i ovaler — glass, sol, palme, plate og flere
ElementeneEt strekmerke per ting stedet selger, brukt som mønster.
Arket Purpose fra Media Direction: mål for bildebruk og hvilke flater bildene skal tjene
Bildene: hva de skal gjøreHvor bildene skal ligge, bestemt før hvordan de ser ut.
Arket Lighting fra Media Direction: fire primærtoner, regler for kontrast og hvitbalanse
Bildene: lysetFire toner, og hvor langt hvitbalansen får gå mot varmt.
Arket Framing & Camera Movement fra Media Direction: utsnitt, kamerabevegelse og en liste over videotemaer
Video: utsnitt og bevegelseUtsnitt, bevegelse og seks temaer. Arbeidet bak reels.
Omslaget til menyen: primærlogoen i ramme mot en gradient, med tittelen The Roof – Da Nang stående vertikalt
Menyen: omslagetSamme identitet, trykt. Den ene flaten hver gjest tar i.
En cocktailside fra menyen: fire drinker tegnet for hånd, hver med navn i skriveskrift, ingredienser og smaksprofil
Menyen: cocktailsideneFire tegnede drinker per side, med ingredienser og smak.
En klassikerside fra menyen med en fargekodet smaksnøkkel nederst: sur, søt, bitter, salt, sterk, røykfylt, musserende og alkoholsterk
Menyen: smaksnøkkelenÅtte fargekoder, for en bar med tre språk ved bordene.
RESULTATET

Før og etter

Forsiden var en oransje flate med en YouTube-boks på toppen, bak en play-knapp, og fire kort som pekte videre til mat, drikke, tilbud og stemning. Nå åpner siden med rommet selv: en video i full høyde som starter av seg selv og går i loop, og som viser det gjestene faktisk kommer for — lokalet, lyssettingen og utsikten mot havet.

Før — den gamle siden, 2025
Forsiden på den gamle siden: oransje flate med en innebygd YouTube-video og fire kort underArkivkopi, 14. juli 2025
Etter — theroofdanang.com i dag
Forsiden på theroofdanang.com i dag: rommet i full bredde med tittelen Beachfront Rooftop EscapeÅpne theroofdanang.com

Menyen lå i bilder. Retter, beskrivelser og priser var brent inn i JPG-er du bladde deg gjennom, så ingenting kunne markeres, oversettes eller leses av en søkemotor. Nå er hver rett tekst, med pris, porsjonsbilde og serveringstid per seksjon.

Før — den gamle siden, 2025
Menysiden på den gamle siden: en oransje flate med en karusell av menyer som flate bilderArkivkopi, 23. april 2025
Etter — theroofdanang.com i dag
Menysiden på theroofdanang.com i dag: hver rett som tekst med bilde, beskrivelse og pris, og serveringstid per seksjonÅpne menyen

Ukeprogrammet var én plakat, med samme problem: kveldene lå som bilde, og en endring i lineupen krevde ny grafikk. Nå er hver kveld et kort med DJ-tid, lydprofil, tilbud og lineup i egne felt, og et Tonight-merke som følger dagen.

Før — den gamle siden, 2025
Eventsiden på den gamle siden: ukeprogrammet som én plakat i bildeformatArkivkopi, 12. mai 2025
Etter — theroofdanang.com i dag
Eventsiden på theroofdanang.com i dag: ett kort per kveld med Tonight-merke og DJ-tid, lyd, tilbud og lineup i egne feltÅpne programmet
MÅLINGEN

Tallene, og systemet de leses av

Google-profilen

Google Business Profile mars–august 2026

258 000
visninger av profilen
106 000
søk som viste profilen
49 304
handlinger på profilen

I Google-søk

Search Console 11. juli–7. august 2026

57 174
ganger en side ble vist
1 178
klikk, 2,1 % av visningene
1 939
søkeord Google navnga

På nettstedet

Vercel Analytics 14. juli–10. august 2026

262
besøkende, talt én gang
502
sidevisninger
22
skjemaer sendt

Jobben stopper ikke ved lansering. The Roof ligger som klient i vår egen konsoll, og det er der nettstedet leses: hver side hentes fra sitemapet, revideres enkeltvis og måles, og det som endrer seg havner i loggen.

Tallene i seksjonen over er ikke skrevet inn for hånd. De er avlesninger fra fire kilder konsollen henter selv, og skjermbildene er tatt fra den kjørende konsollen.

  • Alle 15 sidene hentet fra sitemapet og revidert hver for seg
  • Search Console, Vercel Analytics, PageSpeed og skjemainnsendinger i ett bilde
  • Hva som endret seg siden forrige avlesning, ikke rullende tall som beveger seg uansett
Prosjektskjermen i Northbound OS: fase, porter og en avlesning med besøkende, klikk, visninger og hva som endret seg
Prosjektet — fem porter, og hva som endret seg siden sist
Ytelsesskjermen i Northbound OS: Vercel Analytics, PageSpeed Insights og Google Search Console med kilder og datoer
Målingen — fire kilder, hver med sitt vindu
Sideskjermen i Northbound OS: to nettsteder på rad, femten sider med antall avvik hver, og en detaljrute for den valgte siden
Sidene — 15 sider, hver med sine avvik