FILM 35: web filmového režiséra s archívom 56 diel

FILM 35 s.r.o.

2026-07-19

Miro Šindelka je slovenský filmový režisér a producent z Bratislavy — dva celovečerné hrané filmy, 22 dokumentov, dve animácie, vyše sto reklamných spotov a 93 dokumentárnych filmov v pozícii producenta. Celá táto tvorba dovtedy žila na svojpomocnom webe na Google Sites so 65 stránkami. Zadanie znelo: preniesť archív do osobného webu, ktorý sa dá bez vysvetľovania poslať producentovi aj festivalovému dramaturgovi, prehrá video priamo na stránke a texty zachová doslova. Klient si vybral prémiový variant s vlastnými scroll-animáciami. Výsledkom je dvojjazyčný web postavený okolo jedného motívu — filmového okienka „RÁM 35“. Rozpočet €570.

Osobný web režiséra + archív filmografie

Typ projektu

Preniesť 40 rokov tvorby do overiteľného online archívu

Hlavný cieľ

€570

Cena tohto projektu

Pozrieť živý web

Vybrané obrazovky a vizuály

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.

Meno MIRO ŠINDELKA cez celú šírku, nadtitulok „REŽISÉR & PRODUCENT — BRATISLAVA“, riadok žánrov tvorby a timecode v hlavičke.

Čo bolo na projekte netriviálne

Klient si vybral prémiový variant: vlastné scroll-animácie, prehrávanie videa priamo na stránke a texty zo starého webu prevzaté doslova. Najnáročnejšia pritom nebola technológia, ale objem a rôznorodosť archívu za takmer štyridsať rokov — 57 diel šiestich rôznych typov, 16 ocenení, zoznamy festivalov a plné titulky, ktoré museli zostať čitateľné na jednom webe a v dvoch jazykoch.

Problém #1

57 diel šiestich rôznych typov v jednej navigácii

Hraný film, dokument, animácia, televízny cyklus, videoklip a produkčná filmografia majú každý iné metadáta aj inú váhu — celovečerný film z roku 1994 nemôže stáť v jednom rade s videoklipom z toho istého roku. Zoradenie podľa roku teda ako jediné kritérium nestačilo.

Naše riešenie

Postavili sme typovaný obsahový model, v ktorom má každý typ diela vlastnú sadu polí. Stránka /tvorba z neho skladá kotvové sekcie podľa žánrov, filtre a rozbaľovacie riadky so synopsou, titulkami a galériou — a z domovskej stránky vedie priamy odkaz na konkrétny film.

Technológie a implementácia

Typovaný obsahový model + kotvová navigácia + filtre + hlboké odkazy

1
Problém #2

Video sa má prehrávať na webe, nie na YouTube

Bola to priama podmienka prémiového variantu: návštevník nemá odchádzať preč, keď si chce pozrieť trailer. Na webe je pritom štrnásť videí a klasické vloženie prehrávača by ku každému z nich stiahlo skripty ešte pred prvým kliknutím.

Naše riešenie

Každé video sme postavili ako fasádu: do prvého kliknutia sa načíta iba kadrovaný náhľad v okienku sekcie a samotný prehrávač v režime youtube-nocookie sa pripojí až na vyžiadanie. Štrnásť videí tak stránku nebrzdí a prehrávanie beží priamo v rámiku „RÁM 35“.

Technológie a implementácia

Fasádny prehrávač + youtube-nocookie + načítanie na vyžiadanie

2
Problém #3

Prenos 65 stránok z Google Sites bez straty jediného riadku

Starý web niesol 57 záznamov tvorby, 16 ocenení v plných formuláciách, zoznamy festivalov, kompletné titulky — réžia, scenár, kamera, hudba, strih, minutáž, formát — aj citáty filmovej kritiky. Klient si výslovne prial, aby jeho texty prešli doslova.

Naše riešenie

Namiesto prekreslenia 65 stránok sme fakty preklopili do typovaného obsahového modelu. Jedno dielo je tak jeden záznam, ktorý sa z jediného zdroja zobrazí v zozname, v detaile aj v štruktúrovaných dátach — a angličtina je ďalšie pole, nie druhá kópia webu.

Technológie a implementácia

Typovaný obsahový model + jeden zdroj pravdy + ručné i18n SK/EN

3
Problém #4

Výklad archívu si kurátoroval sám režisér

Ktoré zábery pôjdu do úvodnej obrazovky, ktoré diela do sekcie vybraných prác a v akom poradí pôjde 16 ocenení — to nebolo rozhodnutie dizajnu, ale autora. Hero mal stáť presne na šiestich ním vybraných záberoch, vo „Vybraných dielach“ mali fotografie nahradiť filmové plagáty, ocenenia mali ísť „podľa hierarchie dôležitosti“ jeho formuláciami a v reklamnej sekcii mali byť reálne logá zadávateľov.

