Maori Tattoo Studio: viieskeelne stuudioleht

Maori Tattoo Studio on Tallinna sadama kõrval SadaMarketis tegutsev tätoveerimis- ja augustamisstuudio. Ülesanne oli veebileht, mis töötab korraga kohaliku kliendi ja laevaga saabuva külalise jaoks: töid vaadata, hinda küsida ja aeg kokku leppida.

Mida me tegime

Ehitasime lehe viies keeles — eesti, inglise, vene, soome ja rootsi. Iga keel on omaette URL koos hreflang-märgistusega ja nähtava keelevahetajaga. Soome ja rootsi keel ei ole siin lisavõimalus, vaid sihtgrupp: reisiterminal on jalutuskäigu kaugusel.

Teenused jagasime eraldi lehtedeks stiili ja tüübi kaupa, et inimene, kes otsib konkreetselt fine line’i, realismi või kattetööd, jõuaks otse õigele lehele. Galerii laeb töid juurde nupuvajutusega, nii et avaleht jääb kergeks.

• Viis keeleversiooni koos hreflang-i ja keelevahetajaga
• Stiili- ja teenuselehed: kunstiline, realism, fine line, traditsiooniline, kattetöö
• Augustamise ja kõrvaaugustamise lehed
• Galerii järellaadimisega
• Broneerimisvorm eskiisi või näidispildi üleslaadimisega (PNG, JPG, GIF, PDF)
• Kontaktiplokk: telefon, e-post, sotsiaalkanalid, lahtiolekuajad ja parkimisinfo
• Kinkekaardi, walk-in’i ja hooldusjuhiste lehed

Tehniline pool

Next.js 16, React 19.2 ja TypeScript. Lehed renderdatakse serveris ning pildid serveeritakse moodsates vormingutes ja mitmes suuruses — galeriiga saidil on just see Core Web Vitals’i jaoks kõige olulisem koht. Vorm kontrollib faili tüüpi ja suurust juba enne saatmist.

• Serverirenderdus ja marsruudipõhine keelekäsitlus
• Piltide optimeerimine ja laisklaadimine galeriis
• Failide üleslaadimine vormis koos tüübi- ja mahukontrolliga
• Mobiilivaade esimesena: enamik külastajaid tuleb telefonist

Nähtavus otsingus ja vastusemootorites

Stuudiot otsitakse enamasti kohaliku päringuga või küsimusega „kui palju maksab“. Seetõttu lisasime LocalBusinessi ja Service’i struktureeritud andmed koos aadressi, lahtiolekuaegade ja kontaktidega, hinnalehe, mis vastab küsimusele otse, ning KKK-plokid iga teenuse juurde.

llms.txt ja lühikesed, tsiteeritavad lõigud teevad sisu kättesaadavaks ka vastusemootoritele, kes vastavad küsimusele ilma lehele klikkimata. Positsioone ega külastajate arvu me ei luba — me hoolitseme selle eest, et faktid oleksid masinale loetavad ja tõesed.

Oma admin-paneel ja analüütika

Sisu haldab stuudio ise: lehed, galerii, hinnainfo, menüüd ja kõigi viie keele tekstid on admin-paneelis, mis on ehitatud samale Next.js ja TypeScripti alusele kui leht ise. Broneeringupäringud koos eskiisidega jõuavad samasse paneeli ega kao postkasti.

• Lehed, galerii ja teenusetekstid viies keeles
• Päringud koos manustega ühes nimekirjas
• Menüüd ja saidi seaded ilma arendajata
• Sisseehitatud analüütika ilma küpsisteta
• Google Analytics 4 kõrvuti, kui seda vaja on

Analüütika on lehe enda osa: küpsiseid ei panda, nõusolekuriba pole vaja ja andmed jäävad kliendi serverisse. Paneelis on näha külastajad, seansid, vaadatud lehed, põrkemäär ja see, millisest kanalist inimesed tulid.

Mis sellest sai

Stuudiol on leht, mis räägib külastajaga tema keeles, näitab töid ilma ootamiseta ja viib päringu vormi või telefonini. Uue stiililehe lisamine ja galerii täiendamine käib arendajat kaasamata.

Vaata tööd: tattoo.ee