Como desenvolvemos a nova paleta de cores do Bridge?

Entenda os principais conceitos que nos levaram à decisão das novas cores

Conteúdo produzido por Isabela Mosquini e Marina Soares.

Desde que o Bridge é Bridge, o azul nos representa! Mas você já reparou que temos cores complementares que ajudam a construir nossas postagens, peças gráficas e materiais?

Além da paleta primária composta pelo azul, preto e branco, temos a nossa paleta secundária. Porém, a que era utilizada já não representava mais os nossos valores. Por isso, decidimos passar por um processo de transformação na nossa identidade visual.

No case de hoje, conheça a nossa nova paleta de cores e entenda como foi desenvolvida. A Isabela Mosquini ajuda a explicar tim-tim por tim-tim sobre cada estudo e método utilizado para a tomada de decisão. Dá uma olhada no que você confere no artigo de hoje:

• A paleta de cores principal – e quais os significados por trás dela
• Por que decidimos mudar a paleta de cores secundária?
• Quais estudos e referências usamos nessa construção
• Quais emoções as cores transmitem e como relacionar aos valores da organização?
• Como consideramos a acessibilidade das cores
• A nova paleta de cores do Bridge!

A paleta de cores principal – e quais os significados por trás dela

Todas as cores possuem o poder de transmitir valores e causar sensações e sentimentos nas pessoas que as observam. Como dissemos no nosso artigo sobre 3 passos para sua marca ter uma identidade visual forte, as cores auxiliam na identificação e reconhecimento das marcas, pois geram uma memória visual no público.

Ou seja, quando você vê a combinação do vermelho e do amarelo, provavelmente pensará em cadeias de fast-food: McDonald’s e Burger King são exemplos.

Mas, além da parte prática, as cores também se comunicam diretamente com o psicológico das pessoas. Por isso é tão importante dar atenção à decisão delas.

Aqui no Bridge, a nossa paleta de cores principais nos ajuda a construir peças de design de forma simplificada. O azul, nossa cor mais predominante, foi escolhido por representar a educação, jovialidade, confiança e criatividade. Por sermos um Laboratório da Universidade Federal de Santa Catarina, esses valores são essenciais para representar a nossa cultura!

Dá uma olhada na antiga paleta:

Ilustração: Isabela Mosquini

Embora nossa paleta principal continuasse transmitindo os valores que nos guiam, as cores de apoio já não faziam mais sentido – tanto para a construção visual quanto para o significado que transmitiam. No dia a dia, notamos que o amarelo já não nos representava como organização, além da dificuldade em construir peças harmônicas. Essa foi a principal motivação para a mudança!

Por isso, decidimos mudar somente as cores de apoio! Nossa paleta principal continuará a mesma. 

Mas, peraí! Por que o amarelo não nos representa? 

O amarelo é uma cor de grande destaque e, juntamente ao nosso azul bridger, pode causar um desconforto aos olhos por ser uma combinação muito vibrante. Outro ponto é que o amarelo não costuma ser associado a nenhum dos pilares do Bridge, possuindo maior relação com áreas da alimentação. E, por fim, apesar do amarelo poder representar luz e otimismo, ele também pode passar uma sensação contraditória, de atenção, perigo e até mesmo instabilidade.

Por que decidimos mudar a paleta de cores secundária?

Na prática, acabamos usando somente as seguintes quatro cores nos nossos designs, o que limita nossas possibilidades de criação. Apesar de funcionarem bem juntas, podem tornar as peças maçantes.

Ilustração: Isabela Mosquini

Então a decisão não foi somente por conta do amarelo, mas sim da falta de outras alternativas que fizessem maior sentido! 

Com o tempo, notamos que ainda faltavam algumas áreas a serem representadas na nossa paleta além da educação. A designer Isabela pensou sobre os principais pilares do Bridge, que são educação, tecnologia e saúde, e chegou a conclusão de que precisávamos agregar todos na paleta.

Quais estudos e referências usamos nessa construção

Para desenvolver a paleta, pensamos nos estudos sobre o significado das cores, principalmente no livro “A Psicologia das Cores”, da autora Eva Heller. Esse é um livro famoso entre os designers e que trata individualmente sobre cada cor, buscando entender o que cada uma delas significa para diversas culturas, o que desperta no nosso organismo, nossas tomadas de decisão, sentimentos e muito mais. No livro, a autora se baseia em diversas áreas do conhecimento para gerar um conteúdo aprofundado.

Fonte: Cutedrop

Outros livros serviram de base para o estudo, como “Psicodinâmica das Cores em Comunicação”, do Modesto Farina, e “A Interação da Cor”, de Josef Albert. Também foram utilizados como referência alguns sites como o Coolors, Adobe Color e até mesmo páginas do Instagram como a @awsmcolors, que comentamos no artigo sobre identidade visual.

E, por uma perspectiva do Marketing, em que as cores são analisadas com base em dados, margens de venda, pesquisa de opinião e outras métricas menos subjetivas, também estudamos alguns guias! No geral, pelo marketing nenhuma cor remete a algo negativo, mas possuem diferentes impactos.

