SUS Redesign da Marca - idclass.com.br · Redesign da Marca SISTEMA PÚBLICO DE SAÚDE BRASILEIRO....

42
REDISEÑO DE MARCA CREADO POR © 2020 Brian Lenny www.brianlenny.com @brianlenny.design SUS Redesign da Marca SISTEMA PÚBLICO DE SAÚDE BRASILEIRO

Transcript of SUS Redesign da Marca - idclass.com.br · Redesign da Marca SISTEMA PÚBLICO DE SAÚDE BRASILEIRO....

Page 1: SUS Redesign da Marca - idclass.com.br · Redesign da Marca SISTEMA PÚBLICO DE SAÚDE BRASILEIRO. AVISO IMPORTANTE Este documento foi traduzido automaticamente pelo “Google Translator”,

R E D I S E Ñ O D E M A R C AC R E A D O P O R © 2020 Brian Lenny [email protected]

SUS Redesign da MarcaSISTEMA PÚBLICO DE SAÚDE BRASILEIRO

Page 2: SUS Redesign da Marca - idclass.com.br · Redesign da Marca SISTEMA PÚBLICO DE SAÚDE BRASILEIRO. AVISO IMPORTANTE Este documento foi traduzido automaticamente pelo “Google Translator”,

AVISO IMPORTANTEEste documento foi traduzido automaticamente pelo “Google

Translator”, pois meu idioma original é espanhol.

Peço desculpas antecipadamente por eventuais erros de ortografia e gramática que possam existir.

Muito obrigado por ver meu porjeto! :)

Page 3: SUS Redesign da Marca - idclass.com.br · Redesign da Marca SISTEMA PÚBLICO DE SAÚDE BRASILEIRO. AVISO IMPORTANTE Este documento foi traduzido automaticamente pelo “Google Translator”,

© 2 0 2 0 B R I A N L E N N Y

S I S T E M A Ú N I C O D E S A Ú D E R E D I S E Ñ O D E M A R C A2 0 2 0

Introdução

3

Neste documento, mostrarei algumas das etapas do processo criativo que segui para o desenvolvimento do redesenho da marca para o SUS.

É o resultado de uma combinação de toda a minha pesquisa, análise, reflexão e criação de uma identidade com base nas informações obtidas, criando um universo único para a marca.

Espero que você goste tanto quanto eu gostei de criar.

Page 4: SUS Redesign da Marca - idclass.com.br · Redesign da Marca SISTEMA PÚBLICO DE SAÚDE BRASILEIRO. AVISO IMPORTANTE Este documento foi traduzido automaticamente pelo “Google Translator”,

© 2 0 2 0 B R I A N L E N N Y

S I S T E M A Ú N I C O D E S A Ú D E R E D I S E Ñ O D E M A R C A2 0 2 0

Contenido

4

01. O desafio

02. Missão

03. Territórios

04. Arquétipo

05. Cores

06. Tipografia

07. Símbolo

08. A Marca

09. Recursos Gráficos

10. Resultado

Page 5: SUS Redesign da Marca - idclass.com.br · Redesign da Marca SISTEMA PÚBLICO DE SAÚDE BRASILEIRO. AVISO IMPORTANTE Este documento foi traduzido automaticamente pelo “Google Translator”,

S I S T E M A Ú N I C O D E S A Ú D E R E D I S E Ñ O D E M A R C A2 0 2 0

O desafio01.

Page 6: SUS Redesign da Marca - idclass.com.br · Redesign da Marca SISTEMA PÚBLICO DE SAÚDE BRASILEIRO. AVISO IMPORTANTE Este documento foi traduzido automaticamente pelo “Google Translator”,

© 2 0 2 0 B R I A N L E N N Y

S I S T E M A Ú N I C O D E S A Ú D E R E D I S E Ñ O D E M A R C A2 0 2 0

O que queremos alcançar?

6

A gestão do sistema e a administração são apontadas por especialistas e autoridades como os maiores problemas do SUS, fatos que ajudaram na construção de uma imagem negativa do projeto ao longo dos anos e gerou um desconforto para quem precisa fazer uso do sistema.

O desafio deste projeto é criar uma identidade gráfica que transmita confiança, positividade e pertencimento a seus usuários, conquistando um sentimento de orgulho ao usar o serviço.

