WhatsApp

Projeto The Delta House – UX/UI Design em VTEX

No início de 2024, tive a oportunidade de trabalhar em um projeto desafiador: liderar a etapa de UX/UI Design para a migração da loja online do Grupo Nabeiro para a nova marca The Delta House, usando a plataforma VTEX.IO. Este trabalho teve como foco principal melhorar a experiência do consumidor no ambiente B2C, além de trazer agilidade e escalabilidade para as operações internas da nova marca, alinhando-se à missão de expansão do grupo.

Visão Geral do Desafio

O objetivo central do projeto foi traduzir toda a tradição, inovação e humanismo da Delta House em uma interface robusta, funcional e visualmente impactante. A Delta House, conhecida por ser o "teto" que une suas mais de 50 marcas alimentares e com presença em 5 continentes, precisava de uma solução digital que unisse autonomia operacional com a facilidade de futuras expansões.

O projeto foi construído em sinergia com as equipes internas para refletir o posicionamento do Grupo Nabeiro de "casa aberta ao mundo", mantendo a identidade acolhedora e próxima que tanto caracteriza suas relações com os consumidores.

Levantamento de Necessidades e Análise de Contexto

O primeiro passo foi compreender profundamente a marca Delta House e o impacto que suas diretrizes tinham sobre o design. Comecei mapeando informações-chave fornecidas pelo cliente, incluindo:

  • Dados detalhados de catálogo de produtos, como imagens, descrições, precificação e SKUs;
  • Informações logísticas e de inventário, indispensáveis para a integração fluida com a VTEX;
  • Diretrizes de branding enviadas pela equipe criativa do Grupo Nabeiro, contendo guidelines de identidade visual, personas e jornadas do usuário.

Estes insumos não apenas ajudaram a estruturar a interface, mas também serviram para alinhar a experiência com os padrões de qualidade esperados para uma marca desse porte.

Design System Completo: a Base para Escalabilidade e Consistência

Com base em um material de brand robusto enviado pelo cliente, desenvolvi um design system exclusivo para a nova loja online. Este sistema incluiu uma biblioteca de componentes reutilizáveis, elementos como tipografia, botões, modais e ícones, assim como estilos visuais adaptados para a interface da VTEX.IO.

O design system atuou como o núcleo criativo que permitiu a aplicação fácil e consistente das diretrizes do Grupo Nabeiro em todas as telas do projeto. Além disso, ele foi desenhado pensando em escalabilidade, uma vez que a marca planeja expansões futuras e o lançamento periódico de novas funcionalidades.

Antonio Ebert Delta House - Design System e componentes visuais Antonio Ebert Delta House - Interface da loja online Antonio Ebert Delta House - Páginas de produto e checkout

Pesquisa com Foco na Experiência do Usuário Final

Pautado pela visão de proximidade da Delta House, apliquei métodos qualitativos como análise de jornadas do usuário e construção de personas. Essas abordagens tiveram como objetivo identificar os pontos de dor e oportunidades dentro da experiência anterior de compra online do Grupo Nabeiro, além de orientar o design para atender às demandas práticas e emocionais do consumidor final.

Principais descobertas:
  • A necessidade de navegação intuitiva para uma base de clientes diversificada;
  • Particularidades no comportamento de compra de consumidores habituados à interação direta com os pontos de venda físicos.

Com essas informações em mãos, propus soluções de navegação simples e acessíveis, integrando inteligência de pesquisa e filtros refinados para facilitar o acesso aos produtos.

Wireframes e Prototipação Interativa

Os wireframes foram planejados com especial atenção às jornadas do usuário, priorizando um fluxo de checkout otimizado e uma navegação fluida em dispositivos móveis, que representam grande parte do tráfego previsto. A etapa de prototipação interativa foi essencial para testar e alinhar as expectativas das principais stakeholders, incluindo o cliente e a equipe de desenvolvimento.

Interface Final: Entre Tradição e Modernidade

A interface visual combinou a elegância e a proximidade da narrativa do Grupo Nabeiro com elementos modernos que destacam a inovação da Delta House. A escolha de cores, tipografias e imagens estratégicas refletiu as qualidades "familiares" da marca e, ao mesmo tempo, conectou-a ao consumidor digital atual.

Elementos como uso de microinterações foram integrados para melhorar a sensação de fluidez ao navegar na loja, garantindo uma experiência de compra mais envolvente e memorável.

Antonio Ebert Delta House - Telas finais da interface do e-commerce

Implementação e Acompanhamento em VTEX

Após a aprovação do design, atuei em estreita colaboração com os desenvolvedores para garantir que todos os padrões visuais e funcionais fossem devidamente implementados na plataforma VTEX.IO. Foram realizadas revisões estruturadas para assegurar que o design final respeitasse tanto as diretrizes estéticas quanto os objetivos escaláveis do projeto.

Um acompanhamento posterior ao lançamento garantiu que métricas, como aumento na taxa de conversão e retenção de usuários, fossem atingidas adequadamente.


A maioria das pessoas comete o erro de pensar que o design é o que parece. As pessoas pensam que é este verniz - que os designers recebem esta caixa e dizem "faça com que fique bem". Não é isso que pensamos que é o design. Não é apenas a aparência e a sensação. O design é assim que funciona. Steve Jobs, engenheiro de computação e industrial dos EUA.
Data Março, 2024
Tipo E-commerce para Desktop e Mobile
Plataforma VTEX.IO

Vamos conversar?

Você tem um projeto desafiador? Eu adoraria ajudar a fazer isso acontecer!

WhatsApp +55 21 96930-5251

Email contato@antonioebert.com.br

Endereço Copacabana - Rio de Janeiro - RJ Brasil

Social

ok

ok

ok