Soto is a Twitch streamer that wanted a knight theme for his Twitch branding. However it should at the same time have the more futuristic and modern version of it. I’ll write a bit more why that sometimes is a better and clearer direction than a older knight look for the Soto Twitch branding.
As you can see in the Soto Twitch branding moodboard there’s almost no resemblance to a aged look at all. What you can see are a darker approach with a modern touch. Having that darker approach was something that was requested by the client.
I knew from the start that the client wanted to have focus on purple as well. Since I knew this it wasn’t really something that I included in the moodboard.
You can also see that I’ve collected images of different types of logos to get started with that. The client also sent over some images that he liked from both games and other places. I took those in and based the direction on that as well.
I tend to always start by sketching a rough outline of the logo. This gives the client great insight into the direction and let’s them decide if that’s the right one as well.
For the Soto Twitch branding you can see that I used the sword and shield as requested by the client. However as you can see further down that later turned into a battleaxe. The reasoning being that the sword and shield being something that’s used a lot by other and that the battleaxe could make the Soto Twitch branding stand out even more.
In the final version you can see that I ended up using a lot more color than I first planned. During the process it felt as if it lacked the weight that I knew the Soto Twitch branding needed. So instead of using only lines I ended up coloring the entire thing, and of course using purple as primary color.
You can see that I used a more modern look at feel, as planned. One of the games that Soto plays is for instance Overwatch so with that in mind you can start to understand the direction even more.
Once the logo was done I created a few of the assets. This is also an important step in the process. The same way that I have that back and forth with the client with the logo I do at this stage.
Since it’s not the entire Soto Twitch branding in one go it allows for adjustments and changes at an early stage. This give the client a much needed moment of reflection and allow them to a part of the process instead of just waiting around for the final step.
I’ve used layers and drop shadows to make things stand out a bit more from the page. I’m playing with how the layout can take up space on the layout in the same way that it does in a magazine. Often we see a lot of website inspired branding on Twitch. When that happens it’s important to understand that websites are looking a editorial (magazines and print medium) for inspiration. So if you really want to get some great inspiration that’s the best place to look. If you go back and look at the moodboard you can actually see a lot of editorial inspiration right there.
One the first preview is done I do a second preview but more often that not it’s also the final version. But once that second preview is done I start to do the coding that’s needed for some of the overlays and I also do the CSS/HTML animated Twitch alerts.
Earlier I mentioned that it can be a better idea to go with the more modern look than the more accurate knight look. The reason for that is since when you have something that’s so specific to an age or a game you sort of get locked to that. Even if you don’t want that to be the case you can’t really control first impressions.
So unless you only play medieval games you sort of painting yourself into a corner. EVEN if you want it to show how much of a knighthood your stream is or that you are an army. It will come with a lot more baggage that you can’t as easily fill with your own content. With that said it dosen’t mean that it’s impossible and it dosen’t mean that there aren’t those that haven’t done it. However the point is that why climb a mountain when you can drive through the tunnel?
Animated Twitch Alert
Finally let’s talk about the animated Twitch alerts. These are of course created using HTML and CSS instead of using video. This allows for a much more flexible and future proof option. Why? Well you can easily change color, text, image and even animations with only changing a few lines of codes. With a video file you have to render a new file every single time and it’s something you can’t even do on your own, on top of that you’re still going to need CSS to align it correctly.
For the Soto Twitch branding I choose to create three very different types of alerts. From something small and simple to the more in your face and with more wow-factor.
Speaking about easy to change things. As I sent these very images over to the client he mentioned that I rather have Bits than Tips for his go to thing. For that to work all I really had to do was open the text file and change tip to bit and hit save. That was that and the update was done.
Thank you for reading this case study and I hope that you like what you’ve read and seen in this article.
If you’re interested in your own Twitch branding you should check out my Twitch branding services and get in touch as soon as possible.