FILM 35: web filmového režiséra s archivem 56 děl

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 dokumentů, dvě animace, přes sto reklamních spotů a 93 dokumentárních filmů v pozici producenta. Celá tato tvorba do té doby žila na svépomocném webu na Google Sites s 65 stránkami. Zadání znělo: přenést archiv do osobního webu, který lze bez vysvětlování poslat producentovi i festivalovému dramaturgovi, přehraje video přímo na stránce a texty zachová doslova. Klient si vybral prémiovou variantu s vlastními scroll-animacemi. Výsledkem je dvojjazyčný web postavený kolem jediného motivu — filmového okénka „RÁM 35“. Rozpočet €570.

Osobní web režiséra + archiv filmografie

Typ projektu

Přenést 40 let tvorby do ověřitelného online archivu

Hlavní cíl

€570

Cena tohoto projektu

Zobrazit živý web

Vybrané obrazovky a vizuály

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.

Jméno MIRO ŠINDELKA přes celou šířku, nadtitulek „REŽISÉR & PRODUCENT — BRATISLAVA“, řádek žánrů tvorby a timecode v hlavičce.

Co bylo na projektu netriviální

Klient si vybral prémiovou variantu: vlastní scroll-animace, přehrávání videa přímo na stránce a texty ze starého webu převzaté doslova. Nejnáročnější přitom nebyla technologie, ale objem a různorodost archivu za téměř čtyřicet let — 57 děl šesti různých typů, 16 ocenění, seznamy festivalů a plné titulky, které musely zůstat čitelné na jednom webu a ve dvou jazycích.

Problém #1

57 děl šesti různých typů v jedné navigaci

Hraný film, dokument, animace, televizní cyklus, videoklip a produkční filmografie mají každý jiná metadata i jinou váhu — celovečerní film z roku 1994 nemůže stát v jedné řadě s videoklipem z téhož roku. Řazení podle roku tedy jako jediné kritérium nestačilo.

Naše řešení

Postavili jsme typovaný obsahový model, ve kterém má každý typ díla vlastní sadu polí. Stránka /tvorba z něj skládá kotvové sekce podle žánrů, filtry a rozbalovací řádky se synopsí, titulky a galerií — a z domovské stránky vede přímý odkaz na konkrétní film.

Technologie a implementace

Typovaný obsahový model + kotvová navigace + filtry + hluboké odkazy

1
Problém #2

Video se má přehrávat na webu, ne na YouTube

Byla to přímá podmínka prémiové varianty: návštěvník nemá odcházet pryč, když si chce pustit trailer. Na webu je přitom čtrnáct videí a klasické vložení přehrávače by ke každému z nich stáhlo skripty ještě před prvním kliknutím.

Naše řešení

Každé video jsme postavili jako fasádu: do prvního kliknutí se načte jen kadrovaný náhled v okénku sekce a samotný přehrávač v režimu youtube-nocookie se připojí až na vyžádání. Čtrnáct videí tak stránku nebrzdí a přehrávání běží přímo v rámečku „RÁM 35“.

Technologie a implementace

Fasádní přehrávač + youtube-nocookie + načítání na vyžádání

2
Problém #3

Přenos 65 stránek z Google Sites bez ztráty jediného řádku

Starý web nesl 57 záznamů tvorby, 16 ocenění v plných formulacích, seznamy festivalů, kompletní titulky — režie, scénář, kamera, hudba, střih, minutáž, formát — i citáty filmové kritiky. Klient si výslovně přál, aby jeho texty prošly doslova.

Naše řešení

Namísto překreslení 65 stránek jsme fakta překlopili do typovaného obsahového modelu. Jedno dílo je tak jeden záznam, který se z jediného zdroje zobrazí v seznamu, v detailu i ve strukturovaných datech — a angličtina je další pole, ne druhá kopie webu.

Technologie a implementace

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

3
Problém #4

Výklad archivu si kurátoroval sám režisér

Které záběry půjdou do úvodní obrazovky, která díla do sekce vybraných prací a v jakém pořadí půjde 16 ocenění — to nebylo rozhodnutí designu, ale autora. Hero mělo stát přesně na šesti jím vybraných záběrech, ve „Vybraných dílech“ měly fotografie nahradit filmové plakáty, ocenění měla jít „podle hierarchie důležitosti“ jeho formulacemi a v reklamní sekci měla být skutečná loga zadavatelů.

Naše řešení

