Client

Client

Client

Tim "Timo_Redbeard"

Tim "Timo_Redbeard"

Tim "Timo_Redbeard"

Tim "Timo_Redbeard"

Date

Date

Date

2022

2022

2022

Role

Role

Role

Designer

Designer

Designer

Designer

Hey there, thanks for checking out my recent project...

For the best viewing experience please view this page on a modern monitor, while you can view on a mobile or tablet, content may be harder to digest. Thank you!

Tim, also known as Timo and Timo_Redbeard, is a Graphic Designer turned Twitch Streamer and Entertainer. As part of his recent achievement of becoming a Twitch Partner he wanted to create a new and refreshing brand for himself and his stream.

Tim wanted a minimalist, clean and modern design style to elevate his content, brand and influence. With a strong focus on his growing community achieved through audience oriented features.

Timo_FacebookThu
BrandingBrandingBrandingBrandingBrandingBrandingBrandingBranding

PART 1

BRANDING

Timo-ElectricBlack
Timo-ElectricBlack
Timo-WhiteBlack
Timo-WhiteBlack
Timo-WhiteElectric
Timo-WhiteElectric
Timo-ElectricWhite
Timo-ElectricWhite
Timo-BlackWhite
Timo-BlackWhite
Timo-BlackElectric
Timo-BlackElectric

For Timo's logo I created a bold and modern wordmark paired with a simple silhouette icon which reflects Tim's beard.

We wanted the wordmark and the icon to work independently of eachother so I incorporated the eye symbols to work as the full stop and tittle respectively.

We went for a powerful electric orange colour to accompany the logo to convey the fun and electric personality of Tim, and the vibe of the stream.

It was important for Tim the mark worked across a variety of different colour schemes, and with the off-white, black and electric orange I think we achieved just that.

Brand Development

I presented Timo with a selection of Concepts, varied in style, to allow for a range of possibilities. Below are the concepts along with the notes provided to Tim.

Concept 1:

A bold extended wordmark with an integrated icon into the “O”. Featuring the “redbeard” value of the brand. Creating a recognisable and simple identity which would be extremely versatile as a full logo, independent wordmark, mascot or symbol.

Concept 2:

A more experimental concept, where the bold block lettering would form a symbol confined to a square layout. This could also be laid out traditionally to create a wordmark. Additionally, the knockout version (on the right) could make for a nice animated piece, rotating and shifting.

Timo-Concepts

Concept 3:

A cleaner and modern take for a wordmark and logo. Pretty standard take for a professional logo, would be a timeless design piece which could be applied to different scenarios effortlessly. The tittle over the i and the full stop would make up the eyes for the icon part of the mark - paired with a beard to create a face.

Concept 4:

This monogram styled concept is based around featuring every letter of the brand name in a symbol. I included a couple variations to explore the possibilities of different shape forms. I’d imagine this being used along side a wordmark, where it would be less obvious but still recognisable.

Concept 4:

This monogram styled concept is based around featuring every letter of the brand name in a symbol. I included a couple variations to explore the possibilities of different shape forms. I’d imagine this being used along side a wordmark, where it would be less obvious but still recognisable.

Concept Development

Following the selection of the concept I proceeded to vectorise the icon mark and explore various options for the workmark. I included a variety of different typefaces from more traditional san serif to sci-fi and extended typefaces. This was primarily to explore what is on trend in the branding, and gaming content creator, space and to highlight possibilities for both Tim and myself.

timo-mark-01

In the end it came down to a variation of development six and eight. Both concepts have similar vibes and possibilities, however one is more on trend. We wanted a timeless and modern design, so we decided to proceed with the logo on the right as we thought the letterforms and overall feel achieved the goals.

timo-mark-02
STREAM GRAPHICSSTREAM GRAPHICSSTREAM GRAPHICSSTREAM GRAPHICSSTREAM GRAPHICSSTREAM GRAPHICSSTREAM GRAPHICSSTREAM GRAPHICS

STREAM GRAPHICS

PART 2

As part of Tim's rebrand project he wanted to overhaul his stream graphics to match the new branding and style. This included creating several stream scenes, stream elements and alerts.

While creating his stream graphics we decided to incorporate more dimension into it, creating a 3D model of the brand icon to accompany the graphics and deeply integrate into almost every end deliverable.

It was important for me to make sure that every scene in Tim's rebrand felt unique yet familiar, and with the stream graphics I wanted to push my abilities as far as I could, especially on the motion side. Utilising the 3D Logo Model, I created a subtle background effect which allowed the new logo to have a strong presence across the scenes, creating consistency across all the scenes, no matter the information provided.

Timo's Stream Intro Scene

Timo's BRB Scene

Timo's Stream Outro Scene

The big scene for his stream is the in-game overlay and the full cam intermission scene, these are the most prominent and vital elements of the stream, these scenes provide connection to the viewer, collating the important stream information, and most importantly the game itself.

The big scene for his stream is the in-game overlay and the full cam intermission scene, these are the most prominent and vital elements of the stream, these scenes provide connection to the viewer, collating the important stream information, and most importantly the game itself.

Timo's Intermission/Full Cam Scene

Timo's Intermission/Full Cam Scene

Timo's Intermission/Full Cam Scene

Timo's Intermission/Full Cam Scene with Transition to Outro

Timo's In-Game Overlay

Timo's In-Game Overlay is comprised of two core graphic elements:

