De La Villa Productions
Multi-page site for a DMV sports media company featuring cinematic video backgrounds, tabbed YouTube gallery, and full Shopify e-commerce integration with cart, variants, and limited-drop countdown system.
Case Study
💡The Challenge
De La Villa Productions—a sports media company covering DMV basketball—needed a website that matched the energy of their documentary content. They required a video-forward homepage, an organized gallery for their growing library of series, and a fully functional shop for merchandise drops with time-limited availability.
Key Challenges
- Implementing auto-scaling video that works across all devices
- Building a full e-commerce flow with Shopify Storefront API (GraphQL)
- Creating a cart system with localStorage persistence and stock validation
- Designing a limited-drop countdown that toggles shop availability
🎨The Solution
A five-page site built on Bulma CSS with custom SCSS. The homepage features an auto-scaling cinematic video background with a timed CTA reveal. A tabbed gallery organizes content across four documentary series (Mixtape Tour, Mini Docs, City Is Mine, Run It Back). The shop integrates directly with Shopify's Storefront API—complete with cart management, variant selection (color/size), stock warnings, and a configurable limited-drop countdown system.
Technologies & Approach
🚀The Result
A cohesive brand experience that transitions visitors from cinematic storytelling to merchandise conversion. The shop's limited-drop system creates urgency for merch releases, while the tabbed gallery makes their expanding content library easily navigable. The hands-free management bundle keeps the site and Shopify store in sync with minimal client effort.
Project Deliverables
We were looking for someone who could launch a website for us; someone with a level of expertise that matched ours. Yaser did an excellent job of crafting a site that was not only unique to our style but also simple to use for our visitors. Not only that, he manages the website in a manner that allows us to focus on our business and not spend time maintaining the site. If he doesn’t know how to do something, he’ll figure it out. Great people skills and just a great web developer to be working with.
Ready for Similar Results?
Let's talk about your project — no commitment, no pressure.