Gol & Smiles
Scope Escopo
- Benchmark and AnalysisBenchmark e Análise
- Concept Mobile AppConceito App Mobile
- Concept Website DesktopConceito Website Desktop
- Design System
Project details Detalhes
With meiuca.co we've worked for GOL & Smiles new DS called Tangerina. Also during this project, we've worked in a mobile app concept and a website concept. Com meiuca.co trabalhamos no novo DS da GOL & Smiles chamado Tangerina. Também criamos um conceito de app mobile e um conceito de website.
Year Ano
2024
Awards Prêmios
IF Design Award 2025.
A deep dive to fly even higher. Uma imersão para voar ainda mais alto.
We audited GOL's digital products to map inconsistencies, inventory existing components and create the new look and feel for the products. All findings were validated with strategic stakeholders across design, product, engineering and brand to ensure alignment. We found 3 main challenges: Ensure accessibility w/ WCAG standards, Multiple themes to support an ecosystem and align the complexity of new components. Auditamos os produtos digitais da GOL para mapear inconsistências, inventariar componentes existentes e criar o novo visual. Todos os achados foram validados com stakeholders de design, produto, engenharia e marca. Encontramos 3 desafios: acessibilidade WCAG, múltiplos temas para o ecossistema e a complexidade dos novos componentes.
Structuring the new foundations. Estruturando as novas fundações.
To ensure that we cover all the new structures, components and templates that will be built using the DS, we've created two token lists. Global and Alias, which means that Alias consumes global tokens for semantic purposes. Helping to create and standardize design decisions with this semantic approach. Para cobrir todas as estruturas, componentes e templates do DS, criamos duas listas de tokens: Global e Alias. O Alias consome tokens globais para necessidades semânticas, padronizando decisões de design com essa semântica.
The new DS was inevitable. O novo DS era inevitável.
To ensure that we could scale design decisions through any kind of product that GOL & Smiles has without spending a lot of time, we brought a new DS. Upscaling code and design to have a better time to market. The library was divided into 2 devices, mobile and desktop. Leveraging the most recent Figma technology, using variables, core tokens, alias tokens, component props. Para escalar decisões de design em qualquer produto da GOL & Smiles sem gastar muito tempo, trouxemos um novo DS. Evoluindo código e design para melhor time to market. A biblioteca foi dividida em mobile e desktop com tecnologia Figma de ponta: variáveis, core tokens, alias tokens e props de componentes.
Well... A new look to the app! Bom... Um novo visual para o app!
Focusing on what matters to the user, we've created an interesting readable experience that directs you to what you must do. Helping you with check-in and the boarding time. Not only to help you buy, but to help you to have a better physical experience. Focando no que importa para o usuário, criamos uma experiência legível que direciona você ao que precisa fazer. Ajudando no check-in e no embarque. Não só para comprar, mas para proporcionar uma experiência física melhor.
The main experience should be stunning. A experiência principal deveria ser deslumbrante.
The concept directs the experience to be modern, fluid and simple. Also focusing on improving the buy and manage travel experience cross-channel. The website is the most visited, so... It deserves a better look. O conceito direciona a experiência para ser moderna, fluida e simples. Focando em melhorar a compra e gestão de viagens cross-channel. O website é o mais visitado, então... Merece um visual melhor.
The outcomes we've achieved Os resultados que alcançamos
-1%
Detach rate across Web and App lib. Taxa de detach nas libs Web e App.
+50
Designers trained to use DS Designers treinados para usar o DS
+70
Components in design + code Componentes em design + código
+35
Squads supported Squads apoiados