Olá,
Estamos buscando um(a) desenvolvedor(a) para criar um simulador interativo de pintura de quadras esportivas, onde o cliente poderá:
• Escolher o tipo de quadra (futsal, tênis, society, pickleball, etc.)
• Pintar as áreas da quadra com as cores desejadas
• Inserir a logo do seu time, escola, empresa ou condomínio
O simulador será incorporado em um site Wix, via link ou iframe. Precisa ser leve, responsivo e fácil de usar em desktop e celular.
⸻
🎯 Funcionalidades esperadas:
1. Seleção do tipo de quadra
• O usuário pode escolher entre diferentes layouts: Futsal, Tênis, Society, Pickleball, Poliesportiva etc.
• Cada tipo de quadra terá seu próprio desenho base, com áreas específicas para pintura
2. Simulação visual (2D) da quadra
• Áreas interativas: área central, bordas, linhas, arquibancada, alambrado, etc.
• Pintura por clique — ao clicar em uma área, o usuário escolhe uma cor
3. Paleta de cores padrão + personalizada
• Exibir de 8 a 12 cores padrão (predefinidas)
• Também permitir escolha livre de cores via seletor rgb ou hex
4. Upload de logo do cliente
• O cliente poderá subir um arquivo (jpg ou png com fundo transparente)
• a logo será posicionada em um local fixo da quadra (ex: centro ou borda)
• tamanho ajustado automaticamente para caber no espaço sem distorcer
5. Resumo visual e finalização
• Mostrar a quadra colorida com a logo aplicada
• Botão “Confirmar Escolha” que finaliza a experiência
• Opcional: permitir o download de uma imagem com a quadra personalizada
6. Compatibilidade com mobile
• O simulador precisa funcionar bem em celulares e navegadores desktop
⸻
🧩 Diferenciais desejáveis (não obrigatórios):
• Efeito visual ao aplicar cores (ex: transição animada)
• Geração de imagem pronta para baixar com a quadra personalizada
• Opção de marcar a quadra com número, nome ou outra customização leve
⸻
💼 Entregáveis:
• Código-fonte completo
• Publicação em hospedagem gratuita (Netlify, GitHub Pages ou similar)
• Link final pronto para ser incorporado via iframe no site Wix
• Instruções simples para manutenção (trocar cores, quadras ou textos)
⸻
🎓 Requisitos do freelancer:
• Experiência com HTML5, JavaScript e bibliotecas como
Konva.js,
Fabric.js, etc.
• Já ter feito projetos com interação gráfica ou personalização visual
• Capacidade de entregar dentro do prazo e com boa usabilidade
Plazo de Entrega: 01 Julio, 2025