MAESTRO VISUAL REBRANDING

>\ PROJECT DESCRIPTION \\

This was my very first task in my new company as the new visual designer. After graduating, I had the chance to demonstrate my skills in real time project like this one. For Maestro, I had full responsibility for creating a new visual language that will represent our company in the field of web and print. The new branding is being currently used by the company since 2018.

>\ DESIGN SOLUTIONS \\

- Research competitors

- Create brand words

- Draw sketches

- Digital Sketches

- Logo alternatives

- Typography

- Brand visuals

- UI Systems

- Icon design

- Presentation graphics

- Business Cards

new-old.jpg

UNDERSTANDING 

MAESTRO BRAND

pink.png

Maestro logo has unique features

with hidden meanings.

The main idea behind the Meastro logo is, the infinity loop, letter M and a play button symbol. We designed this logo to comunicate to our clients and also to our users in the most effective way. 

MAESTRO-PORTFOLIO-PAGES-09.jpg
Banner-01.jpg
pink.png
MAESTRO-PORTFOLIO-PAGES-01.jpg

LOGO SKETCHING

LOW FIDELITY SKETCHES

Section-02.jpg
pink.png
MAESTRO-PORTFOLIO-PAGES-04.jpg

LOGO SKETCHING

DIGITAL REFINE

MAESTRO-PORTFOLIO-PAGES-07.jpg

LOGO REFINEMENTS

FINAL FOUR

MAIN LOGO

FINAL SELECTION

The_Maestro-Effect.jpg

MAESTRO BRAND 

COLOR OPTIONS

GRADIENTS.jpg

Fundementals of a color system

Our color palette is designed to breathe life into our visual system when necessary, it comes in 2 parts: The neutral palette and the accent colors. Because our identity must feel appropriate across multiple verticals, our accent colors are selected to reflect a variety of moods and applications.

 

When designing Maestro materials that are for any particular application, stick to our neutral palette. Why gradients: gradients are dynamic, they demonstrate motion, a core idea in our identity. 

pink.png

MAESTRO BRAND 

NEUTRAL OPTIONS

Primary color palette

The neutral palette has been created to bring balance to the expressive nature of the primary palette. The variation of grays can be combined with any one of the primary colors to create a fitting balance.

neutral.jpg

MAESTRO BRAND 

ACCENT OPTIONS

Main color palette

ACCENT.jpg

MAESTRO BRAND 

GRADIENT OPTIONS

Intensify your color with dimension 

We’ve taken the same shared, systematic approach to color and extended it to the creation of gradients. Gradients emphasize energy, depth, and vibrancy. Used in conjunction with the Maestro color system, the gradients we’ve supplied here can add dimension in almost any application By choosing wisely from duotone or tritone treatments, you can create a range of expressions — from calm to energetic — simply by increasing the intensity of the gradient. All gradients also belong to specific categories.

GRADIENTS2.jpg
COLOR.jpg
COLOR2.jpg
pink.png

MAESTRO BRAND 

WORDMARK OPTIONS

TYPE.jpg

F37 Typefoundry - Ginger

GINGER.jpg

Final Wordmark

Alterations made 

MAESTRO BRAND 

LOGO TESTING

Good visual identity should give the brand a marketing advantage. The trick is to find the middle ground between a unique look to stand out from in-niche competitors, and the expected visual language in the industry to be defined correctly from the first glance.

competition-comparison.jpg
BEAUTY.jpg

FINAL SETTINGS 

STYLE GUIDE

The Maestro logo sign has a unique construction, so to make sure that all elements of the brand system work correctly and can be combined, tiled and animated, we used an isometric grid across the brand guide materials.

pink.png
size.jpg
details.jpg
X.jpg

CLEAR SPACE 

MINIMUM SIZE

TYPOGRAPHY 

TREATMENT

pink.png

Typography for Heading

The Guide primary typeface for heading on printed and online materials is DIN Pro Light-Bold. For heading type treatments, always use all caps to create a much stronger impact on the given message.

DIN Pro Light 30pt, 36pt Leading, 325em Tracking  

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

DIN Pro Bold 30pt, 36pt Leading, 325em Tracking  

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

pink.png

Typography for Subheading - DIN Medium

Use DIN Pro Meduim on the subheading sections. 

Details on how to apply is bellow.

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

Screen Shot 2019-04-03 at 17.00.00.png
Screen Shot 2019-04-03 at 17.01.53.png
pink.png

Alternate Typography for Body - Barlow

If DIN is not available to use, always use Barlow for body copy.

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

Typography for Subheading - DIN Light

pink.png

From the same family, DIN Pro is the main typeface for body copy communication. 

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

Screen Shot 2019-04-03 at 17.04.22.png

MAIN WEBSITE 

REDESIGN

>\ PROJECT LIVE WEBSITE \\

WEB-01.png
WEB-02.png
WEB-04.png
pink.png

MAESTRO 2019

BRAND GUIDE

Once the logo is approved, we created a Brand Style Guideline with logo lock-ups, color combinations, typography rules, size specifications, and examples of possible incorrect usage of the logo to stay away from.

pink.png

PRESENTATION 

DECK DESGINS

Proposal-Cover-01.jpg
Slide-Backgrounds-Thank-you.jpg
Slide-Backgrounds-39.jpg
Proposal-Cover-Templates.jpg
Slide-Backgrounds-04.jpg
Slide-Backgrounds-03.jpg
0.png

For More Information

THANK YOU FOR WATCHING