Creativity within the confines of a brand identity

In Blog article by Freethinking Business Consultants

[av_slideshow_full size=’featured’ min_height=’0px’ stretch=” animation=’fade’ autoplay=’false’ interval=’5′ control_layout=’av-control-default’ src=” attachment=” attachment_size=” position=’top left’ repeat=’no-repeat’ attach=’scroll’] [av_slide_full slide_type=’image’ id=’755′ video=” mobile_image=” video_format=” video_ratio=” title=’Creativity within the confines of a brand identity’ custom_title_size=’48’ custom_content_size=’18’ caption_pos=’caption_center’ link_apply=” link=’lightbox’ link_target=” button_label=” button_color=’light’ link1=’manually,http://’ link_target1=” button_label2=” button_color2=’light’ link2=’manually,http://’ link_target2=” font_color=” custom_title=” custom_content=” overlay_enable=’aviaTBaviaTBoverlay_enable’ overlay_opacity=’0.5′ overlay_color=’#252b33′ overlay_pattern=” overlay_custom_pattern=”] By Lize Smith, UI Designer at Freethinking
[/av_slide_full] [/av_slideshow_full] [av_one_fifth first min_height=” vertical_alignment=” space=” custom_margin=” margin=’0px’ padding=’0px’ border=” border_color=” radius=’0px’ background_color=” src=” background_position=’top left’ background_repeat=’no-repeat’ animation=” mobile_display=”][/av_one_fifth] [av_three_fifth min_height=” vertical_alignment=” space=” custom_margin=” margin=’0px’ padding=’0px’ border=” border_color=” radius=’0px’ background_color=” src=” background_position=’top left’ background_repeat=’no-repeat’ animation=” mobile_display=”] [av_textblock size=’18’ font_color=” color=”] UI designers sometimes have the good fortune of working on many different brands and projects. This appeals to our need for change and exploration and inspires us to keep producing new and exciting designs. However, more often than not we consult and work on a single brand for months, or even years at a time.

So what happens when we are faced with a strict brand guideline and the prospect of churning out design after design in the brand mold.

Know the brand so that you can find the loopholes

A strong brand identity does not have to be the death knell of creativity. In order to stay creative within a brand, a designer has to know the brand inside and out. Good designers will be able to find the loopholes within the brand and use those to push the boundaries of design. It is also good to remember that a set of rules gives one a good starting point – the basics have already been thought through, and we can build on that.

Brands are puzzles

Each brand is like a puzzle, which has to be solved for every layout, banner or other design we produce. In certain client environments, such as financial services for instance, this is even more important. Here, we generally strive for designs that are clear, consistent and beautiful, whilst maintaining the brand identity.

Continuing the example of financial services, how do we as designers present ‘bank speak’ to a potential banking client in such a way that they are excited by the product and would like to sign up right away?

This is the challenge that can actually fuel a lively interest in any brand we work on. It can be very satisfying to solve the brand puzzles in such a way that we don’t break the rules yet still produce something of which we can be proud.
[/av_textblock] [/av_three_fifth][av_one_fifth min_height=” vertical_alignment=” space=” custom_margin=” margin=’0px’ padding=’0px’ border=” border_color=” radius=’0px’ background_color=” src=” background_position=’top left’ background_repeat=’no-repeat’ animation=” mobile_display=”] [/av_one_fifth][av_hr class=’invisible’ height=’10’ shadow=’no-shadow’ position=’center’ custom_border=’av-border-thin’ custom_width=’50px’ custom_border_color=” custom_margin_top=’30px’ custom_margin_bottom=’30px’ icon_select=’yes’ custom_icon_color=” icon=’ue808′ font=’entypo-fontello’] [av_one_fifth first min_height=” vertical_alignment=” space=” custom_margin=” margin=’0px’ padding=’0px’ border=” border_color=” radius=’0px’ background_color=” src=” background_position=’top left’ background_repeat=’no-repeat’ animation=” mobile_display=”][/av_one_fifth] [av_three_fifth min_height=” vertical_alignment=” space=” custom_margin=” margin=’0px’ padding=’0px’ border=” border_color=” radius=’0px’ background_color=” src=” background_position=’top left’ background_repeat=’no-repeat’ animation=” mobile_display=”] [av_textblock size=’20’ font_color=” color=”]

Each brand is like a puzzle, which has to be solved for every layout, banner or other design we produce

[/av_textblock] [/av_three_fifth][av_one_fifth min_height=” vertical_alignment=” space=” custom_margin=” margin=’0px’ padding=’0px’ border=” border_color=” radius=’0px’ background_color=” src=” background_position=’top left’ background_repeat=’no-repeat’ animation=” mobile_display=”][/av_one_fifth] [av_hr class=’invisible’ height=’20’ shadow=’no-shadow’ position=’center’ custom_border=’av-border-thin’ custom_width=’50px’ custom_border_color=” custom_margin_top=’30px’ custom_margin_bottom=’30px’ icon_select=’yes’ custom_icon_color=” icon=’ue808′ font=’entypo-fontello’] [av_one_fifth first min_height=” vertical_alignment=” space=” custom_margin=” margin=’0px’ padding=’0px’ border=” border_color=” radius=’0px’ background_color=” src=” background_position=’top left’ background_repeat=’no-repeat’ animation=” mobile_display=”][/av_one_fifth] [av_three_fifth min_height=” vertical_alignment=” space=” custom_margin=” margin=’0px’ padding=’0px’ border=” border_color=” radius=’0px’ background_color=” src=” background_position=’top left’ background_repeat=’no-repeat’ animation=” mobile_display=”] [av_textblock size=’18’ font_color=” color=”] Digital is often forgotten

In certain cases, an organisation may not have a comprehensive style guide that considers digital platforms. Print guidelines simply don’t work when designing websites or apps, for example. It’s in this white-space that we can make a difference to the client… we have the opportunity to create designs that represent the brand truthfully while at the same time pushing the boundaries that print imposed on it.

There are several ways we can do this. Animation and transitions on a web site or app can create a very distinctive flair. Even the smallest item can make a brand memorable if executed well. Take the Twitter ‘heart’ as an example – we all know where that heart is from the moment we see the animation. Such a small thing, yet it stands out to everyone that sees it.

In the same way we are able to present information, lead users to explore further and ultimately remember their experience on the brand’s digital platforms as positive.

Remember… brands are fun!

If viewed from the right perspective any design exercise within the confines of a brand identity or style guide can be great fun. We all appreciate a good challenge and there is no better challenge than the one we face most often – the style guide.
[/av_textblock] [/av_three_fifth][av_one_fifth min_height=” vertical_alignment=” space=” custom_margin=” margin=’0px’ padding=’0px’ border=” border_color=” radius=’0px’ background_color=” src=” background_position=’top left’ background_repeat=’no-repeat’ animation=” mobile_display=”][/av_one_fifth] [av_hr class=’invisible’ height=’30’ shadow=’no-shadow’ position=’center’ custom_border=’av-border-thin’ custom_width=’50px’ custom_border_color=” custom_margin_top=’30px’ custom_margin_bottom=’30px’ icon_select=’yes’ custom_icon_color=” icon=’ue808′ font=’entypo-fontello’] [av_one_fifth first min_height=” vertical_alignment=” space=” custom_margin=” margin=’0px’ padding=’0px’ border=” border_color=” radius=’0px’ background_color=” src=” background_position=’top left’ background_repeat=’no-repeat’ animation=” mobile_display=”][/av_one_fifth] [av_three_fifth min_height=” vertical_alignment=” space=” custom_margin=” margin=’0px’ padding=’0px’ border=” border_color=” radius=’0px’ background_color=” src=” background_position=’top left’ background_repeat=’no-repeat’ animation=” mobile_display=”] [av_button label=’Let’s go back’ link=’manually,http://freethinking.co.za/#blog’ link_target=” size=’medium’ position=’left’ icon_select=’yes’ icon=’ue888′ font=’entypo-fontello’ color=’dark’ custom_bg=’#444444′ custom_font=’#ffffff’] [/av_three_fifth][av_one_fifth min_height=” vertical_alignment=” space=” custom_margin=” margin=’0px’ padding=’0px’ border=” border_color=” radius=’0px’ background_color=” src=” background_position=’top left’ background_repeat=’no-repeat’ animation=” mobile_display=”][/av_one_fifth]