Deixar de ser visto como um sistema que gera más experiências no serviço, falta de informação e preconceitos negativos.

Page 7: SUS Redesign da Marca - idclass.com.br · Redesign da Marca SISTEMA PÚBLICO DE SAÚDE BRASILEIRO. AVISO IMPORTANTE Este documento foi traduzido automaticamente pelo “Google Translator”,

S I S T E M A Ú N I C O D E S A Ú D E R E D I S E Ñ O D E M A R C A2 0 2 0

Missão02.

Page 8: SUS Redesign da Marca - idclass.com.br · Redesign da Marca SISTEMA PÚBLICO DE SAÚDE BRASILEIRO. AVISO IMPORTANTE Este documento foi traduzido automaticamente pelo “Google Translator”,

© 2 0 2 0 B R I A N L E N N Y

S I S T E M A Ú N I C O D E S A Ú D E R E D I S E Ñ O D E M A R C A2 0 2 0

O que fazemos e para quem fazemos?

8

O SUS atende desde atendimentos primários até procedimentos complexos e oferece atendimento de emergência para pessoas que sofrem acidentes via Serviço de Atendimento Móvel de Urgência (SAMU).

O sistema de saúde brasileiro também fornece vacinas e remédios gratuitamente para pessoas com diversas doenças (como diabetes, pressão alta, asma, HIV e Alzheimer), financia pesquisas na área de epidemiologia e fiscaliza a qualidade dos alimentos oferecidos em estabelecimentos comerciais por meio da Agência Nacional de Vigilância Sanitária (Anvisa).

O SUS é destinado a todos os cidadãos e é financiado com recursos arrecadados através de impostos e contribuições sociais pagos pela população e compõem os recursos do governo federal, estadual e municipal.

Segundo o portal do médico Drauzio Varella, a grande maioria dos brasileiros, mesmo os que têm planos de saúde, irá fazer uso do SUS (Sistema Único de Saúde) pelo menos uma vez na vida, seja pelo Programa Nacional de Imunização ou para obter acesso ao tratamento de AIDS, em centrais de transplantes ou hemocentros.

Page 9: SUS Redesign da Marca - idclass.com.br · Redesign da Marca SISTEMA PÚBLICO DE SAÚDE BRASILEIRO. AVISO IMPORTANTE Este documento foi traduzido automaticamente pelo “Google Translator”,

S I S T E M A Ú N I C O D E S A Ú D E R E D I S E Ñ O D E M A R C A2 0 2 0

Territórios03.

Page 10: SUS Redesign da Marca - idclass.com.br · Redesign da Marca SISTEMA PÚBLICO DE SAÚDE BRASILEIRO. AVISO IMPORTANTE Este documento foi traduzido automaticamente pelo “Google Translator”,

© 2 0 2 0 B R I A N L E N N Y

S I S T E M A Ú N I C O D E S A Ú D E R E D I S E Ñ O D E M A R C A2 0 2 0

1 0

SaúdePrecisamos transmitir uma sensação de proximidade, cuidado e confiança. O sistema de saúde está focado em toda a população e, por esse motivo, esses valores devem ser gerados, buscando o equilíbrio entre uma marca que não é muito jovem nem muito séria.

Page 11: SUS Redesign da Marca - idclass.com.br · Redesign da Marca SISTEMA PÚBLICO DE SAÚDE BRASILEIRO. AVISO IMPORTANTE Este documento foi traduzido automaticamente pelo “Google Translator”,

© 2 0 2 0 B R I A N L E N N Y

S I S T E M A Ú N I C O D E S A Ú D E R E D I S E Ñ O D E M A R C A2 0 2 0

1 1

BrasilNão estamos falando de nenhum sistema de saúde global, mas do sistema de saúde pública brasileiro. É por isso que a marca deve refletir que é voltada para eles, para a população brasileira.

Page 12: SUS Redesign da Marca - idclass.com.br · Redesign da Marca SISTEMA PÚBLICO DE SAÚDE BRASILEIRO. AVISO IMPORTANTE Este documento foi traduzido automaticamente pelo “Google Translator”,

