Sistemas de design: por que as marcas precisam de um

Existem mais de meio milhão de marcas por aí, e apenas algumas se destacam. Pense naqueles que resistiram ao teste do tempo, como Disney, Nike ou Microsoft, e capturaram um canto de sua mente. Eles conseguiram se diferenciar com sucesso de seus concorrentes.

Muitas vezes, é o branding forte que nos faz lembrar dessas marcas. Hoje em dia, a função de um produto ou serviço é, na maioria das vezes, tida como certa, e nosso foco muda da função para a forma. O design de um produto ou serviço tem o poder de prender nossa atenção e permanecer conosco por muito tempo. As cores, as fontes, os ícones, as imagens, o tom de voz – toda a experiência nos faz lembrar.

Cada ponto de contato com seus clientes é uma oportunidade para dizer a eles quem você é e o que você representa. Mas ao trabalhar com várias equipes, departamentos e produtos, como você faz isso de maneira consistente e escalável?

Apresentando sistemas de design

Os sistemas de design surgiram para nos ajudar a lidar com ecossistemas digitais cada vez mais complexos que contêm mais produtos, serviços e pontos de contato do que nunca. Eles são um movimento lógico para marcas maiores que desejam fornecer uma experiência consistente ao cliente (CX), dimensionar seus esforços de design, acelerar seus fluxos de trabalho e melhorar a colaboração.

Um sistema de design se resume a uma biblioteca centralizada que consiste em um conjunto coeso de elementos e componentes de design funcionais e reutilizáveis. De padrões, pincéis, componentes, formas, ilustrações e tipografia a instruções para dimensionamento, espaçamento, botões codificados e formulários. Diretrizes, valores e exemplos de uso também são partes importantes de um sistema de design.

Além disso, o DPDK adiciona uma visão geral dos arquivos de produção baseados na biblioteca e nas diretrizes. Em poucas palavras, um sistema de design tem todas as ferramentas que seus designers e desenvolvedores precisam.

Sistemas de design de sucesso definitivamente não são estáticos e precisam crescer continuamente. Marcas que possuem sistemas de design maduros fornecem um CX mais consistente, têm maiores taxas de satisfação do cliente e levam os produtos ao mercado mais rapidamente, de acordo com a Forrester. Os três resultados principais que um sistema de design ideal alcança são:

1. Consistência

A introdução de um conjunto compartilhado de regras e diretrizes para criar e (re)usar componentes facilita a criação de experiências consistentes entre plataformas.

2. Eficiência

Ele permite que desenvolvedores e designers reutilizem elementos e componentes, em vez de ter que construir componentes parecidos do zero repetidamente. As equipes têm mais tempo para se concentrar no que fazem de melhor, criando o melhor CX possível.

3. Escalabilidade

Aumentar sua eficiência e consistência ajudará você a criar produtos mais rápido e melhor. A escala torna-se mais fácil e mais barata.

Os sistemas de design, quando bem feitos, terão um enorme impacto no desempenho, tanto do lado da marca quanto do negócio. Para mostrar que não estou apenas falando aqui, mas também caminhando, vamos dar uma olhada no próprio sistema de design de ilustração (IDS) do DPDK.

Andando a conversa

Na DPDK, somos fortes defensores dos sistemas de design e aconselhamos as marcas sobre a importância e a necessidade deles há mais de 15 anos. Embora tenhamos construído o sistema de design DPDK há algum tempo, nosso IDS só foi criado quando nossa equipe de marketing começou e nosso blog começou a tomar forma. O IDS é basicamente um sistema que fica dentro desse sistema. Eu dei uma palestra sobre design para escala no Adobe MAX em novembro passado, onde nosso sistema de design é discutido em detalhes. Você pode conferir a palestra e os principais tópicos aqui.

De qualquer forma, as ilustrações são uma ótima maneira de animar a comunicação e diferenciar sua marca. E, ao contrário da fotografia de banco de imagens, eles são únicos e criativos. No entanto, o desafio com um estilo de ilustração é que muitas vezes depende do criador.

Também queríamos que nosso IDS resistisse ao teste do tempo e não dependesse de um único designer. É por isso que um estilo de ilustração estruturado com o qual vários designers podem trabalhar é fundamental. Um IDS garante que o estilo permaneça consistente e ajuda a escalar de maneira gerenciável.