Naše riešenie

Výber, poradie aj obálky sme spravili dátami, nie vrstvením v šablóne: hero berie zoznam záberov, vybrané diela berú plagáty a ocenenia sa vykresľujú presne v poradí poľa. Vďaka tomu prešlo dvanásť očíslovaných kôl úprav bez jediného refaktoringu vrstvy — menil sa obsah, nie kód. Logá zadávateľov stoja v šedej a farbu naberajú pri prejdení myšou.

Technológie a implementácia

Obsahový model s kurátorovaným poradím + samostatné pole obálky + stena log

4
Problém #5

Web bez formulára, CMS aj analytiky musí byť nájdený

Kontakt je zámerne jediný e-mail, administrácia nie je žiadna a analytiku sme na web nenasadili. Znamená to, že web o sebe nemá ako dať vedieť inak než tým, ako mu rozumejú stroje — vyhľadávače aj jazykové modely, ktorým dnes ľudia kladú otázky o filmografii rovnako často.

Naše riešenie

Postavili sme SEO/AEO vrstvu: štruktúrované dáta Person, Organization s ProductionCompany, WebSite, BreadcrumbList a ItemList filmov, sitemap s hreflang pre obe jazykové vetvy, robots s výslovným povolením pre pätnásť AI-crawlerov a /llms.txt so strojovo čitateľným zhrnutím filmografie.

Technológie a implementácia

JSON-LD (Person, Organization, WebSite, BreadcrumbList, Movie) + sitemap s hreflang + robots pre AI-crawlery + /llms.txt

5

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.

Domov — portrét režiséra
/tvorba — celá filmografia s kotvami podľa žánrov
/studio — produkčné a kreatívne štúdio FILM 35
/zasady-cookies a /en/cookie-policy
Anglické zrkadlo všetkých stránok na /en
sitemap.xml, robots.txt a /llms.txt

Najdôležitejšie sekcie webu

Každá sekcia riešila konkrétny biznis problém a zvyšovala konverzie

1

Úvodná obrazovka zo šiestich záberov

Celoobrazovkový prelínací pás šiestich čiernobielych záberov, nad ním meno MIRO ŠINDELKA, nadtitulok „REŽISÉR & PRODUCENT — BRATISLAVA“ a riadok šiestich oblastí tvorby. Zábery aj ich poradie vybral klient v e-mailoch z 9. a 10. júla.

2

Vybrané diela ako typografický zoznam

Sedem diel — Zostane to medzi nami, Vášnivý bozk, … a tak som začal utekať, Chvenie, Napísané, Veľká potreba a cyklus TUCET — nie ako kartičky, ale ako zoznam s filmovými plagátmi a zvislou lentou záberov naviazanou na scroll.

3

Mini-lending celovečerných filmov

Zostane to medzi nami (2003) a Vášnivý bozk (1994) dostali vlastnú kompozíciu na celú šírku: synopsa, citát kritiky, čísla („30 festivalov po celom svete“ a 121 447 divákov v kinách SR a ČR), mono tabuľka titulkov, galéria a trailer.

4

Archív tvorby s kotvami podľa žánrov

Stránka /tvorba drží celú filmografiu od roku 1986: rozbaľovacie riadky so synopsami, titulkami, galériami a plnými názvami festivalov pod vavrínmi, plus kotvové sekcie hraný / dokument / animácia / TV / videoklip / produkcia.

5

Cyklus TUCET a sekcia producenta

Na žiadosť klienta pribudla samostatná sekcia televízneho cyklu TUCET so všetkými šiestimi časťami a reálnymi plagátmi; nadväzuje na ňu statement o 93 dokumentárnych filmoch odprodukovaných v štúdiu FILM FACTORY.

Použitý stack

Framework a rozhranie

Tmavé rozhranie s nulovým radiusom, plne responzívne od 320 px, bez glassmorphizmu, tieňov a gradientov.

App Router a Proxy namiesto middlewareCSS-first Tailwind v4Bez horizontálneho pretečenia na 320–430 px
TypeScript
React 19
Next.js 16
Tailwind CSS v4

Pohyb a typografia

Osem povolených pohybových prvkov, plynulý scroll a dve písmové rodiny: expandovaný grotesk na displeje a mono na titulky.

prefers-reduced-motion pri každej animáciiArchivo s premenlivou osou šírkyLatin-ext kvôli diakritike
framer-motion 12
Lenis 1.3
Archivo (variable, wdth)
IBM Plex Mono

Obsah a dvojjazyčnosť

Bez CMS a bez formulárov: obsah je typovaný model 57 záznamov tvorby, i18n SK/EN je napísaný ručne bez knižnice, slovenčina žije na holej doméne.

Kontakt ako mailto, nie formulárPrehrávanie videa bez odchodu na YouTubeZrkadlové prepínanie ciest SK/EN
Custom i18n SK/EN
Typed content model
YouTube facade (youtube-nocookie)
mailto contact

