Process
Insomnia
Services
UI Design
3D Design
Motion Design
Front-end
Technology Stack
Three.JS
Handtrack.JS
Youtube API
Cinema 4D
Figma
Lip Sync Voice
Task
Develop a landing page with a unique interactive 'hypnosis' mechanic featuring the main character, performance materials, and outdoor advertising layouts according to the client's guidelines, based on the TV series' Key Visual.
Solution
We implemented a mechanics for tracking the movement of hands or any object through the user's camera, creating the sensation that the character's head on the screen reacts to real actions. If the user didn't want to use the camera, the cursor transformed into a pendulum that needed to be swung to hypnotize the character's head.
Services
UI Design
3D Design
Motion Design
Front-end
Task
Develop a landing page with a unique interactive 'hypnosis' mechanic featuring the main character, performance materials, and outdoor advertising layouts according to the client's guidelines, based on the TV series' Key Visual.
Technology Stack
Three.JS
Handtrack.JS
Youtube API
Cinema 4D
Figma
Lip Sync Voice
Solution
We implemented a mechanics for tracking the movement of hands or any object through the user's camera, creating the sensation that the character's head on the screen reacts to real actions. If the user didn't want to use the camera, the cursor transformed into a pendulum that needed to be swung to hypnotize the character's head.
Business Task
To create a 3D model of the main character, we used footage from the TV series and photographs of Gosha Kutsenko.
We recreated lip sync animation based on video recordings of the actor.
Performance
In order to make more people aware of the project, we created thematic banners.
Link
Visit Website
Case Study
Behance
Credits
No items found.
Next Project
UI Design
3D Design
Motion Design
Front-end