Výběr, pořadí i obálky jsme udělali daty, ne vrstvením v šabloně: hero bere seznam záběrů, vybraná díla berou plakáty a ocenění se vykreslují přesně v pořadí pole. Díky tomu prošlo dvanáct očíslovaných kol úprav bez jediného refaktoringu vrstvy — měnil se obsah, ne kód. Loga zadavatelů stojí v šedé a barvu nabírají při přejetí myší.

Technologie a implementace

Obsahový model s kurátorovaným pořadím + samostatné pole obálky + stěna log

4
Problém #5

Web bez formuláře, CMS i analytiky musí být nalezen

Kontakt je záměrně jediný e-mail, administrace není žádná a analytiku jsme na web nenasadili. Znamená to, že web o sobě nemá jak dát vědět jinak než tím, jak mu rozumějí stroje — vyhledávače i jazykové modely, kterým dnes lidé pokládají otázky o filmografii stejně často.

Naše řešení

Postavili jsme SEO/AEO vrstvu: strukturovaná data Person, Organization s ProductionCompany, WebSite, BreadcrumbList a ItemList filmů, sitemap s hreflang pro obě jazykové větve, robots s výslovným povolením pro patnáct AI-crawlerů a /llms.txt se strojově čitelným shrnutím filmografie.

Technologie a implementace

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

5

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.

Domů — portrét režiséra
/tvorba — celá filmografie s kotvami podle žánrů
/studio — produkční a kreativní studio FILM 35
/zasady-cookies a /en/cookie-policy
Anglické zrcadlo všech stránek na /en
sitemap.xml, robots.txt a /llms.txt

Nejdůležitější sekce webu

Každá sekce řešila konkrétní byznys problém a zvyšovala konverze

1

Úvodní obrazovka ze šesti záběrů

Celoobrazovkový prolínací pás šesti černobílých záběrů, nad ním jméno MIRO ŠINDELKA, nadtitulek „REŽISÉR & PRODUCENT — BRATISLAVA“ a řádek šesti oblastí tvorby. Záběry i jejich pořadí vybral klient v e-mailech z 9. a 10. července.

2

Vybraná díla jako typografický seznam

Sedm děl — Zostane to medzi nami, Vášnivý bozk, … a tak som začal utekať, Chvenie, Napísané, Veľká potreba a cyklus TUCET — ne jako karty, ale jako seznam s filmovými plakáty a svislou lentou záběrů navázanou na scroll.

3

Mini-landing celovečerních filmů

Zostane to medzi nami (2003) a Vášnivý bozk (1994) dostaly vlastní kompozici přes celou šířku: synopse, citát kritiky, čísla („30 festivalů po celém světě“ a 121 447 diváků v kinech SR a ČR), mono tabulka titulků, galerie a trailer.

4

Archiv tvorby s kotvami podle žánrů

Stránka /tvorba drží celou filmografii od roku 1986: rozbalovací řádky se synopsemi, titulky, galeriemi a plnými názvy festivalů pod vavříny, plus kotvové sekce hraný / dokument / animace / TV / videoklip / produkce.

5

Cyklus TUCET a sekce producenta

Na žádost klienta přibyla samostatná sekce televizního cyklu TUCET se všemi šesti částmi a skutečnými plakáty; navazuje na ni statement o 93 dokumentárních filmech odprodukovaných ve studiu FILM FACTORY.

Použitý stack

Framework a rozhraní

Tmavé rozhraní s nulovým radiusem, plně responzivní od 320 px, bez glassmorphismu, stínů a gradientů.

App Router a Proxy namísto middlewareCSS-first Tailwind v4Bez horizontálního přetečení na 320–430 px
TypeScript
React 19
Next.js 16
Tailwind CSS v4

Pohyb a typografie

Osm povolených pohybových prvků, plynulý scroll a dvě písmové rodiny: expandovaný grotesk na displeje a mono na titulky.

prefers-reduced-motion u každé animaceArchivo s proměnnou osou šířkyLatin-ext kvůli diakritice
framer-motion 12
Lenis 1.3
Archivo (variable, wdth)
IBM Plex Mono

Obsah a dvojjazyčnost

Bez CMS a bez formulářů: obsah je typovaný model 57 záznamů tvorby, i18n SK/EN je napsané ručně bez knihovny, slovenština žije na holé doméně.

Kontakt jako mailto, ne formulářPřehrávání videa bez odchodu na YouTubeZrcadlové přepínání cest SK/EN
Custom i18n SK/EN
Typed content model
YouTube facade (youtube-nocookie)
mailto contact

