A sprint! It's super effective! Wait, no... Wrong game reference. Still, an iterative work process is super effective if you don't mind starting out a little rough around the edges to build towards something meticulous.
During the first design sprint, the main focus was to revamp Sage's designs. At this point, I kind of winged it - there wasn't much of a user pool to gather feedback from just yet. The goal was to elevate; I applied contemporary user interface trends and tweaked some official League artwork to create an ensemble of screens to hand off to the engineer.
During the second sprint, we made more brand identity changes, the most notable being a color palette swap. I felt the black and gold looked a bit tacky, so I used a green tone that was previously only used as a call-to-action color. Some functionality was also added, requiring some fundamental UI components to be revised.
Green was reinstated as a call-to-action color during the third and final sprint. The new primary color: Lilac. We did that to invoke a sense of familiarity with our target audience of frequent gamers. Lilac's used by some of the biggest game-oriented platforms in the game (pun absolutely intended): Discord and Twitch.
cast beautification spell!
I wanted to achieve a seamless look for Sage on both major mobile operating systems, so I used their native font families in my designs: SF Pro for Apple and Roboto for Android.
just showing off the animation, there's nothing loading here ;)
The beautiful character artwork presented in this case study was created by its respective illustrators and courtesy of Riot Games. I just did some tweaking to prime them for in-app use.
I cut, pasted, re-colored, enlarged, re-drew... you name it. The illustrations are lovely, but I thought we could take it to the next level by adding subtle idle animations.
Being in front of a screen for 5+ hours daily is bound to strain your eyes. Because of this, gamers tend to browse their devices in dark mode. We decided to kill light mode as a time-saving measure and opted for a dark visual identity instead.
Getting to the final logo took a lot of drafts - some better than others. I played with fantasy and sci-fi elements and borrowed from the characteristic eSports aesthetic. The result is a sleek, straightforward typographic logo with a dash of whimsy to it.