PLEŠO TATTOO: web, na ktorom je 30 rokov tetovania vidieť celé
PLEŠO TATTOO s. r. o.
Plešo tetuje od roku 1996 a jeho štúdio stojí v Malinove, ktoré na webe vystupuje pod historickým menom Eberhard. Robí realizmus, zvieratá, mandaly, tribal, čiernobiele práce, farbu aj prerábky. Starý web na WordPresse mal tri verejné stránky a jednu galériu s 1252 fotkami v jednom rade, bez triedenia a bez možnosti otvoriť prácu na celú obrazovku. Postavili sme nový portfóliový web s motívom RYTINA: práce sa na stránke objavujú cez rytinovú šrafúru, rovnako ako vzniká čiernobiely realizmus, a každá visí ako exponát so štítkom. Archív na samostatnej stránke dnes nesie 895 záznamov: 645 fotografií, 235 videí a 15 sérií pred a po, s dvoma osami filtra a prehliadačom, v ktorom sa dá listovať šípkami aj swipom. Klient si archív spravuje sám cez jednoduchú správu v slovenčine. Rezervácia ide cez telefón, WhatsApp a e-mail, staré adresy z Google sme presmerovali. Projekt zabral 6 dní práce s rozpočtom €300.
Portfóliový web tatéra + archív + správa portfólia
Typ projektu
Ukázať rozsah 30 rokov práce a priviesť klienta k rezervácii
Hlavný cieľ
€300
Cena tohto projektu
Vybrané obrazovky
Vizuálny náhľad projektu ukazuje, ako vyzerá web na rôznych zariadeniach. Responzívny dizajn zabezpečuje perfektné zobrazenie na mobiloch, tabletoch a desktopoch.
Hero rozložený ako klientov baner: práca na tele vľavo, meno PLEŠO s karmínovou korunou v strede, ruka so strojčekom vpravo.
Čo bolo na projekte netriviálne
Tatér predáva rozsahom a detailom. Úloha preto nebola nakresliť peknú úvodnú stránku, ale postaviť vitrínu pre stovky prác, ktoré prichádzali z telefónu v dávkach, a potom ju odovzdať do rúk človeku, ktorý chce pridávať ďalšie sám.
Brief v jednej vete a baner namiesto zadania
Klient poslal logo a vlastný baner s anjelom, lebkou a ružou a na otázku, či ideme týmto smerom, odpísal „Ok“. Žiadne referenčné weby, žiadny text o štýle. Všetko ostatné bolo treba vyčítať z dvoch obrázkov.
Z baneru sme vybrali to, čo sa v ňom opakuje: monochróm, selektívnu červenú, kameň a rytinovú šrafúru z loga. Z toho vznikol motív RYTINA a svetlá sieň s tmavými miestnosťami. Hero skladá baner do webovej kompozície: dve postavy po krajoch, meno v strede, koruna ako jediný červený bod.
Technológie a implementácia
Dizajnový systém z baneru + motív RYTINA
Tetovanie nesmie byť orezané, ani o centimeter
Portfóliové šablóny kadrujú fotky do mriežky a na tetovaní tak odrežú hlavu leva alebo koniec rukáva. Klient to pri kontrole pomenoval sám: „lebo je to také useknuté“. Pre tatéra je orezaná práca horšia ako žiadna.
Zaviedli sme zákon exponátu: výška kadra sa počíta z pomeru strán práce a z výšky obrazovky, takže celá práca aj jej štítok sú vidieť bez rolovania. Rovnaké pravidlo platí v prehliadači archívu aj pri videách. Kontroluje sa aj zdrojový súbor: kader nohy s drakom sme prekadrovali z originálu, aby noha bola celá.
Technológie a implementácia
Utilita .exhibit + object-contain + pomer strán z dát
Rukáv ani chrbát sa nedajú ukázať jednou fotkou
Veľké práce sa ovíjajú okolo tela. Na jednej plochej fotke z nich zostane polovica, a klient v dávke z WhatsAppu poslal práve videá, na ktorých prácu otáča pred kamerou. Pri takmer štvrtine archívu ide o video.
Video je v archíve rovnocenný typ exponátu, ako socha na otočnom podstavci. Dlaždica nesie slovo VIDEO a rytinový krúžok namiesto ikony play. Každý klip má najviac 1 MB, bez zvuku, s plagátom a načítaním až po otvorení; pri prefers-reduced-motion sa nespúšťa sám. Videá sa v mriežke striedajú s fotkami, aby archív neotváral stenou plagátov.
Technológie a implementácia
Kódovanie s rastúcim CRF do 1 MB + preload="none" + prekladanie v mriežke
Materiál prichádzal z telefónu v dávkach
Klient posielal práce cez WhatsApp počas pracovných dní v štúdiu: fotky, videá aj dvojice pred a po, ku ktorým pripisoval krátke poznámky, napríklad „Ten had tam nepatri“. Časť fotiek niesla vodoznaky, časť videí mala zlé rozlíšenie po kompresii WhatsAppu.
Každú dávku sme prešli ako kurátori: zoskupili klipy tej istej práce, spárovali stavy pred a po, odstránili vodoznaky a pri práci, ktorá existovala aj na starom webe, publikovali kvalitnejší zdroj. Klientove poznámky mali prednosť pred akýmkoľvek výberom z našej strany.
Technológie a implementácia
Kurácia médií + inventár dávok + série stavov
Klient chcel archív spravovať sám
Na hovore pri prezeraní archívu povedal: „to by som už mohol sám urobiť“. Tatér nahráva z telefónu, fotky majú 5 až 12 MB a videá desiatky megabajtov, zatiaľ čo serverová funkcia na Verceli prijme najviac 4,5 MB.
Postavili sme správu portfólia v slovenčine s prihlásením iba heslom. Súbory idú z prehliadača priamo do úložiska, preto prejde fotka s 24 MB aj video so 107 MB. Ukladá sa samo, každé uloženie je nová verzia, druhé otvorené okno neprepíše prvé a prázdne uloženie sa odmietne. Klient k tomu dostal krátke pokyny v slovenčine.
Technológie a implementácia
Vercel Blob s priamym nahrávaním + verzie obsahu + optimistický zámok
Stará doména mala svoje miesto v Google
Stránka /portfolio s galériou bola druhou najsilnejšou adresou starého webu a obrázky z nej žili v Google Images pod WordPressovými menami súborov. Popri tom WordPress nechal v indexe mapy stránok, RSS kanály a prázdne šablóny hlavičky a pätičky.
Nasadili sme 9 trvalých presmerovaní: obe portfóliové stránky aj všetky staré obrázky vedú do archívu, kde tie práce naozaj sú, staré mapy stránok na novú sitemap.xml a šablóny s kanálmi na domovskú stránku. K tomu štruktúrované dáta TattooParlor, llms.txt, IndexNow a overenie v Search Console.
Technológie a implementácia
Presmerovania v next.config + JSON-LD + IndexNow
Podobné problémy vo vašom biznise? Pomôžeme vám ich vyriešiť moderným tech stackom.
Výsledná štruktúra
Kompletná webová štruktúra navrhnutá pre maximálnu konverziu a user experience. Každá stránka má jasný účel a optimalizovanú navigáciu.
Najdôležitejšie sekcie webu
Každá sekcia riešila konkrétny biznis problém a zvyšovala konverzie
Hero rozložený ako baner klienta
Svetlá betónová stena, vľavo trup s jeho prácami, vpravo ruka v čiernej rukavici so strojčekom, v strede meno PLEŠO v Bodoni Moda s karmínovou korunou. Pod menom disciplíny Realizmus · Colourwork · Custom a jediné písané slovo na webe: „Umenie, ktoré zostáva“. Rohy nesú Bratislava · Eberhard, Est. 1996 a 30 rokov skúseností.
Vybrané práce a signatúrny kus
Sedem prác, každá s vlastnou kompozíciou podľa pomeru strán kadra. Po nich tmavá miestnosť so signatúrnym kusom, Polynézskym chrbtom. Štítok so štýlom a umiestnením stojí vždy na stene vedľa práce, nikdy na fotografii.
Remeslo a čísla od klienta
Portrét pri práci, tri zásady zo starého webu (dizajn, kvalita farieb, hygiena) a počítadlá 10 000+ klientov, 25 000+ tetovaní a 30 rokov. Čísla sú klientove vlastné, povedané na hovore, a web ich tak aj vedie: ako text zo slov klienta, nie ako meranie.
PRED / PO
Nadpis sekcie je samotné porovnanie. Pod ním dva kadre vedľa seba, pôvodné tetovanie a prerábka, bez posuvnej opony, ktorá by vždy jeden z nich zakrývala. Na mobile idú fotky na celú šírku obrazovky.
Disciplíny ako index
Sedem disciplín v tom poradí, v akom ich klient používa: Realism, Animals, Mandala, Tribal, Black & White, Cover up, Colour. Ihlová linka z loga vedie aktívny riadok a vedľa sa mení ukážka práce z danej disciplíny.
Archív na samostatnej stránke
895 záznamov s dvoma osami filtra, TYP (foto, video, stavy) a DISCIPLÍNA. Klik otvorí prácu na celú obrazovku bez orezania, listuje sa šípkami alebo swipom, Esc zatvorí a adresa nesie ID práce, takže sa dá poslať odkazom.
Rezervácia na jednej obrazovke
Tlačidlo Rezervácia v lište vedie na vlastnú stránku s tromi kanálmi: telefón, WhatsApp a e-mail. Formulár tam zámerne nie je; klient chce, aby mu ľudia volali alebo písali priamo.
Použitý stack
Frontend a motív RYTINA
Jeden spoločný komponent pre vstup obrázka cez šrafúru, ktorý funguje na svetlom aj tmavom poli. Každá animácia má variant pre prefers-reduced-motion a kader sa počíta z pomeru strán práce, nie zo sieťky.
Archív a správa portfólia
Metadáta archívu aj nové súbory žijú vo Vercel Blob. Každé uloženie zapíše novú verziu, takže sa zmena ukáže hneď a dá sa vrátiť. Prihlásenie je iba heslom, druhé otvorené okno neprepíše prácu prvého.
SEO, meranie a súlad
Štruktúrované dáta typu TattooParlor s disciplínami ako ponukou, deväť trvalých presmerovaní zo starého WordPressu, llms.txt a IndexNow. GA4 sa načíta až po súhlase a meria kontaktné kliknutia, otvorenie práce a filter archívu.
Frontend a motív RYTINA
Jeden spoločný komponent pre vstup obrázka cez šrafúru, ktorý funguje na svetlom aj tmavom poli. Každá animácia má variant pre prefers-reduced-motion a kader sa počíta z pomeru strán práce, nie zo sieťky.
Archív a správa portfólia
Metadáta archívu aj nové súbory žijú vo Vercel Blob. Každé uloženie zapíše novú verziu, takže sa zmena ukáže hneď a dá sa vrátiť. Prihlásenie je iba heslom, druhé otvorené okno neprepíše prácu prvého.
SEO, meranie a súlad
Štruktúrované dáta typu TattooParlor s disciplínami ako ponukou, deväť trvalých presmerovaní zo starého WordPressu, llms.txt a IndexNow. GA4 sa načíta až po súhlase a meria kontaktné kliknutia, otvorenie práce a filter archívu.
💡 Moderný tech stack = rýchly web + jednoduchá údržba + dlhodobá podpora
Priebeh realizácie
Komunikácia išla cez WhatsApp a telefón, lebo tak klient pracuje. Každú vlnu sme uzavreli nasadením, aby klient na ďalšom hovore videl živý web, nie návrh.
16.–17. september
Koncept, motív RYTINA a prvý odkaz
2 dniZ baneru a loga vznikol dizajnový systém, motív RYTINA a prvá verzia webu na 47 prácach vybraných z 1252 stiahnutých originálov. Na druhý deň sme web zladili s banerom ešte tesnejšie: svetlá kamenná sieň, hero ako rozložený baner, zákon exponátu a archív na samostatnej stránke. Večer dostal klient odkaz.
22. september
Dávka médií od klienta
1 deňZ WhatsAppu prišlo 223 fotiek, 27 videí a materiál na 15 sérií stavov. Videá dostali vlastný typ exponátu, série sekciu na domovskej stránke a archív druhú os filtra podľa typu.
23.–24. september
Hovor s klientom a správa portfólia
1 deňNa hovore klient upravil fakty: namiesto Ružinova Eberhard, Est. 1996 zostáva („to tam necháme“), prax 30 rokov („No, máme 30.“). Sekciu stavov sme zjednodušili na PRED / PO podľa jeho „Musíme to spraviť jednoduchšie“, pribudla druhá dávka médií a správa portfólia, cez ktorú si klient pridáva práce sám.
25.–26. september
Rezervácia, SEO a odovzdanie
2 dniTlačidlo rezervácie dostalo vlastnú stránku s telefónom, WhatsAppom a e-mailom; na WhatsApp klient odpovedal „No to by bolo super.“ Pribudli presmerovania starých adries, GA4 po súhlase, cookie lišta, ochrana osobných údajov s údajmi z faktúry, overenie v Search Console a adresa prevádzky podľa klienta. Tým bol web odovzdaný, po 6 dňoch práce.
FAQ k projektu
Máte tetovacie štúdio alebo iné remeslo, ktoré sa predáva portfóliom?
Postavíme web, na ktorom je vaša práca vidieť celá, bez orezania, s archívom, ktorý si budete dopĺňať sami z telefónu. A ak máte starý web, prenesieme aj to, čo o vás už vie Google.
Nechajte nám kontakt (stačí e-mail alebo telefón)
✨ Práce bez orezania • Archív vo vašich rukách • So zachovaným SEO