S I S T E M A Ú N I C O D E S A Ú D E R E D I S E Ñ O D E M A R C A2 0 2 0

Arquétipo04.

Page 13: SUS Redesign da Marca - idclass.com.br · Redesign da Marca SISTEMA PÚBLICO DE SAÚDE BRASILEIRO. AVISO IMPORTANTE Este documento foi traduzido automaticamente pelo “Google Translator”,

© 2 0 2 0 B R I A N L E N N Y

S I S T E M A Ú N I C O D E S A Ú D E R E D I S E Ñ O D E M A R C A2 0 2 0

“O CUIDADOR”

1 3

Usando um arquétipo, definimos o perfil que dará vida à marca. É a maneira pela qual a marca respira e se expressa visual e comunicativamente.

A figura do cuidador é de personalidade sincera, familiar, honesta e feliz. Essas qualidades se encaixam muito bem com aqueles que querem representar uma identidade encarregada de cuidar de seu povo.

Page 14: SUS Redesign da Marca - idclass.com.br · Redesign da Marca SISTEMA PÚBLICO DE SAÚDE BRASILEIRO. AVISO IMPORTANTE Este documento foi traduzido automaticamente pelo “Google Translator”,

S I S T E M A Ú N I C O D E S A Ú D E R E D I S E Ñ O D E M A R C A2 0 2 0

Cores05.

Page 15: SUS Redesign da Marca - idclass.com.br · Redesign da Marca SISTEMA PÚBLICO DE SAÚDE BRASILEIRO. AVISO IMPORTANTE Este documento foi traduzido automaticamente pelo “Google Translator”,

1 5

Historicamente, a cor azul tem sido associada ao setor médico. O azul transmite uma série de valores e sensações na pessoa que o observa como paz e tranquilidade, sensações muito positivas para transmitir aos pacientes.

Por outro lado, adicionamos a cor amarelo e verde para concluir a construção de uma identidade que reflete o país em que a identidade do SUS se move.

Com essas cores, completamos os territórios mencionados anteriormente "Saúde e Brasil"

Primário

Azul EscuroR6 G112 B141HEX #06708D

Contraste

Azul ClaroR81 G188 B208HEX #51BCD0

AmareloR244 G186 B40 HEX #F4BA28

VerdeR122 G188 B66 HEX #7ABC42

BrancoR255 G255 B255 HEX #FFFFFF

Valor da Cor

Page 16: SUS Redesign da Marca - idclass.com.br · Redesign da Marca SISTEMA PÚBLICO DE SAÚDE BRASILEIRO. AVISO IMPORTANTE Este documento foi traduzido automaticamente pelo “Google Translator”,

S I S T E M A Ú N I C O D E S A Ú D E R E D I S E Ñ O D E M A R C A2 0 2 0

Tipografia06.

Page 17: SUS Redesign da Marca - idclass.com.br · Redesign da Marca SISTEMA PÚBLICO DE SAÚDE BRASILEIRO. AVISO IMPORTANTE Este documento foi traduzido automaticamente pelo “Google Translator”,

© 2 0 2 0 B R I A N L E N N Y

S I S T E M A Ú N I C O D E S A Ú D E R E D I S E Ñ O D E M A R C A2 0 2 0

Tipografia

1 7

Julieta Ulanovsky foi a criadora desta obra-prima em 2011. Inspirada nos antigos pôsteres, etiquetas e letreiros dos bairros históricos de Buenos Aires, com o objetivo de “resgatar a beleza da tipografia urbana da primeira metade do século XX”.

É um tipo de letra inspirado nas ruas, um tipo amigável para todos que transmite proximidade e confiança.

Montserrat MontserratABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890!@£$%^&*

Page 18: SUS Redesign da Marca - idclass.com.br · Redesign da Marca SISTEMA PÚBLICO DE SAÚDE BRASILEIRO. AVISO IMPORTANTE Este documento foi traduzido automaticamente pelo “Google Translator”,

© 2 0 2 0 B R I A N L E N N Y

S I S T E M A Ú N I C O D E S A Ú D E R E D I S E Ñ O D E M A R C A2 0 2 0

1 8

Negrita

MontserratABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890!@£$%^&*

Mediana

MontserratABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890!@£$%^&*