Construindo um sistema de design de ilustração

Quando você cria um sistema de design, você sempre começa com uma visão. Você precisa responder a algumas perguntas importantes, como quem você é e o que você representa. Em seguida, você traduz as respostas para essas perguntas em sua identidade visual.

Nosso objetivo era ter um estilo de ilustração único, simples, colorido e que pudesse abranger muitos tópicos da indústria digital. A escalabilidade também foi um aspecto importante. As ilustrações precisavam ser decompostas e reconstruídas de maneiras diferentes.

Começamos com elementos gráficos básicos, caracteres simples e muito teste e aprendizado. A partir daí, desenvolvemos uma primeira versão rudimentar do IDS. Os primeiros PDFs com os quais começamos consistiam em diretrizes, caracteres, objetos, formas, pincéis e uma mistura de padrões.

Eventualmente, eles amadureceram em uma biblioteca ativa do Adobe XD que todos os designers do DPDK podem acessar e usar. Os elementos desta biblioteca são como blocos de Lego que os designers podem facilmente criar novas ilustrações. Se os componentes não forem fornecidos na biblioteca, os designers poderão criar e adicionar novos itens. O IDS dá aos nossos designers a liberdade criativa para projetar 'dentro da caixa' e experimentar enquanto protege nosso estilo de ilustração.

A equipe de marketing, por outro lado, usa ilustrações para dar vida à nossa marca. Isso vai além da publicação de conteúdo no blog. Você pode ver o IDS em ação em todos os pontos de contato, tanto online quanto offline, e para comunicação externa e interna.

Pense nos whitepapers que preparamos, apresentações que criamos para reuniões ou malas diretas que são enviadas. O IDS também é usado para a marca do empregador e eventos internos. O estilo único e sua aplicação expansiva nos ajudam a diferenciar dos concorrentes.

As cores da inclusão

Um sistema de design precisa evoluir continuamente. O feedback regular é um aspecto importante para garantir o progresso. É por isso que organizamos sessões mensais de revisão onde os designers podem apresentar novas ideias e discutir o que pode ser melhorado em termos de designs anteriores.

Quando assumimos um compromisso de igualdade, diversidade e inclusão em 2020, percebemos rapidamente que nossas ilustrações precisavam refletir um grupo diversificado de pessoas. Somos um grupo internacional no DPDK e isso não se refletiu no IDS nem foi representativo do mundo em que vivemos.

As primeiras ilustrações foram desenhadas em um fundo branco que se traduziu em personagens que terminavam com tons de pele principalmente brancos. Em um esforço para manifestar designs mais inclusivos, começamos a experimentar cores diferentes, como vermelho, amarelo e verde. Mas reconhecemos que esse não era o caminho a seguir.

Usando fotos da vida real e nos inspirando em nossa própria equipe, acabamos optando por usar cores realistas e optamos por tons naturais. Com um conjunto de diretrizes, determinamos as dimensões, proporções e cores de pele dos personagens. Com isso, nossos personagens evoluíram para diversas figuras com uma variedade de cores de pele, roupas da moda e penteados. Por meio de nossas ilustrações, você pode ver quem é a DPDK como agência e como vemos o mundo.

O resultado

Trabalhar com o IDS economiza em média duas horas por ilustração (dependendo da complexidade). Multiplique isso por quatro e você já liberou um designer para um dia de trabalho. Aquilo é enorme. Dessa forma, nossos designers têm mais tempo para serem criativos e se concentrarem no design e no artesanato, em vez de gastar tempo com trabalho manual e tarefas repetitivas.

Não preciso me preocupar com inconsistência ou liberar recursos, pois mais de dez designers diferentes já trabalharam com o IDS e o evoluíram ainda mais. E nossa equipe de marketing é capaz de publicar conteúdo e lançar campanhas prontamente. Para resumir, nossos esforços de IDS levaram a marca do DPDK para o próximo nível e ajudaram nossa equipe a dimensionar rapidamente os resultados e criar experiências na marca.

Você está pronto para capacitar sua equipe com um sistema de design à prova de futuro?

Leia o artigo completo aqui