Voltar ao Portfólio
Landing Page / SaaS
Startup Tech — Plataforma SaaS B2B
Landing page de alta conversão para uma plataforma SaaS que centraliza formulários, fluxos e ferramentas em um só lugar. Foco em UI/UX impactante e desempenho.
Ano
2024
Cliente
Projeto vitrine Decyphra
Next.js 14TypeScriptTailwind CSSFramer MotionZodVercel
O Desafio
Criar uma landing page moderna e otimizada para conversão para uma plataforma SaaS B2B. Objetivos: demonstrar a capacidade da Decyphra em experiências digitais de alta performance, com foco em UI/UX e elementos interativos que impressionem potenciais clientes.
- Alta percepção de valor e conversão (formulário de solicitação de acesso)
- Performance (Lighthouse) e SEO
- Design com identidade própria (azul/violeta, gradientes, microinterações)
- Experiência mobile-first e acessível
A Solução
Desenvolvemos uma landing em Next.js 14 (App Router) com design system próprio e seções estratégicas:
- Design system: paleta azul/violeta, tipografia (Space Grotesk, Inter), componentes Button e Card com efeitos de hover (feixe na borda, glow no botão)
- Seções: Hero, Proposta de valor, Features, Como funciona, Segurança, Prova social, Pricing, CTA com formulário "Solicitar acesso"
- Animações: Framer Motion (entrada por scroll), parallax, botão "Voltar ao topo" por scroll
- Backend mínimo: POST /api/request-access com validação Zod (nome, e-mail) e feedback visual
- SEO e a11y: metadata, Open Graph, viewport, skip link, focus-visible, labels no formulário
Galeria
Resultados
Entregas do projeto:
- Landing completa e responsiva com identidade própria
- Formulário de solicitação de acesso com validação e feedback (sucesso/erro)
- SEO básico (metadata, OG, Twitter, robots) e viewport/themeColor
- Acessibilidade: skip link, foco visível, navegação por teclado, BackToTop acessível
- Pronto para deploy na Vercel e subdomínio (ex.: startup-tech.decyphra.com.br)