← ArbeidNORD / ARBEID — 02

ARBEID / 02

Da Lat Cider House

Nettside · To språk

Nettsiden til en cider fra høylandet i Vietnam, på engelsk og vietnamesisk. Kunden skulle vise hvor cideren kommer fra, bli funnet i Google og kunne oppdatere siden selv.

Se dalatcider.vn ↗

Forsiden av dalatcider.vn: tre bokser Da Lat Cider på et verandabord over tåkete furuåser — dalatcider.vn, forsiden

Kunde: Da Lat Cider House, East West Brewing Co.
Språk: Engelsk og vietnamesisk
Status: Lansert på dalatcider.vn
Omfang: Nettside

SITUASJONEN

Oppdraget

Kunden trengte en side som viser hvor cideren kommer fra, fungerer på telefon og på to språk, blir funnet i Google, og som de kan oppdatere selv.

LEVERANSEN

Hva vi gjorde

Aldersport og forside

Alkohol skal ikke markedsføres til mindreårige. Siden spør om alder ved første besøk, med ett trykk, og husker svaret. Forsiden selger stedet og produktet før noen har lest noe: stillbilde og tåkevideo, tre smaker vist én om gangen, og fem korte steg fra eple til boks.

Aldersport med ett trykk som ikke bremser voksne kunder
Karusell med Apple, Pineapple og Berries, hver med sin smaksfarge
Omtaler fra kjøpere på Chus.vn, med navn og kilde
Fire spørsmål i et trekkspill, lesbart for Google

To språk

Hele forsiden finnes på vietnamesisk, på sin egen adresse, med egen tittel og eget delingsbilde. Vietnam er hovedmarkedet, og en egen adresse lar Google vise riktig språk til riktig kunde.

Egen /vi-adresse for hele siden
Skrift med full støtte for vietnamesiske tegn
Språkvalg EN / VI på hver side

Journal og personvern

En blogg på begge språk gjør at hvert innlegg blir en ny side Google kan finne, på søk forsiden alene ikke dekker. Kunden skriver nye innlegg selv. Personvernerklæringen er kort og beskriver siden slik den faktisk kjører.

To innlegg på hvert språk ved lansering
Farger og skrift hentet fra boksen, så siden kjennes igjen fra butikkhyllen

OVERSIKT

Hele nettstedet, side for side

Aldersport: Spør om alder ved første besøk
Forside: Ni deler, fra toppbilde til footer
Mobil: Samme side, bygd for telefonen
/vi: Hele siden på vietnamesisk
/blog: Journalen, oversikt
/blog/…: To innlegg på hvert språk
/privacy: Personvern på begge språk

DESIGNVALG

Farger, skrift og uttrykk

Nettsiden skal føles som boksen i hylla. Når farger og skrift kommer fra produktet, kjenner kunden igjen merket fra butikken.

Bilder. Høylandet, tåke og furuskog. Ingen fruktregn eller reklameplakater: stedet er historien.

FurugrønnKnapper og overskrifter. Fra logoen.
Varm hvitBakgrunn. Mykere enn ren hvit.
Mørk skogTekst og footer.
AppleSmaksfarge fra boksen.
PineappleSmaksfarge fra boksen.
BerriesSmaksfarge fra boksen.

Fraunces, overskrifterEn myk, varm serif som minner om etiketten. Støtter vietnamesiske tegn fullt ut.
Geist, brødtekstRen og lett å lese på små skjermer, så overskriftene får være personligheten.

SIDE FOR SIDE

Hva vi gjorde, og hvorfor

01 · ALDERSPORT

Først: er du over 18?

dalatcider.vn

Hva vi gjorde: Ved første besøk spør siden om alder. Ett trykk på «Yes, I’m 18+», og siden husker svaret neste gang.
Hvorfor: Alkohol skal ikke markedsføres til mindreårige. Porten bærer logoen og tar ett trykk, så den beskytter merket uten å bremse voksne kunder.

02 · FORSIDE · 1

Toppbildet selger stedet og produktet.

dalatcider.vn

Hva vi gjorde: Tre bokser på et verandabord over tåkete furuåser. Tåken beveger seg sakte. Overskrift, én kort tekst og to knapper, og under en linje med fakta om merket.
Hvorfor: Produktet og stedet skal forstås uten å lese. Teksten ligger i himmelen, aldri oppå boksene. Stillbildet vises først, og bevegelsen slås av for dem som har valgt det bort.

03 · FORSIDE · 2

Tre cidere, én om gangen.

dalatcider.vn/#collection

Hva vi gjorde: En kort introduksjon, så en karusell med Apple, Pineapple og Berries. Hver smak får sin egen farge.
Hvorfor: Tre smaker er få nok til å vise én om gangen. Hver får hele scenen og fargen fra sin egen boks, så kunden lærer forskjellen raskt.

Karusellen med de tre smakene Apple, Pineapple og Berries — Hver smak med fargen fra sin egen boks

04 · FORSIDE · 3

Slik lages den, i fem steg.

dalatcider.vn/#craft

Hva vi gjorde: Fem korte steg fra eple til boks: plukket, presset, gjæret, tilsatt kullsyre og tappet.
Hvorfor: Den som kjøper «naturlig» drikke, vil vite hva som er i den. Fem korte steg gjør løftet konkret uten å bli en lærebok.

De fem stegene fra eple til boks på dalatcider.vn — Fem steg, ingen lærebok

05 · FORSIDE · 4 OG 5

En pause, og så byen.

dalatcider.vn/#dalat

