Context
BigPuddle was already active in the American market as a film production company, but expanded its operation into a more complete model, combining audiovisual production and creative agency. The website needed to follow this evolution: communicating a larger company, with more services, without losing the strong visual identity the American market demands.
The project was a complete digital presence restructuring, balancing high-level aesthetics with solid technical structure for SEO, GEO and autonomous content management.
The Problem
- Site and name tied solely to film production, limiting the perception of value
- Visual identity that didn’t reflect the positioning of a full creative studio
- Navigation experience with no personality or aesthetic differentiation
- No structure for organic growth or autonomous content management
Solution
The new site was built to deliver the two pillars the American market demands: aesthetics that impress and structure that ranks. The visual identity was developed from scratch, with animations and interactions rarely seen in conventional projects.
The company’s slogan, Let’s make a splash, was the starting point for the central animation of the project: as the user moves the mouse over the hero, the video distorts fluidly, creating a water-like sensation that visually connects the brand concept with the user experience.
In parallel, the entire content architecture was structured for technical SEO and GEO, ensuring the site performs for both organic traffic and paid campaigns.
Technical Decisions
- Flowmap effect on the hero implemented with Curtains.js, using PingPongPlane for the flow map and a custom displacement shader for the water-like distortion over the video
- Custom cursor with multiple states according to the element in focus
- Carousels with video playback control synchronized to the active slide
- Entry animations, hovers and transitions built to reinforce identity without compromising performance
- Videos converted from WebM to MP4/H.264 to ensure full iOS compatibility: with multiple simultaneous videos on the homepage, between case cards and the hero video, iOS cannot render WebM stably, even though the format is more optimized in other contexts
- FAQ Snippets structured for GEO: questions and answers formatted so generative AIs can index and use the content in their responses, expanding brand visibility beyond traditional search engines
- Blog with semantic structure optimized for organic ranking
- CMS with autonomous management of cases, testimonials, blog and dynamic content in general
Infrastructure
- Robust CMS with custom fields for cases, testimonials, FAQ and blog
- WebGL rendering via Curtains.js for the distortion effect, isolated from the rest of the layout
- Technical SEO applied from the ground up: heading hierarchy, meta tags, schema markup and loading speed
- GEO implemented via FAQ Snippets, preparing the site for generative AI searches
- Complete video and asset optimization for smooth loading
Results
Results are qualitative, aligned with the project’s objective:
- Site that communicates precisely what the company actually is today
- Visual identity and navigation experience at the level of the American market BigPuddle serves
- Structure prepared for organic growth via SEO and AI presence via GEO
- Full autonomous management of all site content, with no technical dependency
Developed at Proemi Studio, where I served as the technical lead on the project.