No Color Emotion Guide, um guia que analisa as cores utilizadas nas grandes corporações, podemos observar que cada cor representa uma emoção positiva e, seja em produtos ou propagandas, grandes marcas as utilizam com finalidades diferentes.

Quais emoções queremos transmitir e quais cores ajudam nessa missão?

Antes da decisão da paleta de cores, é super importante entender quais valores desejamos passar com ela. Nós já sabíamos dos nossos valores pelas nossas frases culturais. No processo de entendimento dos nossos valores, a Isabela fez uma relação de cada frase com uma cor, ou seja, quais cores poderiam entrar na paleta. Olha só!

Ilustração: Isabela Mosquini

O roxo foi escolhido pois representa a união dos opostos, a cor dos originais e inconformistas! Na Antiguidade, era a cor dos que governavam, a cor do poder. O roxo é a mais singular das cores, está relacionada à vaidade, sensualidade e espiritualidade, a cor de tornar possível o impossível. 

Já o amarelo é a cor do otimismo. Ele é a cor da iluminação, do entendimento.

O azul, nosso queridinho, é a cor que foi mais vezes citada como a cor da simpatia, da harmonia, da amizade e da confiança. Mas também representa a inteligência, a ciência e a concentração.

Por outro lado, o laranja é a cor da versatilidade. Cor da diversão, da sociabilidade e do lúdico. O laranja possui um significado único que outras cores não conseguem igualar: a transformação.

E, por último, o verde é a cor da natureza, que mais tem variações e cada uma delas pode ter significados diferentes. No geral, o verde representa a saúde, o crescimento, o frescor, a renovação. 

Veja como algumas empresas utilizam as cores para representar seus maiores nichos:

Ilustração: Isabela Mosquini

Como consideramos a acessibilidade das cores 

Para pensar na nova paleta, também consideramos a acessibilidade. Para isso, o Bold, nosso Design System, foi um ótimo guia para ajudar nas tomadas de decisões. Com ele como uma base, tivemos o cuidado na escolha de cores que geram contrastes que permitem uma boa legibilidade e leiturabilidade, e que podem ser variadas caso essa leitura seja comprometida em alguma aplicação. 

A nova paleta de cores do Bridge!

Por fim, a Isabela Mosquini contou com a ajuda do time de designers do Laboratório Bridge para decidir quais cores seriam escolhidas para a nossa nova paleta de cores secundárias!

Com algumas alternativas feitas, discussões e testes, chegamos à nossa mais nova paleta, que representa nossos valores educacionais, tecnológicos e do nosso maior foco: melhorar a gestão da saúde pública brasileira! 

Apresentamos a nova paleta de cores do Bridge!

Ilustração: Isabela Mosquini

• O azul é nosso queridinho, faz parte da paleta de cores principal
• O roxo está em tendência, principalmente na área de tecnologia, além de se relacionar com os conceitos do Bridge
• O verde, além da associação muito próxima com a saúde, é uma cor que costuma agradar a ampla maioria das pessoas

E aí, curtiu nossas escolhas?

Aproveitamos para agradecer a bridger Isabela Mosquini por toda a dedicação no desenvolvimento da paleta de cores, além da ajuda de todos os designers que ajudaram na decisão. É a nova carinha do Bridge dando as caras.

E, se você curtiu esse artigo, confira nossas outras produções:

• B_thinking: o modelo de processo de UX do Bridge, agora para todos! 
• 3 vezes em que o Bridge inovou a gestão da saúde pública brasileira 
• 5 tarefas da gestão de pessoas que você provavelmente não conhecia 

O Laboratório Bridge atua no Centro Tecnológico da Universidade Federal de Santa Catarina (CTC/UFSC), com equipes formadas por bolsistas graduandos, pós-graduandos e profissionais contratados. É orientado por professores do CTC e do Centro de Ciências da Saúde (CCS/UFSC).

Desde 2013, desenvolvemos sistemas e aplicativos para gerenciamento da saúde pública em parceria com o Ministério da Saúde e a Agência Nacional de Vigilância Sanitária (ANVISA).

O post Como desenvolvemos a nova paleta de cores do Bridge? apareceu primeiro em Laboratório Bridge.

3 passos para sua marca ter uma identidade visual forte

Nós vamos te provar que a identidade visual é essencial para a popularidade de uma marca! Aprenda como desenvolver e manter a sua.

Conteúdo produzido pelos designers Isabela Mosquini e Rodolpho Malvestiti.

Você já visitou o perfil de uma loja no Instagram e notou que tinha vários seguidores, se esforçava em postar frequentemente, mas passava um ar de desorganização?

Talvez você não tenha entendido o motivo dessa percepção negativa, mas vamos te explicar: pode ter a ver com a falta de identidade visual da marca.

Hoje em dia é essencial entender qual é a “cara” da sua marca, organização ou perfil que deseja que cresça. 

Por isso, hoje trouxemos os designers Isabela Mosquini e Rodolpho Malvestiti para darem dicas valiosas sobre como manter a identidade visual nas redes sociais. 

