PLEŠO TATTOO: web, na kterém je 30 let tetování vidět celé
PLEŠO TATTOO s. r. o.
Plešo tetuje od roku 1996 a jeho studio stojí v Malinovu, které na webu vystupuje pod historickým jménem Eberhard. Dělá realismus, zvířata, mandaly, tribal, černobílé práce, barvu i předělávky. Starý web na WordPressu měl tři veřejné stránky a jednu galerii s 1252 fotkami v jedné řadě, bez třídění a bez možnosti otevřít práci na celou obrazovku. Postavili jsme nový portfoliový web s motivem RYTINA: práce se na stránce objevují přes rytinovou šrafuru, stejně jako vzniká černobílý realismus, a každá visí jako exponát se štítkem. Archiv na samostatné stránce dnes nese 895 záznamů: 645 fotografií, 235 videí a 15 sérií před a po, se dvěma osami filtru a prohlížečem, ve kterém se dá listovat šipkami i swipem. Klient si archiv spravuje sám přes jednoduchou správu ve slovenštině. Rezervace jde přes telefon, WhatsApp a e-mail, staré adresy z Google jsme přesměrovali. Projekt zabral 6 dní práce s rozpočtem €300.
Portfoliový web tatéra + archiv + správa portfolia
Typ projektu
Ukázat rozsah 30 let práce a přivést klienta k rezervaci
Hlavní cíl
€300
Cena tohoto projektu
Vybrané obrazovky
Vizuální náhled projektu ukazuje, jak vypadá web na různých zařízeních. Responzivní design zajišťuje perfektní zobrazení na mobilech, tabletech a desktopech.
Hero rozložený jako klientův banner: práce na těle vlevo, jméno PLEŠO s karmínovou korunou uprostřed, ruka se strojkem vpravo.
Co bylo na projektu netriviální
Tatér prodává rozsahem a detailem. Úkolem proto nebylo nakreslit pěknou úvodní stránku, ale postavit vitrínu pro stovky prací, které přicházely z telefonu v dávkách, a pak ji předat do rukou člověku, který chce přidávat další sám.
Brief v jedné větě a banner místo zadání
Klient poslal logo a vlastní banner s andělem, lebkou a růží a na otázku, zda jdeme tímto směrem, odepsal „Ok“. Žádné referenční weby, žádný text o stylu. Všechno ostatní bylo třeba vyčíst ze dvou obrázků.
Z banneru jsme vybrali to, co se v něm opakuje: monochrom, selektivní červenou, kámen a rytinovou šrafuru z loga. Z toho vznikl motiv RYTINA a světlá síň s tmavými místnostmi. Hero skládá banner do webové kompozice: dvě postavy po krajích, jméno uprostřed, koruna jako jediný červený bod.
Technologie a implementace
Designový systém z banneru + motiv RYTINA
Tetování nesmí být oříznuté, ani o centimetr
Portfoliové šablony kadrují fotky do mřížky a na tetování tak odříznou hlavu lva nebo konec rukávu. Klient to při kontrole pojmenoval sám: „lebo je to také useknuté“. Pro tatéra je oříznutá práce horší než žádná.
Zavedli jsme zákon exponátu: výška kádru se počítá z poměru stran práce a z výšky obrazovky, takže celá práce i její štítek jsou vidět bez rolování. Stejné pravidlo platí v prohlížeči archivu i u videí. Kontroluje se i zdrojový soubor: kádr nohy s drakem jsme překadrovali z originálu, aby noha byla celá.
Technologie a implementace
Utilita .exhibit + object-contain + poměr stran z dat
Rukáv ani záda se nedají ukázat jednou fotkou
Velké práce se ovíjejí kolem těla. Na jedné ploché fotce z nich zůstane polovina, a klient v dávce z WhatsAppu poslal právě videa, na kterých práci otáčí před kamerou. U téměř čtvrtiny archivu jde o video.
Video je v archivu rovnocenný typ exponátu, jako socha na otočném podstavci. Dlaždice nese slovo VIDEO a rytinový kroužek místo ikony play. Každý klip má nejvýš 1 MB, bez zvuku, s plakátem a načítáním až po otevření; při prefers-reduced-motion se nespouští sám. Videa se v mřížce střídají s fotkami, aby archiv neotvíral stěnou plakátů.
Technologie a implementace
Kódování s rostoucím CRF do 1 MB + preload="none" + prokládání v mřížce
Materiál přicházel z telefonu v dávkách
Klient posílal práce přes WhatsApp během pracovních dní ve studiu: fotky, videa i dvojice před a po, ke kterým připisoval krátké poznámky, například „Ten had tam nepatri“. Část fotek nesla vodoznaky, část videí měla po kompresi WhatsAppu slabé rozlišení.
Každou dávku jsme prošli jako kurátoři: seskupili klipy téže práce, spárovali stavy před a po, odstranili vodoznaky a u práce, která existovala i na starém webu, publikovali kvalitnější zdroj. Klientovy poznámky měly přednost před jakýmkoli výběrem z naší strany.
Technologie a implementace
Kurace médií + inventář dávek + série stavů
Klient chtěl archiv spravovat sám
Na hovoru při prohlížení archivu řekl: „to by som už mohol sám urobiť“. Tatér nahrává z telefonu, fotky mají 5 až 12 MB a videa desítky megabajtů, zatímco serverová funkce na Vercelu přijme nejvýš 4,5 MB.
Postavili jsme správu portfolia ve slovenštině s přihlášením jen heslem. Soubory jdou z prohlížeče přímo do úložiště, proto projde fotka s 24 MB i video se 107 MB. Ukládá se samo, každé uložení je nová verze, druhé otevřené okno nepřepíše první a prázdné uložení se odmítne. Klient k tomu dostal krátké pokyny ve slovenštině.
Technologie a implementace
Vercel Blob s přímým nahráváním + verze obsahu + optimistický zámek
Stará doména měla své místo v Google
Stránka /portfolio s galerií byla druhou nejsilnější adresou starého webu a obrázky z ní žily v Google Images pod WordPressovými jmény souborů. Vedle toho WordPress nechal v indexu mapy stránek, RSS kanály a prázdné šablony hlavičky a patičky.
Nasadili jsme 9 trvalých přesměrování: obě portfoliové stránky i všechny staré obrázky vedou do archivu, kde ty práce opravdu jsou, staré mapy stránek na novou sitemap.xml a šablony s kanály na domovskou stránku. K tomu strukturovaná data TattooParlor, llms.txt, IndexNow a ověření v Search Console.
Technologie a implementace
Přesměrování v next.config + JSON-LD + IndexNow
Podobné problémy ve vašem byznysu? Pomůžeme vám je vyřešit moderním tech stackem.
Výsledná struktura
Kompletní webová struktura navržená pro maximální konverzi a user experience. Každá stránka má jasný účel a optimalizovanou navigaci.
Nejdůležitější sekce webu
Každá sekce řešila konkrétní byznys problém a zvyšovala konverze
Hero rozložený jako banner klienta
Světlá betonová stěna, vlevo trup s jeho pracemi, vpravo ruka v černé rukavici se strojkem, uprostřed jméno PLEŠO v Bodoni Moda s karmínovou korunou. Pod jménem disciplíny Realizmus · Colourwork · Custom a jediné psané slovo na webu: „Umenie, ktoré zostáva“. Rohy nesou Bratislava · Eberhard, Est. 1996 a 30 rokov skúseností.
Vybrané práce a signaturní kus
Sedm prací, každá s vlastní kompozicí podle poměru stran kádru. Po nich tmavá místnost se signaturním kusem, Polynéskými zády. Štítek se stylem a umístěním stojí vždy na stěně vedle práce, nikdy na fotografii.
Řemeslo a čísla od klienta
Portrét při práci, tři zásady ze starého webu (design, kvalita barev, hygiena) a počítadla 10 000+ klientů, 25 000+ tetování a 30 let. Čísla jsou klientova vlastní, řečená na hovoru, a web je tak i vede: jako text ze slov klienta, ne jako měření.
PRED / PO
Nadpis sekce je samotné srovnání. Pod ním dva kádry vedle sebe, původní tetování a předělávka, bez posuvné opony, která by vždy jeden z nich zakrývala. Na mobilu jdou fotky na celou šířku obrazovky.
Disciplíny jako index
Sedm disciplín v tom pořadí, v jakém je klient používá: Realism, Animals, Mandala, Tribal, Black & White, Cover up, Colour. Jehlová linka z loga vede aktivní řádek a vedle se mění ukázka práce z dané disciplíny.
Archiv na samostatné stránce
895 záznamů se dvěma osami filtru, TYP (foto, video, stavy) a DISCIPLÍNA. Klik otevře práci na celou obrazovku bez oříznutí, listuje se šipkami nebo swipem, Esc zavře a adresa nese ID práce, takže se dá poslat odkazem.
Rezervace na jedné obrazovce
Tlačítko Rezervácia v liště vede na vlastní stránku se třemi kanály: telefon, WhatsApp a e-mail. Formulář tam záměrně není; klient chce, aby mu lidé volali nebo psali přímo.
Použitý stack
Frontend a motiv RYTINA
Jedna společná komponenta pro vstup obrázku přes šrafuru, která funguje na světlém i tmavém poli. Každá animace má variantu pro prefers-reduced-motion a kádr se počítá z poměru stran práce, ne z mřížky.
Archiv a správa portfolia
Metadata archivu i nové soubory žijí ve Vercel Blob. Každé uložení zapíše novou verzi, takže se změna ukáže hned a dá se vrátit. Přihlášení je jen heslem, druhé otevřené okno nepřepíše práci prvního.
SEO, měření a soulad
Strukturovaná data typu TattooParlor s disciplínami jako nabídkou, devět trvalých přesměrování ze starého WordPressu, llms.txt a IndexNow. GA4 se načte až po souhlasu a měří kontaktní kliknutí, otevření práce a filtr archivu.
Frontend a motiv RYTINA
Jedna společná komponenta pro vstup obrázku přes šrafuru, která funguje na světlém i tmavém poli. Každá animace má variantu pro prefers-reduced-motion a kádr se počítá z poměru stran práce, ne z mřížky.
Archiv a správa portfolia
Metadata archivu i nové soubory žijí ve Vercel Blob. Každé uložení zapíše novou verzi, takže se změna ukáže hned a dá se vrátit. Přihlášení je jen heslem, druhé otevřené okno nepřepíše práci prvního.
SEO, měření a soulad
Strukturovaná data typu TattooParlor s disciplínami jako nabídkou, devět trvalých přesměrování ze starého WordPressu, llms.txt a IndexNow. GA4 se načte až po souhlasu a měří kontaktní kliknutí, otevření práce a filtr archivu.
💡 Moderní tech stack = rychlý web + jednoduchá údržba + dlouhodobá podpora
Průběh realizace
Komunikace šla přes WhatsApp a telefon, protože tak klient pracuje. Každou vlnu jsme uzavřeli nasazením, aby klient na dalším hovoru viděl živý web, ne návrh.
16.–17. září
Koncept, motiv RYTINA a první odkaz
2 dnyZ banneru a loga vznikl designový systém, motiv RYTINA a první verze webu na 47 pracích vybraných z 1252 stažených originálů. Druhý den jsme web sladili s bannerem ještě těsněji: světlá kamenná síň, hero jako rozložený banner, zákon exponátu a archiv na samostatné stránce. Večer dostal klient odkaz.
22. září
Dávka médií od klienta
1 denZ WhatsAppu přišlo 223 fotek, 27 videí a materiál na 15 sérií stavů. Videa dostala vlastní typ exponátu, série sekci na domovské stránce a archiv druhou osu filtru podle typu.
23.–24. září
Hovor s klientem a správa portfolia
1 denNa hovoru klient upravil fakta: místo Ružinova Eberhard, Est. 1996 zůstává („to tam necháme“), praxe 30 let („No, máme 30.“). Sekci stavů jsme zjednodušili na PRED / PO podle jeho „Musíme to spraviť jednoduchšie“, přibyla druhá dávka médií a správa portfolia, přes kterou si klient přidává práce sám.
25.–26. září
Rezervace, SEO a předání
2 dnyTlačítko rezervace dostalo vlastní stránku s telefonem, WhatsAppem a e-mailem; na WhatsApp klient odpověděl „No to by bolo super.“ Přibyla přesměrování starých adres, GA4 po souhlasu, cookie lišta, ochrana osobních údajů s údaji z faktury, ověření v Search Console a adresa provozovny podle klienta. Tím byl web předán, po 6 dnech práce.
FAQ k projektu
Máte tetovací studio nebo jiné řemeslo, které se prodává portfoliem?
Postavíme web, na kterém je vaše práce vidět celá, bez oříznutí, s archivem, který si budete doplňovat sami z telefonu. A pokud máte starý web, přeneseme i to, co o vás už ví Google.
Nechte nám kontakt (stačí e-mail nebo telefon)
✨ Práce bez oříznutí • Archiv ve vašich rukou • Se zachovaným SEO