Creating a solid structure for the future branding of Gaming Dot Geek. Creating a unique mascot and logo that are able to tell the story and mood of Gaming Dot Geek’s Twitch channel. Our initial exchange was over e-mail but as we moved forward with the project we used Discord to move the conversation faster.
We started to talk about what his channel is about and what the narrative should be for someone visits it both for the first time and those that already are active in his community. You’ll see a lot of aspects of both the meaning and the community in the way I used imagery to convey each part of that narrative. The first step was to get going on the logo/mascot combination, Twitch panels and then also offline and starting soon screen (with a loading bar). The last two mentioned was requested after the panels and logo/mascot was completed as an additional part to the package.
If you’re unfamiliar with moodboarding it’s a very effective way to have something visual to talk about instead of using words only. I use the moodboard to show what I’m thinking and asking what the client things about it. If they client likes it we start working on the rest but if they don’t I create another moodboard based on another series of questions to really get down to the right direction.
As you can see in the moodboard I’ve collected together a few different things. They should all have a connection to the next stages with sketches and previews all the way to the finished product. I’ve gone for a fun and playful aspect of the Gaming Dot Geek community using both retro (without going pixelart) and gaming related without it being over technical.
In this case, since it’s both a logo and a mascot combination, there’s the need for two sketches. The first sketch for the logo and the 2nd for the combination of both.
As you can see in the first logo sketches it takes a few attempt before it feels 100% right. Both me and Dot worked back and forth to get it to the right place and to get it all looking right. You can see that from the first one there’s certain things that stay and some that constantly get added over time.
After the sketch have been approved I take it all into Illustrator instead of Photoshop to give it a better illustration style then what would be possible (for me) in Photoshop. It also allows for being able to print it on shirts with limited amount of colors (teespring uses 10 colors maximum).
In the first version I used more of a standard and more towards a GameBoy style in color. However putting a more unique touch with unique buttons. You can also see the play icon from the middle of the O repeated both as the icon for the game device and on the shoes.
Further in the 2nd version I’ve added more vibrant color and additional color version for the panels.
Wanted to add a few notes about the offline and starting cards and the thought behind them. Let’s start with the starting card that actually has a loading bar. That loading bar isn’t an animated video file or gif. It’s actually all CSS that handles that. It’s on it’s own layer and can be placed where ever Dot wants it to go in the future. At the moment it’s set to 5 minutes but can be changed by changing the CSS animation slighly (by adding the amount of seconds in two places).
Another thing that you might notice in the background of both the offline and starting card you have several Dot mascots. That’s is to represent the #DotArmy that Dot uses to describe his Twitch channels following.
There’s also a slight difference in the offline and the starting in orientation. In the offline they’re turned towards the main sleeping mascot to signify the wait for the next stream. For the starting card they’re all turned the same way as the mascot to signify that they’re all looking onto the same thing.
Ready to step up your Twitch branding and marketing? I’ve work with both partnered and non-partnered Twitch streamers and done so for over 3 years. For me this is full time and I’m dedicated to my clients and my craft. I do both branding, visual branding and consulting based on understanding you, your community and your channel. If that sounds interesting to you then you should check out my Twitch services/portfolio/client list and contact me right away.[mks_button size=”medium” title=”Twitch branding and consulting” style=”rounded” url=”http://twitch.livespace.se/” target=”_blank” bg_color=”#eeee22″ txt_color=”#0a0a0a” icon=”fa-arrow-right” icon_type=”fa”] [/mks_two_thirds] [mks_one_third][mks_icon icon=”fa-twitter” color=”#000000″ type=”fa”] @visiblespeech
It’s been a rough weekend, I’ll probably talk about it next week, but I’m back now and I’m ready for the week to come. Tomorrow I’m picking up a couple of spotlights for when we do StreamerSpace and after that I’m going write a bunch of stuff for future work related stuff.
If you want to see some cool overlays in action you should check out Fandom: Souls on itmeJP Twitch channel on March 10th. All hand drawn stuff and motion graphic background combination. Going to post a case study for it on Thursday and the reasoning for all of the decisions were made.