Fina

MontserratABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890!@£$%^&

Tipografia

O resultado do projeto é um sans serif moderno e geométrico, com diversas variantes em suas alturas, pesos e possíveis aplicações com bons resultados, como design web, editorial ou identidade corporativa.

Essa grande variedade de pesos nos permite ter um tipo de letra independente que funcione em todos os aplicativos, seja em textos longos, títulos ou na web.

Montserrat

Page 19: SUS Redesign da Marca - idclass.com.br · Redesign da Marca SISTEMA PÚBLICO DE SAÚDE BRASILEIRO. AVISO IMPORTANTE Este documento foi traduzido automaticamente pelo “Google Translator”,

S I S T E M A Ú N I C O D E S A Ú D E R E D I S E Ñ O D E M A R C A2 0 2 0

Símbolo07.

Page 20: SUS Redesign da Marca - idclass.com.br · Redesign da Marca SISTEMA PÚBLICO DE SAÚDE BRASILEIRO. AVISO IMPORTANTE Este documento foi traduzido automaticamente pelo “Google Translator”,

© 2 0 2 0 B R I A N L E N N Y

S I S T E M A Ú N I C O D E S A Ú D E R E D I S E Ñ O D E M A R C A2 0 2 0

Construção

2 0

O símbolo é representado pela cruz, um sinal reconhecido por todos e intimamente relacionado à saúde médica.

Por outro lado, o círculo representa unidade e perfeição. É a representação do céu em relação à terra e está relacionada à proteção.

O resultado é um ícone que unifica esses dois conceitos de maneira simples e limpa.

Page 21: SUS Redesign da Marca - idclass.com.br · Redesign da Marca SISTEMA PÚBLICO DE SAÚDE BRASILEIRO. AVISO IMPORTANTE Este documento foi traduzido automaticamente pelo “Google Translator”,

S I S T E M A Ú N I C O D E S A Ú D E R E D I S E Ñ O D E M A R C A2 0 2 0

A Marca08.

Page 22: SUS Redesign da Marca - idclass.com.br · Redesign da Marca SISTEMA PÚBLICO DE SAÚDE BRASILEIRO. AVISO IMPORTANTE Este documento foi traduzido automaticamente pelo “Google Translator”,

© 2 0 2 0 B R I A N L E N N Y

S I S T E M A Ú N I C O D E S A Ú D E R E D I S E Ñ O D E M A R C A2 0 2 0

Logotipo

2 2

Resultado da marca combinando as formas básicas do símbolo com a tipografia de Montserrat.

Page 23: SUS Redesign da Marca - idclass.com.br · Redesign da Marca SISTEMA PÚBLICO DE SAÚDE BRASILEIRO. AVISO IMPORTANTE Este documento foi traduzido automaticamente pelo “Google Translator”,

© 2 0 2 0 B R I A N L E N N Y

S I S T E M A Ú N I C O D E S A Ú D E R E D I S E Ñ O D E M A R C A2 0 2 0

Variações

2 3

Para dar mais dinamismo ao projeto, existem várias versões para se adaptar a diferentes formatos nos quais ele pode ser aplicado.

Page 24: SUS Redesign da Marca - idclass.com.br · Redesign da Marca SISTEMA PÚBLICO DE SAÚDE BRASILEIRO. AVISO IMPORTANTE Este documento foi traduzido automaticamente pelo “Google Translator”,

© 2 0 2 0 B R I A N L E N N Y

S I S T E M A Ú N I C O D E S A Ú D E R E D I S E Ñ O D E M A R C A2 0 2 0

Sobre Cor

2 4

As cores da marca permitem um grande contraste entre elas.

Page 25: SUS Redesign da Marca - idclass.com.br · Redesign da Marca SISTEMA PÚBLICO DE SAÚDE BRASILEIRO. AVISO IMPORTANTE Este documento foi traduzido automaticamente pelo “Google Translator”,

S I S T E M A Ú N I C O D E S A Ú D E R E D I S E Ñ O D E M A R C A2 0 2 0

Recursos Gráficos09.

Page 26: SUS Redesign da Marca - idclass.com.br · Redesign da Marca SISTEMA PÚBLICO DE SAÚDE BRASILEIRO. AVISO IMPORTANTE Este documento foi traduzido automaticamente pelo “Google Translator”,

