InvestSmart | Design System
PT
Em 2023, à frente do time de design como coordenador de branding da InvestSmart, uma das maiores assessorias de investimentos do Brasil, fui responsável pelos ativos visuais das empresas, e conforme avançamos em diversos aspectos rumo a uma maior consistência, versatilidade, e marcas melhores e com ativos mais fortes, evoluímos em diversas diretrizes.
Conforme a empresa evoluía, o time de design evoluía junto, e nossa tarefa principal era garantir que os ativos visuais continuassem representando as marcas em sua essência, e que pudessem potencializar o trabalho das equipes de forma mais independente.
Tomei a iniciativa de desenvolvermos o Design System da InvestSmart, clarificando todas estas diretrizes em um só lugar, de fácil acesso.
Neste case destaco somente as principais diretrizes das quais fizemos mudanças significativas.
EN
In 2023, leading the design team as branding coordinator at InvestSmart, one of the largest investment advisory firms in Brazil, I was responsible for the companies' visual assets, and as we advanced in several aspects towards greater consistency, versatility, and better brands with stronger assets, we evolved in several guidelines.
As the company evolved, the design team evolved along with it, and our main task was to ensure that the visual assets continued to represent the brands in their essence, and that they could enhance the work of the areas more independently.
After a few cycles, I took the initiative to develop the be.st group's Design System, clarifying all these guidelines in one place, easily accessible.
In this case, I highlight only the main guidelines to which we made significant changes.
As the company evolved, the design team evolved along with it, and our main task was to ensure that the visual assets continued to represent the brands in their essence, and that they could enhance the work of the areas more independently.
After a few cycles, I took the initiative to develop the be.st group's Design System, clarifying all these guidelines in one place, easily accessible.
In this case, I highlight only the main guidelines to which we made significant changes.
Arquitetura de marca:
Um grupo com uma arquitetura complexa, em que decisões precisam ser tomadas muito rápido, e empresas, submarcas e campanhas surgem de forma ágil para atender demandas, precisa de uma arquitetura clara,
Desenvolvemos definições e diretrizes para a criação de novas marcas e submarcas, atuamos junto ao time de compliance para criar regras em acordo com a legislação vigente no mercado financeiro, da melhor forma possível, e poder aplicaca-las em regulamentos internos, protegendo as empresas e suas reputações,
Brand architecture:
A group with a complex architecture, in which decisions need to be made very quickly, and companies, sub-brands and campaigns emerge quickly to meet demands, needs a clear architecture,
We develop definitions and guidelines for the creation of new brands and sub-brands, we work with the compliance team to create rules in accordance with current legislation in the financial market, in the best possible way, and to be able to apply them in internal regulations, protecting companies and their reputations,
We develop definitions and guidelines for the creation of new brands and sub-brands, we work with the compliance team to create rules in accordance with current legislation in the financial market, in the best possible way, and to be able to apply them in internal regulations, protecting companies and their reputations,
Evoluímos ativos estratégicos conforme validávamos em diferentes espaços, os principais foram:
Cores: a paleta de cores foi extendida melhorando a acessibilidade em materiais diferentes como apresentações e interfaces, e demos maior versatilidade para o trabalho de desenvolvimento de campanhas.
Tipografia: Em alguns momentos, ficava confuso a relação entre fontes de título e de corpo, e como trabalhar 3 fontes em um layout, então deixamos claro e de forma mais objetiva.
Ícones: Desenvolvemos um novo formato de ícones, com novas diretrizes de ciração que tornasse os layouts mais limpos, com uma menor quantidade de cores e uma maior versatilidade, favorecendo a aplicação em interfaces,
We developed strategic assets as we validated them in different spaces, the main ones being:
Colors: the color palette was expanded, improving accessibility in different materials such as presentations and interfaces, and we gave greater versatility to the work of developing campaigns.
Typography: At times, the relationship between title and body fonts was confusing, and how to work with 3 fonts in a layout, so we made it clearer and more objective.
Icons: We developed a new icon format, with new creation guidelines that made the layouts cleaner, with fewer colors and greater versatility, favoring application in interfaces,
Interfaces:
Esse eu julgo ter sido um dos maiores avanços, do time de design.
Em conjunto com o time de tecnologia da InvestSmart mapeamos as principais necessidades dos desenvolvedores front-end, e como poderíamos tornar as interfaces mais consistentes, e facilitar o trabalho das equipes, sem necessidades de aprovações constantes, mantendo a agilidade necessária para a inovação.
Criamos novos ativos e componentes para as interfaces, tokenizamos diversos elementos, e reunimos e distribuímos para acesso livre com os códigos e estilos.
Pensamos na acessibilidade de cada componente, desenvolvendo variações.
Interfaces:
I believe this was one of the biggest advances made by the design team.
Together with the InvestSmart technology team, we mapped out the main needs of front-end developers and how we could make the interfaces more consistent and facilitate the work of the teams, without the need for constant approvals, while maintaining the agility necessary for innovation.
We created new assets and components for the interfaces, tokenized several elements, and gathered and distributed them for free access with the codes and styles.
We thought about the accessibility of each component, developing variations.
EQUIPE:
Sou muito grato à toda a equipe, que me acompanhou durante esse incrível ano, profissionais expecionais que não pouparam esforços para levar a marca da InvestSmart a um novo patamar,
Superintendente de Branding: Betine Cupello
Coordenador de planejamento e atendimento: Bruno Aguiar
Coordenadora de conteúdo e redação: Fabiane Mariano
Audiovisual: Bernardo Pimentel e Eduardo Pinto
Coordenador de Design: João Santos
Designers: João Santos, Luan Alves, Hugo Alves, Gabriel Akerman, Ingryd Oliveira, Henrique Elias, Djalmir Ribeiro.
Identidade visual da InvestSmart desenvolvida por: FutureBrand.
TEAM:
I am very grateful to the entire team that supported me during this incredible year, exceptional professionals who spared no effort to take the InvestSmart brand to a new level,
I am very grateful to the entire team that supported me during this incredible year, exceptional professionals who spared no effort to take the InvestSmart brand to a new level,
Branding Superintendent: Betine Cupello
Planning and service coordinator: Bruno Aguiar
Content and writing coordinator: Fabiane Mariano
Audiovisual: Bernardo Pimentel and Eduardo Pinto
Design coordinator: João Santos
Designers: João Santos, Luan Alves, Hugo Alves, Gabriel Akerman, Ingryd Oliveira, Henrique Elias, Djalmir Ribeiro.
InvestSmart's visual identity developed by: FutureBrand.
Planning and service coordinator: Bruno Aguiar
Content and writing coordinator: Fabiane Mariano
Audiovisual: Bernardo Pimentel and Eduardo Pinto
Design coordinator: João Santos
Designers: João Santos, Luan Alves, Hugo Alves, Gabriel Akerman, Ingryd Oliveira, Henrique Elias, Djalmir Ribeiro.
InvestSmart's visual identity developed by: FutureBrand.
_____________________________________________________________________
Disclaimer: Esse é um projeto "On Going", e será sempre atualizado e desenvolvido. Neste case está somente os principais avanços desenvolvidos até fevereiro de 2024. Por motivos de confidencialidade o material não pode ser disponibilizado de forma navegável.
Disclaimer: This is an "On Going" project, and will always be updated and developed. This case only includes the main advances developed until February 2024. For confidentiality reasons, the material cannot be made available in a navigable format.
