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.

Reconstruí a plataforma da Talqui, do design system às telas de produto. O fork técnico anterior resolvia o básico, mas limitava identidade e escala.

Antes

Uma base funcional, mas sem identidade de produto.

A interface anterior funcionava, mas não expressava a marca Talqui nem criava uma base compartilhada para crescer.

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.

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

  1. 01

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

  2. 02

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

  3. 03

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

  4. 04

    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