Estamos com uma plataforma SaaS de geração de imagens e vídeos com IA já em funcionamento e buscamos um desenvolvedor Front-End experiente em React /
Next.js para implementar novas funcionalidades e melhorias de UX.
⚠️ Importante:
O sistema já está desenvolvido e online. Não é projeto do zero. O trabalho é evolução de produto, refinamento de interface e integração com novas regras vindas do backend.
🎯 OBJETIVO
Implementar melhorias estratégicas na experiência do usuário, lógica de exibição de créditos, fluxos de geração e novas áreas administrativas, deixando a plataforma mais inteligente, moderna e orientada à conversão.
🛠 stack atual
next.js
React
Integração com APIs REST
Plataforma estilo ferramentas de ia (interface dinâmica, geração de mídia, sistema de créditos)
✅ escopo das novas features (front-end)
1️⃣ exibição inteligente de custo de geração
hoje o custo é fixo. Precisamos que:
O custo só apareça após o usuário:
digitar o prompt
ou enviar imagem
ou enviar vídeo
Para vídeo → detectar duração e atualizar botão dinamicamente:
gerar (xx créditos)
se o usuário não tiver plano ativo, o custo não deve ser exibido.
2️⃣ Lógica Visual dos “100 Créditos Bônus”
Novo fluxo de UX:
Usuário recém-cadastrado vê 100 créditos no saldo
Ao clicar em gerar → abrir popup:
“Assine um plano para desbloquear seus 100 créditos bônus”
Não é erro técnico, é fluxo guiado.
3️⃣ Melhoria de UX no Canvas Vazio
Quando não houver mídia aberta:
Exibir botão central animado:
COMECE A GERAR
Ao clicar → popup para escolher:
Criar imagem
Criar vídeo
Design moderno e diferenciado de plataformas comuns.
4️⃣ Verificação Automática Antes da Geração
Ao clicar em GERAR:
Se backend indicar créditos insuficientes →
abrir popup de planos automaticamente
(sem mensagens de erro técnicas)
5️⃣ Painel Administrativo (Interface)
Criar telas para o admin poder:
Editar email do usuário
Editar senha
Ajustar créditos
Alterar plano
Bloquear / desbloquear conta
🟠 fase seguinte (após esta entrega)
interfaces para:
sistema de afiliados
painel do afiliado
estatísticas de indicação
comissões pendentes
solicitação de saque
sistema de cupons:
campo para inserir cupom
exibição de desconto aplicado na assinatura
👤 perfil que buscamos
experiência sólida com
next.js / React
Já ter trabalhado em SaaS, dashboards ou plataformas web complexas
Boa noção de UX moderna
Experiência consumindo APIs
Organização e código limpo
📦 modelo de contratação
projeto fechado (escopo acima), com possibilidade de continuidade nas próximas fases.
Se possível, enviar:
Portfólio de sistemas web
Tecnologias que domina
Disponibilidade para início imediato
Delivery term: Not specified