Case 02 · Smiles · GOL
Facelift da página de aluguel de carros do site da Smiles. A página estava defasada em relação ao resto do site. O desafio era trazê-la para o design system e deixá-la consistente com a experiência da home, que já tinha sido atualizada.
Papel
Product Designer · Rethink
Período
Abr 2023 · prazo curto
Escopo
Facelift, UI, variações e especificação
Status
No ar no site da Smiles
01 · O desafio
Identidade desalinhada
A home já tinha sido atualizada, mas a página de carros continuava no visual antigo. Quem navegava entre as duas sentia que estava em sites diferentes.
Design system como base
Trazer títulos, cards, ícones e carrosséis para os componentes do design system, em vez de criar um padrão paralelo só para carros.
Prazo curto
Com pouco tempo, a prioridade foi o que padroniza a experiência. O que dependia de marketing e de UX writing ficou sinalizado no próprio layout, como a ideia de trocar os carrosséis por uma vitrine.
02 · Decisões de design
Padrões que já existiam
Títulos com ícone e cards no mesmo padrão de Hotéis, e o carrossel igual ao da landing page de co-branding. Quem vinha da home reconhecia a página na hora.
Affordance honesta
Cards e ícones informativos da Localiza não são clicáveis e não imitam botão. Só grupos de carros e destinos levam para outra página.
Contraste nas imagens
Nas fotos dos destinos, o gradiente radial foi reduzido para 10%, melhorando o contraste e a leitura dos títulos sobre a imagem.
Exceção ao DS, com aval
O card do Clube Smiles saiu do padrão do design system. Antes de seguir, a proposta foi apresentada à coordenação para validação.
03 · Resultado
A estrutura que desenhei segue no ar.
Depois da entrega, o time da Smiles fez ajustes, como incluir a Movida ao lado da Localiza e revisar textos. A espinha da proposta permaneceu: buscador e benefícios no topo, bloco do parceiro nacional, carrossel do Brasil, bloco da Rentcars com os mesmos três destaques, destinos internacionais, cards do Clube Smiles e do Cartão GOL e as dúvidas frequentes no fim.