Maori Tattoo Studio: en studieside på fem sprog

Maori Tattoo Studio er en tatoverings- og piercingstudio i SadaMarket ved siden af passagerhavnen i Tallinn. Opgaven var en hjemmeside, der fungerer for den lokale kunde og for gæsten, der kommer med færgen, på én gang: se arbejderne, spørge om prisen og aftale en tid.

Hvad vi gjorde

Vi byggede siden på fem sprog — estisk, engelsk, russisk, finsk og svensk. Hvert sprog har sin egen URL med hreflang-markering og en synlig sprogvælger. Finsk og svensk er ikke en ekstra mulighed her, men en målgruppe: færgeterminalen ligger i gåafstand.

Ydelserne delte vi op i separate sider efter stil og type, så den, der søger specifikt efter fine line, realisme eller et cover-up, lander direkte på den rigtige side. Galleriet henter flere arbejder med et klik, så forsiden bliver ved med at være let.

• Fem sprogversioner med hreflang og sprogvælger
• Stil- og ydelsessider: kunstnerisk, realisme, fine line, traditionel, cover-up
• Sider om piercing og ørepiercing
• Galleri med indlæs-flere
• Bookingformular med upload af skitse eller referencebillede (PNG, JPG, GIF, PDF)
• Kontaktblok: telefon, e-mail, sociale kanaler, åbningstider og parkeringsinfo
• Sider om gavekort, walk-in og efterbehandling

Den tekniske side

Next.js 16, React 19.2 og TypeScript. Siderne renderes på serveren, og billederne leveres i moderne formater og i flere størrelser — på en side med galleri er det netop dér, Core Web Vitals afgøres. Formularen kontrollerer filtype og filstørrelse, allerede før noget bliver sendt.

• Server-rendering og sproghåndtering via ruterne
• Billedoptimering og lazy loading i galleriet
• Filupload i formularen med kontrol af type og størrelse
• Mobilvisning først: de fleste besøgende kommer fra telefonen

Synlighed i søgning og svarmaskiner

En studio bliver som regel fundet med en lokal søgning eller et spørgsmål i stil med »hvad koster det«. Derfor tilføjede vi strukturerede data for LocalBusiness og Service med adresse, åbningstider og kontakter, en prisside, der svarer direkte på spørgsmålet, og FAQ-blokke ved hver ydelse.

En llms.txt-fil og korte, citérbare afsnit gør indholdet tilgængeligt også for de svarmaskiner, der svarer uden et klik videre til siden. Placeringer og besøgstal lover vi ikke — det, vi sørger for, er, at fakta er maskinlæsbare og rigtige.

Eget administrationspanel og egen analyse

Studioet styrer selv indholdet: sider, galleri, prisinfo, menuer og teksterne på alle fem sprog ligger i et administrationspanel, der er bygget på samme Next.js- og TypeScript-fundament som siden selv. Bookinghenvendelser kommer sammen med skitserne ind i det samme panel og forsvinder ikke i en indbakke.

• Sider, galleri og ydelsestekster på fem sprog
• Henvendelser med vedhæftede filer i én liste
• Menuer og sideindstillinger uden en udvikler
• Indbygget analyse uden cookies
• Google Analytics 4 ved siden af, hvor der er brug for det

Analysen er en del af siden selv: der sættes ingen cookies, der er ikke brug for et samtykkebanner, og data bliver på kundens server. I panelet kan man se besøgende, sessioner, viste sider, afvisningsprocent og hvilken kanal folk kom fra.

Hvad der kom ud af det

Studioet har en side, der taler til den besøgende på hans eget sprog, viser arbejderne uden ventetid og fører henvendelsen videre til formularen eller telefonen. At tilføje en ny stilside og at fylde galleriet op kræver ikke en udvikler.

Se arbejdet: tattoo.ee