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

1. 1Problé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

2. 2Problé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í

3. 3Problé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

4. 4Problé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. Úvodní obrazovka měla stát přesně na šesti jím vybraných záběrech, v sekci „Vybrané diela“ 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 řídili daty, ne vrstvením v šabloně: úvodní obrazovka 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šla všechna kola ú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

5. 5Problé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

Podobné problémy ve vašem byznysu? Pomůžeme vám je vyřešit moderními technologiemi.

• 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

1. 01

   Ú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. Všechny záběry jsou z režisérových filmů.

2. 02

   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 svislým pásem záběrů navázanou na scroll.

3. 03

   Samostatné kompozice 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 festivalov po celom svete“ a 121 447 diváků v kinech SR a ČR), mono tabulka titulků, galerie a trailer.

4. 04

   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. 05

   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 text o 93 dokumentárních filmech, které produkoval ve studiu FILM FACTORY.

• 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 middleware
  • CSS-first Tailwind v4
  • Bez 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: rozšířený grotesk na nadpisy a mono na titulky.

  • prefers-reduced-motion u každé animace
  • Archivo s proměnnou osou šířky
  • Latin-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 YouTube
  • Zrcadlové 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, Movie
  • Cookie banner a dvě GDPR stránky
  • Náhledy z větví, produkce z hlavní větve
  • JSON-LD (Person, Organization, Movie)
  • llms.txt
  • PWA manifest
  • Silktide Consent Manager
  • Vercel
  • GitLab CI

Moderní technologie = rychlý web + jednoduchá údržba + dlouhodobá podpora

1. 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.

2. 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.

3. 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 pás 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.

4. Fáze 4

   Kola úprav: kontakty, úvod, ocenění

   8. – 20. 7. 2026

   Těžiště projektu. Připomínky přišly v několika vlnách. Z kontaktů jsme odstranili telefon i WhatsApp, přepsali seznam ocenění a z archivu odebrali rok a žánr. Úvodní obrazovku jsme složili ze šesti záběrů z režisérových filmů, 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. 16 ocenění jsme 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. Nakonec přibyly pod vavříny plné názvy festivalů.

5. 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. Každé dílo dostalo samostatné pole obálky, nezávislé na galerii, aby titulní záběr určoval sám klient, i u fotografií z natáčení v Nairobi a ve Vatikánu. Výběr titulního záběru se dá kdykoli změnit jedním řádkem obsahu.