Case Study

Black Box Research®

A high-octane digital ecosystem built with GSAP and Webflow, redefining the visual language of E-commerce conglomerates.

PROJECT SPECS
Client:
Black Box Research S.A.P.I. de C.V.
Year:
Lead Design, Creative Technologist, & GSAP Developer
Role:
Lead Design, Creative Technologist, & GSAP Developer
Live Project
Link
Inside Journey

The Challenge

Black Box Research needed a digital flagship that could house three distinct business divisions (Alfa, Beta, Omega) while maintaining a singular, elite brand identity. The goal was to move away from traditional corporate layouts and create an immersive, high-motion journey that established immediate authority in the Mexican e-commerce market.

Technical Execution & Animation

The site's backbone is built on custom GSAP (GreenSock Animation Platform) and Webflow Interactions. I implemented a "Preloader-to-Hero" transition that syncs background video layers with SVG masking, creating a seamless entry experience.

Key technical highlights include:

  • Custom SVG Grid System: A dynamic, responsive SVG background that reacts to page state.
  • Sticky Camera Interactions: A multi-layered "Sticky Box" section for the divisions that uses scroll-progress to transform scale, rotation, and opacity across nested elements.
  • Timeline Visualization: A custom-coded horizontal timeline tracking the founder’s journey, utilizing scroll-jacking logic for a narrative-driven experience.
  • Responsive Motion: Ensuring that complex animations remain performant on mobile devices through careful asset optimization and media-query-specific motion triggers.
Next Projects

Keep Exploring

The exploration never ends. Dive into more case studies and discover how we help brands navigate the digital landscape to reach new heights through immersive experiences.

Web Design
Web Development

Thunder Steel

Conducted a comprehensive website overhaul for Thunder Steel LLC. The project involved a complete UX/UI redesign, Webflow development with advanced interactions, and a robust SEO strategy to align with their status as a premier steel manufacturer for industrial and residential sectors across the US and Mexico.
Web Development
Branding

Black Box Research®

Developed a flagship digital presence for Black Box Research, a leading Mexican E-commerce conglomerate. The project centers on a "Human-Machine" interface aesthetic, utilizing heavy custom code, scroll-triggered timeline animations (GSAP), and immersive background video textures to convey a sense of innovation and "Liquid" scale.