Role
Design and Motion Lead
Design and Motion Lead
For
Adzviser
Adzviser
Duration
3 weeks
3 weeks
Tools
After Effects
After Effects
Opportunity
Adzviser is a data connector that jumpstarts marketing analytics by moving data from popular platforms like Google and Meta to ChatGPT, Google Sheets, and Looker Studio. This tech startup needed a few concise visual explainers of their product's features on their official website.
Adzviser is a data connector that jumpstarts marketing analytics by moving data from popular platforms like Google and Meta to ChatGPT, Google Sheets, and Looker Studio. This tech startup needed a few concise visual explainers of their product's features on their official website.
Outcome
Two animated outputs: One showcases Adzviser's unique feature which lets users talk to their marketing data using ChatGPT while highlighting 2 other destinations. The other focuses on its compatibility with 10 connectors and 3 destinations.
Two animated outputs: One showcases Adzviser's unique feature which lets users talk to their marketing data using ChatGPT while highlighting 2 other destinations. The other focuses on its compatibility with 10 connectors and 3 destinations.
Metrics
Since the launch of these motion explainers on Adzviser's website in Dec 2024, the conversion rate has increased by 58.3% (4.8% to 7.6%) while average user engagement time has risen by 39.7% (62s to 87s) over the course of 5 months.
Since the launch of these motion explainers on Adzviser's website in Dec 2024, the conversion rate has increased by 58.3% (4.8% to 7.6%) while average user engagement time has risen by 39.7% (62s to 87s) over the course of 5 months.
Desktop Versions
These animated explainers are embedded in the desktop version of the Adzviser website and need to go along with the other visual elements on the same page in terms of color and spacing.
Mobile Versions
Mobile Versions were also prepared to ensure readability and usability across platforms. For "Adzviser: Talk to Your Data", I shortened the duration to enhance browser performance and reduced the aspect ratio to better showcase the explainer. For "Connectors to Destinations", I changed the animation to a vertical format to better fit the mobile context.
Web vs. Mobile Layout (Click to see the site in action)
Unused Versions
These were the first versions but they were not used due to their lack of coordination with the other elements on the main page in terms of color and composition.
If I could do this project again, I would first consult the client the exact number and placement of these animated explainers on the webpage, and then create style frames and layout mock-ups for proof of concept before animating.