Case Study
Weborama APTO

HUAWEI

Color Takes Over

Immersive color-interactive experience allowing users to explore device variants with 3D-like rotations and dynamic backgrounds

<150KB
Optimized Size
52%
Engagement Lift
78%
Viewability

>THE_CHALLENGE

Huawei wanted to showcase their new P30 Pro smartphone's vibrant color variants through an immersive digital campaign that would highlight the premium design and color technology.

The challenge was to create an engaging, interactive experience that would allow users to explore different color options while maintaining optimal file size for fast loading and high viewability rates across all devices.

Key Challenges

  • Showcase vibrant color variants effectively
  • Create 3D-like rotation experience
  • Maintain file size under 150KB
  • Cross-platform consistency

>THE_SOLUTION

Interactive Color Experience

Developed an immersive interactive experience using advanced SVG masking and CSS transforms to create a 3D-like rotation effect. Users could explore different color variants with smooth animations and dynamic background color transitions that matched the selected device.

Advanced SVG masking technique
3D CSS transforms
Dynamic color transitions
Interactive hotspots
Smooth GSAP animations
Mobile-optimized touch controls

Technical Innovation

Graphics
  • SVG Masking
  • Color Theory
  • Vector Graphics
  • Optimized Assets
Animation
  • 3D CSS Transforms
  • GSAP Timeline
  • WebGL Effects
  • Smooth Transitions
Optimization
  • File Size <150KB
  • Mobile First
  • Fast Loading
  • Cross-platform

>THE_RESULTS

Campaign Performance

400%
Product interaction increase
95%
Completion rate
78%
Viewability rate achieved

Technical Achievements

Optimized File Size
Under 150KB while maintaining quality
Advanced SVG Animations
Innovative masking techniques
Cross-Platform Consistency
Seamless experience across devices
52% Engagement Lift
Significantly above benchmarks

>TECH_STACK

3D CSS TransformsWebGLColor TheoryMobile OptimizationSVG MaskingGSAPInteractive DesignPerformance TuningCross-browserTouch Controls