Spotlight is a replica of an interactive mobile ad which uses tap and hold functionality to draw focus to a specific area on the screen. It uses a mask over an image to create the spotlight effect and GSAP animation to engage the user to interact with the ad. The spotlight can be turned on or off using the toggle.
The project is a replica of a template built while working for a mobile advertising company.
It was created to address limitations in the existing ad software, thus expanding the company’s product offerings in the competitive mobile advertising landscape. This innovative project features interactive elements such as tap and hold functionality, designed to enhance user engagement and drive ad performance. The template was used to build adverts for clients such as Hugo Boss, Chanel, Jaguar and more.
On desktop CLICK / on mobile TAP the spotlight to reveal the product underneath.
git clone https://github.com/laura-dumitru/spotlight.gitSince this is an example project I would encourage you to clone and rename it so that you can use it for your own purposes.
You can see the original code I built while working at Mobkoi here: Link to my gist