We build stats profiles for various games, including Valorant. This year we decided to take on a new style of project, with Spotify Wrapped being a major influence. We wanted to bring that excitement of revisiting past experiences to our users.
Motion, design and player identity were core objectives, and I hope that comes across in the final product.
I'll also share some technical details for those interested. Each page is individually composited in After Effects and exported using a plugin called Bodymovin, which exports the entire scene composition into a "compact" JSON representation, which is then rendered by Lottie. We then dynamically composite each page with the player's stats and tweak any relevant colours as needed. I'm not aware of anybody else using Lottie this way and I have to say it was a huge pain in the ass. But we got it done and I'm pretty happy with the result. Rive is on our radar as well, but there will be trade-offs to make in terms of it being feature complete -- After Effects is very powerful!
Motion, design and player identity were core objectives, and I hope that comes across in the final product.
I'll also share some technical details for those interested. Each page is individually composited in After Effects and exported using a plugin called Bodymovin, which exports the entire scene composition into a "compact" JSON representation, which is then rendered by Lottie. We then dynamically composite each page with the player's stats and tweak any relevant colours as needed. I'm not aware of anybody else using Lottie this way and I have to say it was a huge pain in the ass. But we got it done and I'm pretty happy with the result. Rive is on our radar as well, but there will be trade-offs to make in terms of it being feature complete -- After Effects is very powerful!
Here's a demo profile if you haven't played Valorant before: https://tracker.gg/valorant/backtrack/episode6/375282b4-7b56...