1. Webcam
2. Stream Widget

The webcam is very similar in style to the full screen intermission, we wanted to create a familiar feel to create a consistent look, which is why you will find the timo silhouette cut out of a translucent bar on the side.

The stream widget (Powered by StreamElements) is an important element, it holds all the notifications, call to actions, subscriber and donor information, and consolidates it into a nice clean minimalistic bar, which in turn clears the screen of visual clutter creating a better viewing experience.

While developing the concept for the widget, which houses the majority of Tim's stream information we expanded this to include Call to Action popups, which would usually have been added elsewhere and take take even more attention away from the stream game.

I designed the call to action to be eye catching yet subtle, viewers attention would be drawn by the bright colours and animations. The system was designed to be easily updatable, and able to have new variations created and added in a short delivery period.

Timo's Call to Action Pop Ups

Timo's alerts follow the same design style as the call to actions, they're minimal and eye catching. We wanted to explore a couple of routes to add additional variations to the alert system, and by doing so creating more special alerts for different tiers of support.

Large, Medium and Small variants were created for both Community Gifts and Supporter alerts. Where as variants for the subscribers are dependent on the tier of subscription.

Timo's Stream Alert Pop Ups

Subscription Alerts Tiers:

1: Tier 1 Subscriber/Prime Subsciber
2: Tier 2 Subsciber
3: Tier 3: Subscriber

Supporter Alerts Tiers:

1: Small Supporter
2: Medium Supporter
3: Large Supporter

Community Gift Alerts Tiers:

1: Indiviual Gift
2: Small Community Gift
3: Medium Community Gift
4: Large Community Gift

Timo's stream transition uses the recent release of a Track Matte in OBS Studio, this allows there to be a seemless transition without a need for a full screen cover and middle point to transition content. This gave me siginificantly more room to develop a cool and unique transition for the project.

Timo's Stream Transition

VIDEO GRAPHICSVIDEO GRAPHICSVIDEO GRAPHICSVIDEO GRAPHICSVIDEO GRAPHICSVIDEO GRAPHICSVIDEO GRAPHICSVIDEO GRAPHICS

VIDEO GRAPHICS

PART 3

As a content creator Timo understands the importance of expanding to other platforms and increasing his appeal, with this it was important to consider YouTube and TikTok.

We decided to produce several video elements that would increase the consistency across these platforms, creating a unified brand identity and style to his content.

Timo_FacebookThu

Timo's YouTube Intro and Outro features all the styles from his stream content and transformed into YouTube appropriate deliverables. The content features alpha transparency to ensure intro/outro can directly be integrated into the video content without being disruptive or aggressive.

Timo's YouTube Intro

Timo's YouTube Outro

Timo's TikTok Outro

Timo also requested a TikTok outro video, which is a slightly modified version of the YouTube outro. With TikTok's platform and style in mind, it features a shorter transition and direct call outs to his other social media.

Timo's YouTube In Video Call to Action

Timo's Twitch In Video Call to Action

We also decided to create lower third pop ups for his video content to convert audience from YouTube to Twitch, and to encourage likes and subscriptions on YouTube.

It was important to consider the content that these pop ups would be overlaying, ensuring readability and appeal, so we applied drop shadows to elements to create depth.

ADDITIONAL DELIVERABLESADDITIONAL DELIVERABLESADDITIONAL DELIVERABLESADDITIONAL DELIVERABLESADDITIONAL DELIVERABLESADDITIONAL DELIVERABLESADDITIONAL DELIVERABLESADDITIONAL DELIVERABLES

ADDITIONAL DELIVERABLES

PART 4

Timo-Social-Assets

Timo also required assets for social media and a couple of additional elements on his Twitch page, they all utilise the same assets and create a unified brand across the platforms.

I created brand banners for his Twitter, YouTube as well as an avatar which could be used universally. In addition to this I created an offline screen for his Twitch and stream panels for below his stream, including a icon for panels which link to external pages.

Timo-Offline-Screen
Timo-Panels

For Timo's Twitch subscriber badges we utilised one of the unused logo concepts. Creating a unique symbol which featured all the letters of "Timo" in a consoladated icon.

Timo-Sub-Badges

Credits

Credits

Credits

Timo - The bearded legend

HayZ - The Man with the Plan

HayZ - The Man with the Plan

HayZ - The Man with the Plan

Chris Praoline - Graphic & Motion Design

Chris Praoline - Graphic & Motion Design

Chris Praoline - Graphic & Motion Design

imchrisp – C – Gradient Tilted_72

Chris Praoline

Graphic Designer - Privacy Policy & Legal

imchrisp © 2022

We use cookies to give you the best online experience. By agreeing you agree to our Terms of Service, Privacy Policy and Cookies Policy..

Privacy Settings saved!
Privacy Settings

When you visit any web site, it may store or retrieve information on your browser, mostly in the form of cookies. Control your personal Cookie Services here.

These cookies are necessary for the website to function and cannot be switched off in our systems.

In order to use this website we use the following technically required cookies
  • wordpress_test_cookie
  • wordpress_logged_in_
  • wordpress_sec

For perfomance reasons we use Cloudflare as a CDN network. This saves a cookie "__cfduid" to apply security settings on a per-client basis. This cookie is strictly necessary for Cloudflare's security features and cannot be turned off.
  • __cfduid

Decline all Services
Accept all Services