Redesign da Landing Page – Payssego

Contexto e desafio

Após um rebranding completo, a fintech Payssego – que oferece salário sob demanda para empresas e colaboradores – identificou que seu site já não refletia mais a nova identidade visual e os valores da marca. O desafio era claro: modernizar a landing page com um novo design que fosse visualmente atrativo, impactante e que comunicasse com clareza os principais benefícios da empresa.

Meu papel

• Defini o escopo da nova landing page;

• Conduzi dinâmicas de identidade visual (look e feel);

• Criei animações para uma navegação mais engajante;

• Desenvolvi o layout final e

• Organizei a entrega do style guide para handoff com o time de desenvolvimento.

Entendendo o cliente e os usuários

A Payssego atua no setor financeiro com foco em RH, oferecendo antecipação de salário para colaboradores, baseada nas horas já trabalhadas. Isso requer uma comunicação clara e confiável, tanto para empresas quanto para funcionários.

Durante o rebranding, a marca assumiu um tom mais moderno, lúdico e impactante, e era essencial que o site traduzisse essa nova proposta. O projeto não se limitava ao visual: era necessário posicionar estrategicamente os benefícios do serviço, com hierarquia de conteúdo bem definida e elementos que conduzissem o usuário ao entendimento do produto em poucos segundos.

Identidade visual e adaptação aos produtos digitais

A nova identidade da marca trazia cores vibrantes, tipografia descolada e um tom leve. Meu desafio foi equilibrar esses elementos com princípios de usabilidade e acessibilidade, garantindo que a experiência fosse funcional para todos os usuários, independentemente do dispositivo ou familiaridade digital.

Decisões-chave:

• Uso intencional de cores vibrantes para valorizar os elementos visuais;

• Contrastes otimizados para leitura e navegação e

• Adaptação responsiva com foco em performance e escaneabilidade.

Layout e animações

A proposta visual precisava ser impactante. Para isso, criei uma landing page com animações durante o scroll, que reforçavam a identidade moderna da Payssego sem comprometer a performance. Os elementos animados foram utilizados para:

• Guiar o olhar do usuário na jornada da página;

• Dar destaque a CTAs (chamadas para ação) e

• Reforçar trechos-chave da comunicação.

Cada seção da landing page foi pensada para ser direta e visualmente clara, dividindo os conteúdos entre:

• O que é o serviço;

• Benefícios para empresas e

• Benefícios para colaboradores.

Handoff e style guide

Após ciclos de feedback com o time da Payssego, finalizei o layout e organizei um style guide completo contendo:

• Paleta de cores e aplicações;

• Tipografia e pesos;

• Componentes reutilizáveis (botões, cards, seções) e

• Guidelines para animações e responsividade.

O handoff foi estruturado no Figma, com documentação clara e lógica de componentes, facilitando o trabalho dos desenvolvedores e garantindo fidelidade visual na implementação.

Impacto potencial

A nova landing page busca reforçar o posicionamento da Payssego como uma fintech moderna e relevante para o público B2B e B2C. A navegação fluida, a nova identidade e a comunicação objetiva proporcionam uma experiência mais envolvente e aumentam o potencial de conversão de visitantes em leads qualificados!

Aprendizados

• A adaptação de um rebranding para o ambiente digital exige decisões que vão além da estética: é preciso considerar funcionalidade, responsividade e acessibilidade. Acredito que poderia ter ido mais fundo nesses princípios, mas seguimos por atender alguns pedidos direcionados do cliente, visto que ele possuía mais contexto dos usuários e de seu negócio.

• Animações estratégicas aumentam o engajamento, mas só funcionam bem quando têm propósito claro.

• Um style guide bem documentado agilizou a implementação e reduziu erros entre design e desenvolvimento.

Ferramentas Utilizadas

• Figma (layout, protótipo, style guide e handoff);

• Lottie (animações para web);

• Miro (documentação do escopo) e

• Jira (design sprint, organização de tarefas).