Tangerina Design System

O problema: dois ecossistemas, nenhum padrão comum

O ecossistema do grupo GOL Smiles operava com duas realidades completamente diferentes. De um lado, a Smiles possuía uma estrutura digital mais madura, com melhores práticas de UX e ativos de design mais evoluídos. Do outro, os produtos digitais da GOL eram desatualizados, inconsistentes e difíceis de escalar, baseados em arquivos legados, sem documentação e com padrões fragmentados.

Essa diferença gerava um problema estrutural claro: dois design systems, dois níveis de maturidade e nenhuma base unificada entre os produtos do grupo. Designers e desenvolvedores enfrentavam dúvidas constantes, retrabalho e discussões recorrentes sobre decisões básicas de interface. Até elementos simples como botões, inputs e espaçamentos variavam significativamente entre produtos, aumentando a complexidade interna e a inconsistência externa.

A Smiles está muito à frente da GOL em experiência digital. A GOL precisa alcançar o mesmo nível de design, interface e experiência do usuário.

Celso Ferrer

CEO Grupo GOL

Essa fala deixou o desafio explícito. O problema deixou de ser pontual e passou a ser sistêmico.

A abordagem: um sistema para conectar tudo

A hipótese não era evoluir dois sistemas de forma independente, mas sim criar uma linguagem unificada capaz de conectar ambos os ecossistemas. O Design System precisava atuar como uma ponte, alinhando produto, tecnologia e design dentro de uma estrutura compartilhada. Em vez de impor um sistema sobre o outro, a abordagem focou em encontrar um ponto de equilíbrio. Isso exigiu decisões deliberadas sobre identidade visual, padrões de interação e fundamentos estruturais.

Um dos desafios mais críticos foi conciliar as diferenças entre as marcas. Por exemplo, a Smiles utilizava interfaces com cantos arredondados, enquanto a GOL adotava uma linguagem mais rígida e com cantos retos. A decisão não foi escolher um lado, mas definir um sistema coeso capaz de representar ambas as marcas de forma consistente. Isso se estendeu para tipografia, espaçamentos, cores e comportamento dos componentes. O sistema foi concebido como uma estrutura viva e colaborativa. Em vez de uma biblioteca estática, o Tangerina se tornou uma fonte única de verdade, evoluindo continuamente com contribuições de designers e desenvolvedores.

A execução: da fragmentação para a escala

A execução focou na construção de uma base robusta e acessível. Esse trabalho foi desenvolvido em colaboração com a Môre e a Meiuca, alinhando múltiplos times em torno de um sistema compartilhado. Componentes, tokens e padrões foram reorganizados para garantir consistência e facilidade de uso entre os produtos. Ao mesmo tempo, a documentação passou a ser um pilar central do sistema, resolvendo uma das maiores dores das estruturas anteriores.

Clareza substituiu ambiguidade. Reutilização substituiu retrabalho. Designers passaram a contar com uma biblioteca no Figma estruturada e intuitiva, enquanto desenvolvedores passaram a trabalhar com uma camada de implementação consistente por meio de uma biblioteca dedicada em código.

Nosso Design System nasceu para conectar as diferentes jornadas desse grande ecossistema. O Tangerina une tecnologia, usabilidade e produto para colocar nossos clientes no centro das decisões.

Natalie Nodari

Gerente de Design

Inconsistências concretas foram eliminadas de forma sistemática. Elementos como botões, inputs e estruturas de layout foram padronizados, eliminando variações que antes exigiam alinhamentos constantes. O sistema reduziu a necessidade de reuniões, já que as decisões passaram a estar incorporadas na própria estrutura do Design System. Em paralelo, foi desenvolvido um site institucional e um vídeo para comunicar o sistema internamente e reforçar seu papel estratégico. Traduzir a complexidade do sistema em uma narrativa clara e envolvente foi uma das partes mais desafiadoras do projeto, exigindo síntese e organização de conceitos, processos e impacto.

O Tangerina é um dos pilares essenciais que irá unir e aproximar as marcas do nosso Grupo. Este sistema irá escalar nossas soluções de forma eficiente, economizando tempo nas áreas mais estratégicas da empresa.

Carla Fonseca

CEO Smiles & VP GOL

O sistema permitiu alinhar múltiplas jornadas dentro de um ecossistema complexo, garantindo que diferentes produtos compartilhassem a mesma base visual e de usabilidade, sem perder flexibilidade para evoluir continuamente.