RotYounges
Een website die aanvoelt als een krant, een galerij en een theater — volledig op maat gebouwd voor een filmproductiebedrijf uit Prinsenbeek.
Waar het om ging
RotYounges is een filmproductiebedrijf uit Prinsenbeek met een herkenbare, elegante stijl. Een standaard template zou die stijl platslaan.
De website moest meer zijn dan een visitekaartje: bezoekers moeten het werk kunnen bekijken, de films kunnen zien en makkelijk contact kunnen opnemen — en het geheel moest aanvoelen als een product van het bedrijf zelf.
Hoe ik het heb aangepakt
De site is opgebouwd als een krant: een voorpagina met kop, datum en rubrieken, gevolgd door een galerij en een theater.
In de galerij verken je het werk door je muis te bewegen. In het theater speel je de films af via een eigen afspeellijst. De pagina’s schuiven als bladen over elkaar heen; dat scroll-effect heb ik apart uitgewerkt en getest, zodat het ook op andere websites te gebruiken is.
Berichten uit het contactformulier worden verstuurd via een eigen, beveiligde back-end.
Het pakket
- Volledig maatwerk website, zonder template of bouwpakket
- Galerij, theater met filmspeler en contactformulier
- Een scroll-effect met vastgepinde koppen, daarna gepubliceerd als open source
- Hosting en uitrol ingericht
- Werkt op desktop en mobiel
Wat het opleverde
Een website waarin het concept van krant, galerij en theater direct herkenbaar is.
Live op rotyounges.com.
Een open-source bibliotheek (stacked-scroll) op npm, ontstaan uit dit project.
Wat dit laat zien over mijn werk
Maatwerk in plaats van template
Ik bouw websites rondom jouw concept. Het ontwerp bepaalt de techniek, niet andersom.
Doorpakken op details
Het scroll-effect had lastige randgevallen, zoals deeplinks naar een sectie of een korte laatste pagina. Die heb ik opgelost en met geautomatiseerde tests vastgelegd.
Delen wat werkt
Wat ik voor een klant bouw en breed bruikbaar is, deel ik waar mogelijk. Zo kun je zien hoe ik werk en kun je de code zelf bekijken.
Gedeeld met anderen: stacked-scroll
Een kleine, geteste bibliotheek die secties laat werken als een stapel pagina’s: de kop blijft staan terwijl je leest, daarna schuift de volgende pagina over de vorige heen. MIT-licentie.
npm install stacked-scroll gsapEen website of applicatie in gedachten?
Vertel me wat je nodig hebt. Ik denk graag mee en laat je weten wat er mogelijk is.