SEO, AEO a provoz

Vrstva, díky které se fakta o režisérovi citují správně: sitemap s hreflang, robots s výslovným povolením pro 15 AI-crawlerů, /llms.txt a strukturovaná data včetně seznamu filmů.

JSON-LD Person, Organization, WebSite, MovieCookie banner a dvě GDPR stránkyPreview na větvích, produkce z hlavní větve
JSON-LD (Person, Organization, Movie)
llms.txt
PWA manifest
Silktide Consent Manager
Vercel
GitLab CI

💡 Moderní tech stack = rychlý web + jednoduchá údržba + dlouhodobá podpora

Průběh realizace

Klient si přál postup „nejprve úvod, potom zbytek“, proto jsme pracovali v krátkých očíslovaných kolech: každou sadu požadavků jsme rozepsali na body, zapracovali a poslali ke schválení. Celkem jich bylo dvanáct.

Fáze 1

Přenos obsahu ze starého webu

6. – 7. 7. 2026

Z 65 stránek na Google Sites jsme stáhli texty, plakáty i fotografie a překlopili je do typovaného obsahového modelu — 57 záznamů tvorby, životopis, ocenění a kontakty. Část materiálu se dala získat jen přímým stahováním z původních adres, dokud starý web ještě běžel.

Fáze 2

Designový směr a signaturní motiv

6. – 8. 7. 2026

Dřív než jsme napsali první komponentu, vznikla designová soustava: metafora projekčního sálu, motiv „RÁM 35“, barevné tokeny z klientova loga, dvě písmové rodiny a osmiprvkový pohybový slovník. Potom jsme postavili kostru domovské stránky a stránky /tvorba.

Fáze 3

Filmografie a detaily děl s videem

8. – 12. 7. 2026

Doplnili jsme detailní kompozice obou celovečerních filmů, trilogii dokumentů, index kategorií a lentu videoklipů. Videa jsme řešili fasádou: náhled se načte jako obrázek a přehrávač se připojí až po kliknutí, takže návštěvník neodchází na YouTube.

Fáze 4

12 očíslovaných kol klientových připomínek

8. – 20. 7. 2026

Těžiště projektu. 8. 7. jsme z kontaktů odstranili telefon i WhatsApp, přepsali seznam ocenění a z archivu odebrali rok a žánr. 9. – 10. 7. jsme hero složili přesně ze šesti klientem vybraných záběrů, fotografie ve vybraných dílech nahradili filmovými plakáty, přidali sekci TUCET se šesti částmi a galerie doplnili o viditelné ovládací šipky s krokem na jednu fotografii. 12. 7. jsme 16 ocenění přeuspořádali „podle hierarchie důležitosti“ v plných formulacích a vložili skutečná loga reklamních klientů, která se při přejetí myší mění ze šedé na barvu. 15. – 17. 7. přibyly pod vavříny plné názvy festivalů.

Fáze 5

SEO/AEO vrstva, cookies a předání

17. – 20. 7. 2026, doladění 12. – 13. 8. 2026

Dokončili jsme sitemap s hreflang, robots s povolením pro 15 AI-crawlerů, /llms.txt, strukturovaná data, PWA manifest, cookie banner a dvě GDPR stránky. V srpnu klient doposlal fotografie ze soukromého archivu — včetně záběrů z natáčení v Nairobi a ve Vatikánu — a určil, který záběr má být titulní. Každé dílo proto dostalo samostatné pole obálky, nezávislé na galerii, takže se výběr titulního záběru dá kdykoli změnit jedním řádkem obsahu.

FAQ k projektu

Rychlé shrnutí case study

Case study ukazuje konkrétní problém, řešení a výsledek. Pomáhá porovnat váš projekt s podobným scénářem.

Definice: case study je popis reálného projektu s jasnými vstupy a výsledkem.

Máte za sebou roky tvorby a nikde pořádný archiv?

Režisérům, fotografům, studiím a produkčním společnostem umíme rozsáhlé portfolio uspořádat tak, aby šlo prohlížet i citovat: jasná hierarchie děl, video přímo na stránce, dvojjazyčná verze a design, který nekonkuruje samotné práci.

Nechte nám kontakt (stačí e-mail nebo telefon)

Napsat na WhatsApp

Tato stránka je chráněna službou reCAPTCHA od Google. Platí Zásady ochrany osobních údajů a Podmínky služby společnosti Google.

✨ Archiv bez ztráty detailu • Video přímo na stránce • Dvojjazyčně