Example
Gamified Digital Dashboard / Meet the Squad 🎮💻
Hi everyone! 👋 Here is my entry for Challenge #543.
I wanted to step away from the traditional corporate org chart and try something more gamified and dynamic. I designed a digital dashboard inspired by video games and sci-fi interfaces to introduce our elite squad.
In this interaction, users are guided by "A.I.L.A." (our AI host), who helps them explore the profiles and stats of our core team: Emperatriz, Fernando, Christian, and myself.
Behind the scenes (The Tech Stuff): To bring this cyberpunk/digital aesthetic to life, I combined motion graphics with custom code in Storyline:
- Holographic Videos: The character holograms were fully animated and rendered in After Effects to get that perfect sci-fi glow and smooth movement.
- Smooth UI Animations: I used Vanilla JavaScript and GSAP natively within Storyline to animate the interface panels. By manipulating coordinates and autoAlpha, the UI boxes smoothly slide in and float into place, giving the dashboard a very responsive and modern feel.
You can check out the interactive demo here: 🔗 Gamified Digital Dashboard / Meet the Squad
I really enjoyed mixing visual design, interactive storytelling, and a bit of code. I would love to hear your feedback! 🚀
Getting Started with the E-Learning Challenges
Find practical answers to common questions about the E-Learning Challenges, a weekly event that helps you build skills, create your portfolio, and grow as an e-learning professional.