© 2 0 2 0 B R I A N L E N N Y

S I S T E M A Ú N I C O D E S A Ú D E R E D I S E Ñ O D E M A R C A2 0 2 0

Pattern

2 6

Como o símbolo, o padrão que apoiará a marca foi construído a partir de formas simples (linhas e círculos).

Desintegrando e girando essas duas formas, obtemos uma grande variedade de figuras que se integram de maneira extraordinária à marca, trazendo movimento e alegria.

Page 27: SUS Redesign da Marca - idclass.com.br · Redesign da Marca SISTEMA PÚBLICO DE SAÚDE BRASILEIRO. AVISO IMPORTANTE Este documento foi traduzido automaticamente pelo “Google Translator”,

S I S T E M A Ú N I C O D E S A Ú D E R E D I S E Ñ O D E M A R C A2 0 2 0

Resultado10.

Page 28: SUS Redesign da Marca - idclass.com.br · Redesign da Marca SISTEMA PÚBLICO DE SAÚDE BRASILEIRO. AVISO IMPORTANTE Este documento foi traduzido automaticamente pelo “Google Translator”,

© 2 0 2 0 B R I A N L E N N Y

S I S T E M A Ú N I C O D E S A Ú D E R E D I S E Ñ O D E M A R C A2 0 2 0

Login Page

2 8

Exemplos de aplicação

Page 29: SUS Redesign da Marca - idclass.com.br · Redesign da Marca SISTEMA PÚBLICO DE SAÚDE BRASILEIRO. AVISO IMPORTANTE Este documento foi traduzido automaticamente pelo “Google Translator”,

© 2 0 2 0 B R I A N L E N N Y

S I S T E M A Ú N I C O D E S A Ú D E R E D I S E Ñ O D E M A R C A2 0 2 0

2 9

App IconsExemplos de aplicação

Page 30: SUS Redesign da Marca - idclass.com.br · Redesign da Marca SISTEMA PÚBLICO DE SAÚDE BRASILEIRO. AVISO IMPORTANTE Este documento foi traduzido automaticamente pelo “Google Translator”,

© 2 0 2 0 B R I A N L E N N Y

S I S T E M A Ú N I C O D E S A Ú D E R E D I S E Ñ O D E M A R C A2 0 2 0

3 0

Cartão de SaúdeExemplos de aplicação

Page 31: SUS Redesign da Marca - idclass.com.br · Redesign da Marca SISTEMA PÚBLICO DE SAÚDE BRASILEIRO. AVISO IMPORTANTE Este documento foi traduzido automaticamente pelo “Google Translator”,

© 2 0 2 0 B R I A N L E N N Y

S I S T E M A Ú N I C O D E S A Ú D E R E D I S E Ñ O D E M A R C A2 0 2 0

3 1

Face MaskExemplos de aplicação

Page 32: SUS Redesign da Marca - idclass.com.br · Redesign da Marca SISTEMA PÚBLICO DE SAÚDE BRASILEIRO. AVISO IMPORTANTE Este documento foi traduzido automaticamente pelo “Google Translator”,

© 2 0 2 0 B R I A N L E N N Y

S I S T E M A Ú N I C O D E S A Ú D E R E D I S E Ñ O D E M A R C A2 0 2 0

3 2

VeículoExemplos de aplicação

Page 33: SUS Redesign da Marca - idclass.com.br · Redesign da Marca SISTEMA PÚBLICO DE SAÚDE BRASILEIRO. AVISO IMPORTANTE Este documento foi traduzido automaticamente pelo “Google Translator”,

© 2 0 2 0 B R I A N L E N N Y

S I S T E M A Ú N I C O D E S A Ú D E R E D I S E Ñ O D E M A R C A2 0 2 0

3 3

MupiExemplos de aplicação

Page 34: SUS Redesign da Marca - idclass.com.br · Redesign da Marca SISTEMA PÚBLICO DE SAÚDE BRASILEIRO. AVISO IMPORTANTE Este documento foi traduzido automaticamente pelo “Google Translator”,

© 2 0 2 0 B R I A N L E N N Y

