Grana
Landing page conceito para uma fintech de finanças pessoais, com hero dark, cartões holográficos e tipografia display de forte personalidade.
Visitar o site publicado
Este é um projeto conceito: um negócio fictício criado pela Jatanoar para demonstrar direção visual e padrão de acabamento. Não representa um cliente real.
Contexto
Projeto demonstrativo criado pela Jatanoar para exercitar direção de arte de produto fintech — painéis quase-pretos, acento verde-menta único e cartões com gradiente holográfico recriados em CSS.
Desafio
Passar confiança e sofisticação de um app financeiro mantendo o clima leve e acessível, sem cara de banco tradicional.
Objetivo
Demonstrar uma LP de fintech de alto padrão: hero com prova social, grade de recursos, métricas, seção de parceiros e chamada final de conversão.
Solução
Página única em pt-BR com hero dark e leque de cartões holográficos, tira de download do app, grade de recursos em bento, painel de métricas, seção de parceiros e vídeo de "como funciona", fechando com CTA único repetido.
Funcionalidades
- Hero dark com leque de cartões holográficos
- Prova social de usuários ativos
- Grade de recursos em bento (2x2) com card de destaque
- Painel de métricas
- Grade de parceiros
- Bloco de vídeo "como funciona"
- Números-fantasma de seção como âncora visual
- Layout responsivo
Tecnologias
- Next.js
- Tailwind CSS
- Vercel
A Grana é um projeto conceito: uma fintech fictícia de finanças pessoais criada pela Jatanoar para exercitar direção de arte de produto financeiro — paleta dark com acento verde-menta único, tipografia display Clash Display e cartões de gradiente holográfico reconstruídos inteiramente em CSS.
A página é uma reconstrução de estudo a partir de uma referência de comunidade do Figma, adaptada para pt-BR, com marca própria, dados fictícios e logotipos de parceiros substituídos por placeholders. Serve como referência de landing pages para apps e produtos financeiros.