Aurora Tecidos

Visão geral

A Aurora Tecidos não foi apenas um redesign. Foi a reconstrução completa da experiência digital da marca.

O projeto começou com a criação estratégica da UI no Figma, um protótipo desenvolvido em aproximadamente 8 horas para validar rapidamente direção visual, hierarquia e usabilidade. O cliente enfrentava problemas claros: layout poluído, baixa legibilidade e dificuldade de navegação.

A UI foi pensada como sistema. O tema foi pensado como infraestrutura.

Contexto e objetivo

O público da Aurora é composto majoritariamente por consumidores que valorizam clareza e praticidade. Letras pequenas, excesso de informação e múltiplos pontos de distração estavam impactando diretamente a experiência de compra.

O objetivo era transformar a loja em um ambiente moderno, claro e altamente funcional para um público que não está acostumado com interfaces complexas.

O desafio

O desafio não era apenas “deixar bonito”. Era tornar a jornada intuitiva, previsível e confortável.

Era necessário:

• Reduzir ruído visual
• Criar uma hierarquia forte de informação
• Melhorar legibilidade
• Reforçar confiança
• Manter fluidez na decisão de compra

A estratégia

A estratégia foi estruturar a loja como um sistema visual coerente, com padrões replicáveis.

Home como vitrine estratégica:

A página inicial foi desenhada para funcionar como um showroom digital:

• Slideshow com impacto imediato
• Cards informativos com ícones objetivos
• Vitrines organizadas (Mais vendidos, Novos produtos, Você pode gostar)
• Prova social integrada
• Bloco de localização física (mapa) reforçando presença real

Cada seção segue um ritmo visual previsível, facilitando escaneabilidade.

Página de produto orientada à decisão:

A página de produto foi simplificada intencionalmente.

Prioridade absoluta:

• Título
• Preço com tipografia ampliada
• Parcelamento visível
• CTA claro

Informações secundárias (frete, detalhes técnicos etc.) foram organizadas em menus recolhíveis e áreas dedicadas, evitando sobrecarga cognitiva.

O foco foi reduzir fricção e acelerar a decisão.

Header e footer funcionais:

• Navegação direta por categorias
• Ícones claros
• Informações institucionais organizadas
• Estrutura simples e objetiva

Nada ornamental. Tudo funcional.

O que foi implementado

Fidelidade de execução:

A implementação atingiu aproximadamente 98% de fidelidade ao protótipo aprovado no Figma, preservando:

• Escala tipográfica
• Espaçamento
• Hierarquia visual
• Paleta institucional

A UI foi respeitada como sistema, não como sugestão.

Engenharia do tema ELOY V2 sobre o Dawn:

A UI foi apenas a superfície.

Para sustentar essa experiência, utilizei meu tema proprietário ELOY, originalmente construído sobre o Dawn. Para a Aurora, evoluí o projeto para uma V2 completamente reestruturada e otimizada.

Não foi apenas uma atualização. Foi uma reengenharia.

Stack técnica:

• Liquid (arquitetura modular e lógica avançada de variantes)
• JavaScript customizado
• HTML semântico otimizado para SEO
• CSS3 refinado com controle total de responsividade

Principais evoluções da V2:

Sistema de zoom de alta qualidade:

• Visualização ampliada em máxima definição
• Modal fluido sem quebra de navegação
• Performance preservada

Otimização de imagens:

• Compressão inteligente
• Melhor carregamento progressivo
• Redução de impacto em Core Web Vitals

Variantes inteligentes para tecidos:

• Swatches visuais com miniaturas reais
• Compatibilidade com múltiplas estampas
• Seleção intuitiva de metragem (50 cm / 1 m)

Integração com a API da Frenet:

• Cálculo de frete em tempo real por meio de uma API intermediária desenvolvida por mim
• Exibição clara e não invasiva

Carrinho deslizante:

• Sem redirecionamento
• Atualização instantânea
• Mensagem dinâmica de incentivo para frete grátis

Mapa integrado:

• Reforço de presença física
• Credibilidade local

Performance e estabilidade:

A V2 do ELOY foi construída com foco em:

• Melhor pontuação de desempenho
• Estrutura escalável
• Menor dependência de scripts externos
• Base sólida para futuras implementações

Resultado

A Aurora Tecidos deixou de ter apenas um novo layout.

Passou a ter:

• Um sistema visual coerente
• Uma arquitetura técnica robusta
• Uma experiência simplificada para o usuário
• Uma base escalável para crescimento

UI e engenharia trabalharam juntas.

O resultado é um e-commerce que combina clareza, performance e estabilidade, preparado para crescer sem comprometer a experiência.