Projetos desenvolvidos utilizando código (front-end)

Experiência prática em projetos de front-end

Selecionei alguns projetos desenvolvidos ao longo da minha experiência em front-end. Atuei principalmente na criação de páginas de conversão, implementação de microinterações e desenvolvimento de formulários, sempre com foco em usabilidade, clareza e desempenho.

Desenvolvi esses projetos diretamente em código e adotei a pratica de criar wireframes para guiar durante o trabalho.

1 Preview do projeto front-end

Site institucional para o Grupo Viamais

Desenvolvimento front-end da primeira página institucional da empresa, criando um ponto oficial de presença na web. O site está no ar e em operação contínua desde 2022 até o momento.

  • HTML
  • CSS Flexbox
  • JavaScript
  • Figma
Visão geral
2 Preview do projeto front-end

Aplicação web • Formulário de viabilidade por CEP (Autorizada Claro)

Aplicação web focada na verificação de viabilidade de serviços a partir do CEP do usuário. O projeto inclui formulário interativo, validações em front-end e recursos de acessibilidade, como controle de contraste e mudança de cores, visando melhor legibilidade e inclusão de diferentes perfis de usuários.

  • HTML
  • CSS GRID
  • JavaScript
Visão geral
3 Preview do projeto front-end

Landing page e Formulário em etapas • Oi Fibra (Autorizada).

Landing page orientada à conversão, com criação de título e estrutura inicial focada em captação de leads. A solução inclui verificação de viabilidade por CEP e fluxo de formulários em etapas, conduzindo o usuário de forma progressiva até a solicitação de contratação do produto, com foco em usabilidade e clareza do processo.

  • HTML
  • CSS
  • JavaScript
Visão geral
4 Preview do projeto front-end

Landing page e Formulário em etapas • HughesNet (Internet via satélite)

Focada em conversão para autorizada HughesNet, com criação do layout e do título principal. O projeto inclui formulário em etapas para captação de leads e solicitação do serviço, estruturado para conduzir o usuário de forma clara e progressiva ao longo do processo de contratação.

  • HTML
  • CSS
  • JavaScript
Visão geral
5 Preview do projeto front-end

Landing page de conversão • Autorizada Claro

Focada exclusivamente na conversão para contato telefônico. Prioriza chamada clara para ação, hierarquia visual objetiva e direcionamento direto para ligação, com o objetivo de facilitar a negociação e aquisição de pacotes de serviços.

  • HTML
  • CSS
  • jQuery
Visão geral

Veja também meu processo criativo em UI Design

Thumbnail próximo case
Currículo