Landing Page DigiDança — Unindo Hierarquia Visual e Fluidez na Web
A DigiDança é uma iniciativa real que conecta pessoas através do movimento no ambiente digital.
Função
UX/UI Designer Solo
Ferramentas
Figma & Photoshop
Escopo
Landing page responsiva completa
Trabalhar com um projeto de mercado significa saber operar sob restrições reais. O ponto de partida foi a identidade visual institucional pré-existente da DigiDança, composta por uma paleta de verdes específicos.
Hierarquia visual acessível
O desafio de UI foi desdobrar essas camadas na interface de forma harmônica e acessível. Utilizei o verde escuro institucional para garantir contraste e legibilidade nos blocos de texto principais, enquanto o verde claro vibrante foi aplicado estrategicamente como cor de destaque nos pontos de foco e botões de ação (CTAs).
Para o ecossistema visual, optei pelo uso de ilustrações modernas em vez de fotografias tradicionais. Essa escolha trouxe dinamismo, leveza e reforçou o conceito de "dança digital". Adicionalmente, estruturei uma seção dedicada aos créditos e direitos autorais de todos os recursos visuais utilizados, garantindo conformidade legal e ética profissional.
Hierarquia da Informação & Otimização do Fluxo
Durante o desenho do layout, a maior complexidade técnica foi definir a prioridade das informações para garantir uma navegação natural e sem atritos.
Para gerar mais fluidez, movi o conteúdo institucional para uma página secundária dedicada. Com isso, a landing page principal ficou totalmente focada na proposta de valor, nos benefícios e nas chamadas para ação, otimizando o fluxo de navegação do usuário final.
Resultados & Aprendizados
Este projeto foi fundamental para exercitar minha habilidade de defender escolhas de design baseadas na experiência do usuário e em objetivos de negócio, e não apenas na estética.
Ver a landing page ao vivo e validada prova a eficácia de um processo de UI e fluidez do usuário em primeiro lugar.
Telas