Mas… O que é identidade visual?

Falando de uma forma um pouco poética, a identidade visual é a alma da marca. Ela comunica os valores, missão, ideais e objetivos da sua marca, por meio de elementos gráficos pré-determinados.

Todos os elementos que são divulgados referentes a sua marca fazem parte da construção de uma identidade visual, desde a criação de uma logo até uma postagem nas redes sociais. Por isso, é importante que ela esteja de acordo com o que você quer transmitir. 

Uma identidade visual bem estruturada ajuda no processo de consolidação e garantia de um bom posicionamento frente ao público alvo. Além disso, ela ajuda na diferenciação de uma marca para a outra, tornando a sua marca única. 

Nas redes sociais, dar atenção aos elementos da identidade visual e garantir uma unidade/padronização entre os elementos gráficos pode fazer toda a diferença! 

Mesmo com um conceito fácil, colocar esse ideal em prática pode ser uma tarefa complicada. Se você deseja obter um resultado criativo e demonstrar dinamicidade, além de estar atualizado às tendências, é importante que as suas redes sociais estejam alinhadas a conceitos do design, já que o mesmo tem um enorme poder de comunicação.

Mas como alcançar bons resultados utilizando a identidade visual de uma marca nas redes sociais? 

3 elementos fundamentais para ter uma identidade visual forte

Para o desenvolvimento de uma identidade visual completa, que seja clara e compreensível, inumeráveis conceitos são necessários, mas calma! Você pode fazer um bom trabalho com ideias básicas e mais simples de pôr em prática.

#1 – Tenha a sua própria paleta de cores

Definir uma paleta de cores é um dos passos essenciais para ter uma identidade visual coesa e padronizada.

Quantas vezes você já olhou para alguma propaganda relacionada a alimentação que utilizava as cores vermelho e amarelo e associou ao McDonald’s? Ou, quem sabe, viu uma postagem com um fundo azul-claro e lembrou do Laboratório Bridge?

Pois é, ter uma paleta forte auxilia no reconhecimento da marca, pois gera uma memória visual no público. Se você não entende muito do assunto, uma opção é procurar paletas feitas por designers e que estejam disponíveis para uso público. Assim, você utilizará cores que tenham os contrastes necessários e mais combinem com a sua marca. Mas, atenção, fuja do óbvio! É importante que as cores demonstrem o que a sua marca tem de melhor.

#DicaDoBridger: O Instagram @awsmcolor publica paletas de cores das mais diversas, para todos os gostos e tipos. Que tal dar uma olhada e ver se de lá não sai a sua inspiração?

#2 – Escolha famílias tipográficas que representam sua marca

Outro elemento de extrema importância é a tipografia, ou seja, os tipos de letras que a sua marca vai utilizar. Assim como a paleta de cores, um bom trabalho tipográfico auxilia no reconhecimento da marca. 

Para a escolha da família tipográfica ideal é necessário considerar a legibilidade da mesma, a capacidade de distinção e a mensagem que ela transmite. 

Por exemplo, letras com serifa (esses pequenos “pés” das letras, que estão representados na imagem), demonstram ideias mais sérias e/ou tradicionais. Se você deseja criar uma identidade visual para um consultório de advogados, provavelmente essa opção pode ser interessante.

#3 – Utilize elementos gráficos que se adequem à sua marca

Eles podem variar entre imagens, ícones, colagens, emojis e diversas outras figuras. Na criação de um universo visual para uma marca é importante estabelecer elementos gráficos que dão suporte e transmitem os conceitos desejados.

Aqui no Bridge, como buscamos uma comunicação mais divertida e pessoal, gostamos de utilizar emojis e stickers para exemplificar alguns elementos textuais e dar mais leveza ao conteúdo.

Além disso, utilizamos em quase todas as peças de comunicação texturas de papel, post-its e fitas, tudo para dar um ar mais aconchegante, como se fosse um bloco de anotações de todos que contribuíram no conteúdo. 

Tudo isso reflete em um dos nossos valores:  “Compartilhar Dá + XP”. Ou seja, nossas postagens são feitas com a contribuição de diversos bridgers, buscando passar informação para todos que acompanham o Bridge, compartilhando a experiência que temos aqui dentro.

E aí, já tá pronto pra tornar a sua marca única? Se você curtiu o conteúdo, nos siga nas nossas redes sociais! Lá nós estamos sempre produzindo conteúdos com base na nossa identidade visual, vale a pena conferir e se inspirar.

Instagram | LinkedIn

O Laboratório Bridge atua no Centro Tecnológico da Universidade Federal de Santa Catarina (CTC/UFSC), com equipes formadas por bolsistas graduandos, pós-graduandos e profissionais contratados. É orientado por professores do CTC e do Centro de Ciências da Saúde (CCS/UFSC).

Desde 2013, desenvolvemos sistemas e aplicativos para gerenciamento da saúde pública em parceria com o Ministério da Saúde e a Agência Nacional de Vigilância Sanitária (ANVISA).

O post 3 passos para sua marca ter uma identidade visual forte apareceu primeiro em Laboratório Bridge.