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

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

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

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

4. 4Problé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šli všetky kolá ú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

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

Podobné problémy vo vašom biznise? Pomôžeme vám ich vyriešiť moderným tech stackom.

• 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

1. 01

   Ú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. Všetky zábery sú z režisérových filmov.

2. 02

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

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

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

   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.

• 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 middleware
  • CSS-first Tailwind v4
  • Bez 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ácii
  • Archivo s premenlivou osou šírky
  • Latin-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ár
  • Prehrávanie videa bez odchodu na YouTube
  • Zrkadlové 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, Movie
  • Cookie banner a dve GDPR stránky
  • Preview 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

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

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

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

4. Fáza 4

   Kolá úprav: kontakty, hero, ocenenia

   8. – 20. 7. 2026

   Ťažisko projektu. Pripomienky prišli v niekoľkých vlnách. Z kontaktov sme odstránili telefón aj WhatsApp, prepísali zoznam ocenení a z archívu odobrali rok a žáner. Hero sme poskladali zo šiestich záberov z režisérových filmov, 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. 16 ocenení sme 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. Nakoniec pribudli pod vavrínmi plné názvy festivalov.

5. 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. Každé dielo dostalo samostatné pole obálky, nezávislé od galérie, aby titulný záber určoval sám klient, aj pri fotografiách z nakrúcania v Nairobi a vo Vatikáne. Výber titulného záberu sa dá kedykoľvek zmeniť jedným riadkom obsahu.