Before
Static page layouts only — no interaction, no mobile behaviour, nothing a visitor could click.
Reelhouse — a responsive cinema and streaming site with carousels, tabbed catalogues and booking flows, shipped in ~14.5 KB of gzipped code and verified with 17 automated browser checks.
Live demo
Click through the working build — every form, filter and calculator runs in your browser.
Industry
Entertainment
Services
Website & Software Development
Delivery record
Showcase build · live demo
Reelhouse is a movie, web-series and events site for a cinema brand: new releases, what is playing in theatres, entertainment news, live events and ticket booking on one page. We took the page layouts to a production-grade front end — every section responsive, every carousel and tab working, and the whole thing light enough to load quickly on a phone over mobile data.
An image-heavy entertainment layout with ten content sections, three carousels, tabbed catalogues and booking actions. It had to feel rich on a 1440px desktop, stay usable on a 390px phone, and avoid the heavy JavaScript bundle that usually comes with this kind of page.
Before
Static page layouts only — no interaction, no mobile behaviour, nothing a visitor could click.
After
A working site: three carousels, tabbed catalogues, trailer and booking modals, a collapsible mobile menu and form validation — about 14.5 KB of gzipped HTML, CSS and JavaScript, with zero console errors.
Phase 1
Phase 1: Layout system, typography and card components across all ten sections
Phase 2
Phase 2: Carousels, tabs, modals, booking and subscribe interactions
Phase 3
Phase 3: Mobile pass, accessibility, image optimization and automated browser QA
A complete, fast front end that is ready to plug into a real catalogue and ticketing backend. The same approach — rich visuals without a heavy bundle — is what we bring to brand and marketing sites for Canadian businesses.
HTML5, CSS Grid/Flexbox, vanilla JavaScript, WebP image pipeline, Playwright automated browser QA.