Landing Page de Duplicata Escritural Monkey Tech

Tecnologias utilizadas:
Bootstrap, HTML5, CSS3, JavaScript

Tipo de projeto:
Front-end estático / Landing page institucional

Sobre o projeto:

A Monkey Tech é uma fintech com 10 anos de história, presente em 4 países, atendendo mais de 30 mil empresas e com mais de R$ 200 bilhões antecipados. Esta landing page foi desenvolvida para apresentar a solução de Duplicata Escritural da empresa, em conformidade com a Lei 13.775/2018 e a Resolução 339 do Banco Central.

O projeto é uma página institucional estática, construída apenas com tecnologias front-end, sem integração com backend ou banco de dados. Seu objetivo é informar, educar o mercado sobre a nova regulamentação e gerar leads (captar cadastros de empresas interessadas).

🎨 Design e interatividade
Layout responsivo com Bootstrap (grid system, componentes, utilitários)

Customizações CSS3 para identidade visual da Monkey Tech (cores, tipografia, espaçamentos)

Animações e interações com JavaScript:

Acordeão para FAQ (expansão/recolhimento de perguntas)

Validação de formulário no front-end

Menu mobile com toggle (hambúrguer)

Rolagem suave para âncoras (scroll behavior)

SEO on-page otimizado:

Meta tags, title, description

Estrutura semântica com headings (h1, h2, h3)

Diferenciais técnicos (front-end):

✅ Bootstrap 5 – desenvolvimento ágil com grid responsivo e componentes prontos (navbar, cards, botões, formulários)

✅ HTML5 semântico – tags como header, section, article, aside, footer para melhor SEO e acessibilidade

✅ CSS3 customizado – estilização própria para alinhamento com a identidade visual da Monkey Tech

✅ JavaScript puro (vanilla) – sem dependências de frameworks, garantindo leveza e performance:

Manipulação do DOM para interatividade

Event listeners para acordeão e formulário

Animações de contador com setInterval ou Intersection Observer

✅ Design responsivo e mobile-first – experiência consistente em qualquer dispositivo (celular, tablet, desktop)

✅ Performance otimizada – código leve, imagens comprimidas, carregamento rápido (essencial para landing pages)

✅ Acessibilidade – atributos ARIA, contraste adequado, navegação por teclado


Responsáveis pelo projeto:

Marcel Diogo: Front-end
Jessica Assis: Designer
Rafa Breviglieri: Conteúdo e aprovações