CLEEVIO REBRAND

Winter 2015

I was approached by the mobile design and development studio Cleevio to reposition their brand and create a new visual identity and website.

Positioning

Cleevio is a tight-knit team of web and mobile designers and developers, working on both client work (mostly mobile apps) and inhouse projects. It’s these self-started projects that are increasingly Cleevio’s main focus.

Positioning 2 OLDPositioning 2 OLD

Cleevio’s old website and identity presented an idea of an enthusiastic team of young mobile developers who just make apps for other people. It was time to grow up and show the company’s evolved philosophy – working on own projects and forging longstanding partnerships with selected clients.

Positioning 2 NEWPositioning 2 NEW

“Cleevio invests talent and resources into mobile ideas”

cleevio-prace-covercleevio-prace-cover

Logo

As mentioned above, Cleevio’s main expertise lies in mobile apps. We wanted to show that in the identity in a smart and non-obvious way (no phones and tablets in the logo, please!). That’s why from the beginning most of our concepts revolved around touch gestures – swiping, pinching, directly manipulating objects on screen.

In the end we also wanted to hint back at the old Cleevio logo by having a circular symbol with a stylized letter C and went for one of the simpler concepts.

Logo conceptsLogo concepts
FINAL LOGO 2FINAL LOGO 2

Visual Brand

We liked the idea of showing touch-based gestures in the identity so much that we decided to show it also in icons and other visual elements.

Apart from the logo and iconography, the brand is built on:

•  Strong, ownable colors (few companies use yellow for their brand)
•  Fun and confident content (copywriting and photography)
•  Unique, not overused typeface Sailec

VIsual identity A 2VIsual identity A 2
VIsual identity BVIsual identity B

Website

If there is one common goal to Cleevio’s new look, it’s that everything should be simple. That’s most visible in the new website, which doesn’t use any elaborate complicated menus or overly complex content. What’s most important is to show Cleevio’s inhouse projects and hint at the fact that they’re industry veterans.

Website AWebsite A
[unex_ce_button id="content_i63s32efh" button_text_color="#2d2a33" button_font="regular" button_font_size="15px" button_width="auto" button_alignment="center" button_text_spacing="2px" button_bg_color="#e6b632" button_padding="15px 60px 15px 60px" button_border_width="2px" button_border_color="#e6b632" button_border_radius="4px" button_text_hover_color="#2d2a33" button_text_spacing_hover="2px" button_bg_hover_color="D2A527" button_border_hover_color="#d2a527" button_link="http://cleevio.com/" button_link_type="url" button_link_target="_blank" has_container="1" in_column=""]VISIT LIVE WEBSITE[/ce_button]
Website BWebsite B
Website CWebsite C
[unex_ce_button id="content_b2tnvrpss" button_text_color="#2d2a33" button_font="regular" button_font_size="15px" button_width="auto" button_alignment="center" button_text_spacing="2px" button_bg_color="#e6b632" button_padding="15px 60px 15px 60px" button_border_width="2px" button_border_color="#e6b632" button_border_radius="4px" button_text_hover_color="#2d2a33" button_text_spacing_hover="2px" button_bg_hover_color="D2A527" button_border_hover_color="#d2a527" button_link="http://cleevio.com/" button_link_type="url" button_link_target="_blank" has_container="1" in_column=""]VISIT LIVE WEBSITE[/ce_button]
preload-travolta2preload-travolta2

SUPER FUN TRAVOLTA ANIMATION BY MARTIN RÝZ