S I S T E M A Ú N I C O D E S A Ú D E R E D I S E Ñ O D E M A R C A2 0 2 0

3 4

VinilExemplos de aplicação

Page 35: SUS Redesign da Marca - idclass.com.br · Redesign da Marca SISTEMA PÚBLICO DE SAÚDE BRASILEIRO. AVISO IMPORTANTE Este documento foi traduzido automaticamente pelo “Google Translator”,

© 2 0 2 0 B R I A N L E N N Y

S I S T E M A Ú N I C O D E S A Ú D E R E D I S E Ñ O D E M A R C A2 0 2 0

3 5

Redes SociaisExemplos de aplicação

Page 36: SUS Redesign da Marca - idclass.com.br · Redesign da Marca SISTEMA PÚBLICO DE SAÚDE BRASILEIRO. AVISO IMPORTANTE Este documento foi traduzido automaticamente pelo “Google Translator”,

© 2 0 2 0 B R I A N L E N N Y

S I S T E M A Ú N I C O D E S A Ú D E R E D I S E Ñ O D E M A R C A2 0 2 0

3 6

BrocheExemplos de aplicação

Page 37: SUS Redesign da Marca - idclass.com.br · Redesign da Marca SISTEMA PÚBLICO DE SAÚDE BRASILEIRO. AVISO IMPORTANTE Este documento foi traduzido automaticamente pelo “Google Translator”,

© 2 0 2 0 B R I A N L E N N Y

S I S T E M A Ú N I C O D E S A Ú D E R E D I S E Ñ O D E M A R C A2 0 2 0

3 7

SinalizaçãoExemplos de aplicação

Page 38: SUS Redesign da Marca - idclass.com.br · Redesign da Marca SISTEMA PÚBLICO DE SAÚDE BRASILEIRO. AVISO IMPORTANTE Este documento foi traduzido automaticamente pelo “Google Translator”,

© 2 0 2 0 B R I A N L E N N Y

S I S T E M A Ú N I C O D E S A Ú D E R E D I S E Ñ O D E M A R C A2 0 2 0

3 8

Tote BagExemplos de aplicação

Page 39: SUS Redesign da Marca - idclass.com.br · Redesign da Marca SISTEMA PÚBLICO DE SAÚDE BRASILEIRO. AVISO IMPORTANTE Este documento foi traduzido automaticamente pelo “Google Translator”,

© 2 0 2 0 B R I A N L E N N Y

S I S T E M A Ú N I C O D E S A Ú D E R E D I S E Ñ O D E M A R C A2 0 2 0

3 9

RecetuárioExemplos de aplicação

Page 40: SUS Redesign da Marca - idclass.com.br · Redesign da Marca SISTEMA PÚBLICO DE SAÚDE BRASILEIRO. AVISO IMPORTANTE Este documento foi traduzido automaticamente pelo “Google Translator”,

© 2 0 2 0 B R I A N L E N N Y

S I S T E M A Ú N I C O D E S A Ú D E R E D I S E Ñ O D E M A R C A2 0 2 0

4 0

IdentificadorExemplos de aplicação

Page 41: SUS Redesign da Marca - idclass.com.br · Redesign da Marca SISTEMA PÚBLICO DE SAÚDE BRASILEIRO. AVISO IMPORTANTE Este documento foi traduzido automaticamente pelo “Google Translator”,

© 2 0 2 0 B R I A N L E N N Y

S I S T E M A Ú N I C O D E S A Ú D E R E D I S E Ñ O D E M A R C A2 0 2 0

4 1

UniformeExemplos de aplicação

Page 42: SUS Redesign da Marca - idclass.com.br · Redesign da Marca SISTEMA PÚBLICO DE SAÚDE BRASILEIRO. AVISO IMPORTANTE Este documento foi traduzido automaticamente pelo “Google Translator”,

© 2 0 2 0 B R I A N L E N N Y

Creado por - @brianlenny.designWeb: www.brianlenny.com

ObrigadoESPERO QUE TENHAM GOSTADO TANTO QUANTO EU DESENVOLVENDO O PROJETO.

SE VOCÊ PRECISAR DE ALGUMA DÚVIDA, NÃO HESITE EM ENTRAR EM CONTATO COMIGO.