Eduardo Amaral
← Voltar para projetos

Talqui

Uma nova plataforma com identidade própria e design system escalável.

Função: Product Design e Design System
Status: Projeto em andamento

Desafio

A plataforma precisava deixar de parecer um fork técnico.

Na Talqui, construí toda a nova plataforma, desde o design system até as novas telas. A versão anterior havia nascido como um fork de uma interface criada pelo time de desenvolvimento, o que resolvia necessidades iniciais, mas limitava identidade e escala.

O grande objetivo era criar uma identidade de plataforma para a Talqui: uma experiência que se encaixasse com a marca, comunicasse melhor o produto e sustentasse novas features sem depender de decisões visuais soltas.

Antes

Uma base funcional, mas sem identidade de produto.

A interface anterior nasceu de um fork técnico e resolvia as primeiras necessidades operacionais, mas herdava padrões que não expressavam a marca Talqui.

Sem tokens, componentes e documentação compartilhados, cada nova feature aumentava a fragmentação visual e a ambiguidade de implementação.

Como resolvemos

Tokens, componentes e documentação pensados para escala.

O design system foi construído desde o início com escala em mente. Variáveis, design tokens, componentes e padrões foram organizados como uma base de produto.

Criei os design tokens com uma nomenclatura personalizada, aproximando a semântica da marca, a lógica de interface e a implementação. Isso ajuda o time a evoluir o sistema com menos ambiguidade.

Design System

Tokens, componentes e plataforma em prática.

Coleções de variáveis no Figma com grupos Theme, Style, Typography e Extensions organizando os tokens semânticos da plataforma Talqui.
Componente Base Badge documentado no Figma com property table, variantes e exemplos de uso da plataforma Talqui.
Storybook do Talqui DS em design-system.talqui.dev com variantes do componente Badge: cores, outline e ícones.
Tela de cadastro da plataforma Talqui com o componente t-base-button em uso.

Fundações

Identidade de plataforma

A interface deixou de parecer uma adaptação técnica e passou a ter uma linguagem de produto própria para a Talqui.

Design tokens

Variáveis nomeadas com uma lógica personalizada para facilitar uso, manutenção e conexão com código.

Componentes escaláveis

Componentes pensados para múltiplos contextos, estados e atualizações sem recriar padrões a cada tela.

Repositório de DS

Os devs criaram uma base dedicada para o design system, atualizada continuamente junto da plataforma.

Storybook

A documentação técnica é sincronizada com Storybook, criando uma fonte viva de referência para o time.

Novas telas

A plataforma foi reconstruída com novas telas e fluxos apoiados por essa fundação visual e técnica.

Processo

Redesenho da plataforma a partir de uma versão antiga que havia nascido como um fork de interface criada pelo time de desenvolvimento.

Criação de uma identidade de plataforma alinhada à marca Talqui, conectando produto, experiência e linguagem visual.

Construção do design system com variáveis, design tokens e componentes pensados para escala e manutenção contínua.

Definição de uma nomenclatura personalizada para tokens, aproximando semântica de design e implementação.

Solução

Nova plataforma com linguagem própria, mais coerente com a marca e preparada para evoluções futuras.

Design system versionável com repositório dedicado, manutenção contínua pelo time de desenvolvimento e documentação sincronizada.

Tokens e componentes estruturados para evitar decisões soltas e acelerar novas telas sem perder consistência.

Base mais escalável para updates, novos fluxos, novas features e evolução do produto de atendimento com IA.

Ver Storybook no ar

Próximo Case

Petrobras DS v2

Biblioteca de componentes, design tokens e documentação