Maori Tattoo Studio: studion sivusto viidellä kielellä

Maori Tattoo Studio on tatuointi- ja lävistysstudio Tallinnan sataman vieressä SadaMarketissa. Tehtävänä oli verkkosivusto, joka palvelee yhtä lailla paikallista asiakasta ja laivalla saapuvaa vierasta: töitä pitää voida katsoa, hintaa kysyä ja aika sopia.

Mitä teimme

Rakensimme sivuston viidellä kielellä — viroksi, englanniksi, venäjäksi, suomeksi ja ruotsiksi. Jokaisella kielellä on oma URL-osoitteensa hreflang-merkinnöin ja näkyvä kielenvaihtaja. Suomi ja ruotsi eivät ole tässä lisämauste vaan kohderyhmä: matkustajaterminaali on kävelymatkan päässä.

Palvelut jaoimme omiksi sivuikseen tyylin ja tyypin mukaan, jotta fine linea, realismia tai peittotatuointia hakeva päätyy suoraan oikealle sivulle. Galleria lataa lisää töitä napin painalluksella, joten etusivu pysyy kevyenä.

• Viisi kieliversiota hreflangin ja kielenvaihtajan kanssa
• Tyyli- ja palvelusivut: taiteellinen, realismi, fine line, perinteinen, peittotatuointi
• Lävistysten ja korvien lävistyksen sivut
• Galleria lisälatauksella
• Ajanvarauslomake luonnoksen tai mallikuvan liittämisellä (PNG, JPG, GIF, PDF)
• Yhteystietolohko: puhelin, sähköposti, sosiaaliset kanavat, aukioloajat ja pysäköintiohjeet
• Lahjakortti-, walk-in- ja hoito-ohjesivut

Tekninen puoli

Next.js 16, React 19.2 ja TypeScript. Sivut renderöidään palvelimella, ja kuvat tarjoillaan nykyaikaisissa formaateissa useassa koossa — galleriapainotteisella sivustolla juuri siinä Core Web Vitals ratkeaa. Lomake tarkistaa tiedoston tyypin ja koon jo ennen lähettämistä.

• Palvelinrenderöinti ja reittipohjainen kielten käsittely
• Kuvien optimointi ja viivästetty lataus galleriassa
• Tiedoston lataus lomakkeella tyyppi- ja kokotarkistuksineen
• Mobiili edellä: suurin osa kävijöistä tulee puhelimella

Näkyvyys haussa ja vastausmoottoreissa

Studiota haetaan useimmiten paikallisella haulla tai kysymyksellä „paljonko se maksaa“. Siksi lisäsimme LocalBusiness- ja Service-jäsennellyn datan osoitteineen, aukioloaikoineen ja yhteystietoineen, hintasivun, joka vastaa kysymykseen suoraan, sekä UKK-lohkot jokaisen palvelun yhteyteen.

llms.txt ja lyhyet, siteerattavat kappaleet tekevät sisällöstä saavutettavan myös vastausmoottoreille, jotka vastaavat kysymykseen ilman klikkausta sivulle. Sijoituksia tai kävijämääriä emme lupaa — me huolehdimme siitä, että faktat ovat koneelle luettavia ja paikkansapitäviä.

Oma hallintapaneeli ja analytiikka

Studio hallinnoi sisältöä itse: sivut, galleria, hintatiedot, valikot ja kaikkien viiden kielen tekstit ovat hallintapaneelissa, joka on rakennettu samalle Next.js- ja TypeScript-pohjalle kuin sivusto itse. Ajanvarauskyselyt saapuvat luonnoksineen samaan paneeliin eivätkä huku sähköpostilaatikkoon.

• Sivut, galleria ja palvelutekstit viidellä kielellä
• Kyselyt liitteineen yhdessä listassa
• Valikot ja sivuston asetukset ilman kehittäjää
• Sisäänrakennettu analytiikka ilman evästeitä
• Google Analytics 4 rinnalle silloin, kun sitä tarvitaan

Analytiikka on osa sivustoa itseään: evästeitä ei aseteta, suostumusbanneria ei tarvita ja data pysyy asiakkaan omalla palvelimella. Paneelissa näkyvät kävijät, istunnot, katsotut sivut, välitön poistumisprosentti ja se, mistä kanavasta ihmiset tulivat.

Mitä siitä seurasi

Studiolla on sivusto, joka puhuu kävijälle hänen omalla kielellään, näyttää työt odottamatta ja ohjaa kyselyn lomakkeelle tai puhelimeen. Uuden tyylisivun lisääminen ja gallerian täydentäminen onnistuvat ilman kehittäjää.

Katso työ: tattoo.ee