Hva vi gjorde: Én setning om Da Lat, satt stort over et tåkelandskap. Så et bildegalleri fra byen: tåke, furuskog, gårder og gamlebyen, med korte bildetekster.
Hvorfor: Pausen forteller hvordan merket skal føles: sakte, kjølig og litt søtt. Merket heter Da Lat, og byen er salgsargumentet. Bildene gjør et stedsnavn til en følelse kunden vil smake.

Én setning om Da Lat over et tåkelandskap — Pausen

Bildegalleri fra Da Lat: tåke, furuskog, gårder og gamlebyen — Dette er Da Lat

06 · FORSIDE · 6 OG 7

Hva kundene sier, og svar før kunden spør.

dalatcider.vn/#faq

Hva vi gjorde: Tre omtaler fra kjøpere på nettbutikken Chus.vn, med navn og kilde. Under dem fire spørsmål: hvor kjøper jeg den, hvor sterk er den, hva er i den, og hvem lager den.
Hvorfor: Andre kjøperes ord veier tyngre enn merkets egne, og navn og kilde gjør dem troverdige. De fire spørsmålene er det folk lurer på før de kjøper. Svarene er lukket til man trykker, så siden blir ikke lang.

Tre omtaler fra kjøpere på Chus.vn — Omtaler, med navn og kilde

Fire spørsmål og svar i et trekkspill — Fire spørsmål, lukket til man trykker

07 · FORSIDE · 8

Én siste oppfordring, og en footer som samler resten.

dalatcider.vn/#contact

Hva vi gjorde: «Find Da Lat Cider» som eneste knapp, og en footer med smaker, sider, kontakt og språkvalg.
Hvorfor: Den som har scrollet helt ned, er klar. Da trengs én knapp, ikke fem. Footeren samler alt annet, så ingenting må letes etter.

Siste oppfordring «Find Da Lat Cider» og footeren — Én knapp, og en footer som samler resten

08 · MOBIL

Bygd for telefonen først.

Hva vi gjorde: Bildet først, så overskriften og knappene. Menyen viser hovedsidene øverst, de andre under, og språkvalg og «Where to buy» nederst.
Hvorfor: De fleste besøk kommer fra telefon. Teksten ligger under bildet i stedet for oppå, så både produkt og tekst kan leses. Alle knapper er store nok for en tommel.

dalatcider.vn på mobil: bildet først, så overskriften og knappene — Bildet først, så tekst

Menyen på mobil med hovedsidene øverst og språkvalg nederst — Menyen

09 · VIETNAMESISK

Hele siden på kundens eget språk.

dalatcider.vn/vi

Hva vi gjorde: Hele forsiden på vietnamesisk, på sin egen adresse, med egen tittel og eget delingsbilde. EN / VI ligger øverst på hver side.
Hvorfor: Vietnam er hovedmarkedet. En egen adresse lar Google vise riktig språk til riktig kunde, og en lenke delt på Zalo eller Facebook ser riktig ut på begge språk.

10 · JOURNAL

En journal som gjør siden lettere å finne.

dalatcider.vn/blog · /vi/blog

Hva vi gjorde: En blogg på engelsk og vietnamesisk. Oversikten viser innleggene med bilde, dato og ingress.
Hvorfor: Hvert innlegg blir en ny side Google kan finne, på søk forsiden alene ikke dekker. Kunden skriver nye innlegg selv.

Journaloversikten på engelsk — dalatcider.vn/blog

Journaloversikten på vietnamesisk — dalatcider.vn/vi/blog

11 · JOURNAL · INNLEGG

To innlegg som svarer på det folk søker.

dalatcider.vn/blog/…

Hva vi gjorde: «Hvordan Da Lat Cider lages» forklarer de fem stegene fra eple til boks, med ett stort bilde og nummererte overskrifter. «Tre smaker, én by» handler om Apple, Pineapple og Berries, og byen bak dem.
Hvorfor: Det første svarer på søk som «hvordan lages cider», og korte avsnitt og tydelige overskrifter gjør det lett å lese på mobil. Det andre gir hver smak en egen tekst Google kan finne, og lar kunden bli kjent med merket før kjøpet.

Innlegget «How Da Lat Cider is made» — How Da Lat Cider is made

Innlegget «Three flavours, one highland city» — Three flavours, one highland city

12 · PERSONVERN

Kort, ærlig og i tråd med det siden gjør.

dalatcider.vn/privacy · /vi/privacy

Hva vi gjorde: Forteller hva siden samler inn, hvorfor, hvor dataene lagres, hvor lenge, og hvordan man får dem slettet.
Hvorfor: Den som samler e-postadresser, må forklare hva som skjer med dem. Vi skrev den kort, og den beskriver siden slik den faktisk kjører.

Personvernerklæringen på engelsk — dalatcider.vn/privacy

Personvernerklæringen på vietnamesisk — dalatcider.vn/vi/privacy

OPPSUMMERT

Hvorfor dette fungerer

Stedet selger produktetCideren i Da Lats tåkete åser er det første kunden ser.
Ser ut som boksen i butikkenSamme farger, skrift og smaksfarger på hver side.
Ett tydelig neste steg«Where to buy» ser likt ut overalt, og hvert klikk telles.
To språk, riktig gjortEgen vietnamesisk side, og Google vet hvilken som skal vises.
Laget for telefonen førstBilde, så tekst, så knapper. Store trykkflater.
Kunden oppdaterer selvTekst, bilder og innlegg endres uten utvikler.

Én setning til kunden«Vi bygger en nettside som viser hvem dere er, og som dere kan oppdatere selv.»