SEO, AEO a prevádzka

Vrstva, vďaka ktorej sa fakty o režisérovi citujú správne: sitemap s hreflang, robots s výslovným povolením pre 15 AI-crawlerov, /llms.txt a štruktúrované dáta vrátane zoznamu filmov.

JSON-LD Person, Organization, WebSite, MovieCookie banner a dve GDPR stránkyPreview na vetvách, produkcia z hlavnej vetvy
JSON-LD (Person, Organization, Movie)
llms.txt
PWA manifest
Silktide Consent Manager
Vercel
GitLab CI

💡 Moderný tech stack = rýchly web + jednoduchá údržba + dlhodobá podpora

Priebeh realizácie

Klient si želal postup „najprv úvod, potom zvyšok“, preto sme pracovali v krátkych očíslovaných kolách: každú sadu požiadaviek sme rozpísali na body, zapracovali a poslali na odsúhlasenie. Celkovo ich bolo dvanásť.

Fáza 1

Prenos obsahu zo starého webu

6. – 7. 7. 2026

Zo 65 stránok na Google Sites sme stiahli texty, plagáty aj fotografie a preklopili ich do typovaného obsahového modelu — 57 záznamov tvorby, životopis, ocenenia a kontakty. Časť materiálu sa dala získať len priamym sťahovaním z pôvodných adries, kým starý web ešte bežal.

Fáza 2

Dizajnový smer a signatúrny motív

6. – 8. 7. 2026

Skôr než sme napísali prvý komponent, vznikla dizajnová sústava: metafora projekčnej sály, motív „RÁM 35“, farebné tokeny z klientovho loga, dve písmové rodiny a osemprvkový pohybový slovník. Potom sme postavili kostru domovskej stránky a stránky /tvorba.

Fáza 3

Filmografia a detaily diel s videom

8. – 12. 7. 2026

Doplnili sme detailné kompozície oboch celovečerných filmov, trilógiu dokumentov, index kategórií a lentu videoklipov. Videá sme riešili fasádou: náhľad sa načíta ako obrázok a prehrávač sa pripojí až po kliknutí, takže návštevník neodchádza na YouTube.

Fáza 4

12 očíslovaných kôl klientových pripomienok

8. – 20. 7. 2026

Ťažisko projektu. 8. 7. sme z kontaktov odstránili telefón aj WhatsApp, prepísali zoznam ocenení a z archívu odobrali rok a žáner. 9. – 10. 7. sme hero poskladali presne zo šiestich klientom vybraných záberov, fotografie vo vybraných dielach nahradili filmovými plagátmi, pridali sekciu TUCET so šiestimi časťami a galérie doplnili o viditeľné ovládacie šípky s krokom na jednu fotografiu. 12. 7. sme 16 ocenení preusporiadali „podľa hierarchie dôležitosti“ v plných formuláciách a vložili reálne logá reklamných klientov, ktoré sa pri prejdení myšou menia zo šedej na farbu. 15. – 17. 7. pribudli pod vavrínmi plné názvy festivalov.

Fáza 5

SEO/AEO vrstva, cookies a odovzdanie

17. – 20. 7. 2026, dolaďovačka 12. – 13. 8. 2026

Dokončili sme sitemap s hreflang, robots s povolením pre 15 AI-crawlerov, /llms.txt, štruktúrované dáta, PWA manifest, cookie banner a dve GDPR stránky. V auguste klient doposlal fotografie zo súkromného archívu — vrátane záberov z nakrúcania v Nairobi a vo Vatikáne — a určil, ktorý záber má byť titulný. Každé dielo preto dostalo samostatné pole obálky, nezávislé od galérie, takže sa výber titulného záberu dá kedykoľvek zmeniť jedným riadkom obsahu.

FAQ k projektu

Rýchle zhrnutie case study

Case study ukazuje konkrétny problém, riešenie a výsledok. Pomáha porovnať váš projekt s podobným scenárom.

Definícia: case study je opis reálneho projektu s jasnými vstupmi a výsledkom.

Máte za sebou roky tvorby a nikde poriadny archív?

Režisérom, fotografom, štúdiám a produkčným spoločnostiam vieme rozsiahle portfólio usporiadať tak, aby sa dalo prehliadať aj citovať: jasná hierarchia diel, video priamo na stránke, dvojjazyčná verzia a dizajn, ktorý nekonkuruje samotnej práci.

Nechajte nám kontakt (stačí e-mail alebo telefón)

Napísať na WhatsApp

Táto stránka je chránená službou reCAPTCHA od Google. Platia Zásady ochrany osobných údajov a Podmienky poskytovania služieb spoločnosti Google.

✨ Archív bez straty detailu • Video priamo na stránke • Dvojjazyčne