Setian’s Project
Mobile 3D Web Apps – Branding Campaings
Project Overview In 2021, I spearheaded the development of a series of high-performance 3D Web Applications designed for Augmented Reality (AR) and Holographic display. Commissioned by the digital media agency Traffic, these applications were tailored for the pharmaceutical industry, providing innovative ways to showcase complex medical products and deliver interactive virtual invitations for high-level industry events.
Technical Innovation: The Holographic Illusion The core of this project was the creation of a “holographic window” effect that allowed users to interact with 3D models without the need for specialized eyewear.
- Spatial Interaction: I developed a custom 3D environment that responded in real-time to the mobile device’s gyroscope and accelerometer sensors.
- Perspective Shift: By mapping the device’s physical orientation to the virtual camera’s movement, the software created a parallax-driven visual illusion.
- The Result: Users perceived 3D models as physical objects contained within the phone’s screen, creating a tactile and memorable product demonstration.
Key Features:
Motion-Driven Parallax: Precision sensor-fusion techniques were used to ensure the holographic illusion remained stable and realistic.
Web-Based Delivery: No app installation required, ensuring high engagement rates for pharmaceutical representatives and event guests.
Projects
Try these demos on your phone
Toujeo Pen Online Demo
Projects’s team:
Javier Rodriguez (Traffic): Project director and 3D Modeling
Sergio Mantilla: Project Manager
Sebastian Gonzalez Dixon: 3D Interaction design, App Development
Roles
UX Designer / 3D Web Developer
Techniques
Babylon JS / ModelViewer / HTML + CSS + JS / iOS and Android
Client
Traffic Studio / Sanofi


