📄 Visão de Produto
🗓 Informações Gerais
- Nome do Projeto: Nova Landing Page Inteli Júnior
- Cliente: Inteli Júnior
- Responsável da Visão de Produto (PO): Yanomã Fernandes Konwski
- Duração Total Estimada: 6 semanas
- Período na Etapa de Design (estimado): 2 semanas, sendo a primeira dedicada à criação da versão inicial do protótipo e a segunda à validação com o cliente e ajustes necessários.
- Período na Etapa de Desenvolvimento (estimado): 4 semanas
✅ Checklist de Entrada (para iniciar o projeto)
- Reunião de Kickoff com o cliente realizada
- Objetivo do projeto compreendido
- Tecnologias necessárias mapeadas
- Estimativa de esforço feita
- Capacidade do time verificada
- Escopo inicial aprovado pelo cliente
📤 Checklist de Saída (para encaminhar o projeto às próximas áreas)
- Documento de Visão preenchido e validado
- Matriz “é/não é/faz/não faz” definida
- Wireframes (se aplicável) finalizados
- Epics e User Stories redigidas
- Datas de entrada/saída em cada área definidas
- Contrato e escopo revisados e claros
- Alinhamento com área de Design ou Desenvolvimento realizado
📘 Resumo do Projeto
Descrição: Desenvolver uma landing page moderna e interativa que represente tecnicamente e visualmente o alto nível da Inteli Júnior em desenvolvimento de software. O projeto visa posicionar a EJ como referência em experiência digital entre as EJs do Brasil.
Objetivos:
- Criar uma experiência superior tanto para desktop quanto para mobile.
- Demonstrar domínio técnico por meio de uma landing page desenvolvida do zero, com interações fluídas e uso estratégico e avançado de componentes.
- Utilizar animações avançadas, efeitos interativos e 3D para reforçar a identidade inovadora da Inteli Júnior.
- Alcançar alta performance e excelência em SEO.
Público-Alvo:
- Empresas parceiras
- Clientes em potencial
👤 Personas
- Potencial lead: procura soluções tecnológicas e quer entender como a Inteli Jr. pode ajudar.
- Interessado institucional: professores, integrantes do Inteli e de outras EJs que desejam conhecer mais sobre a organização, sua história e conquistas.
🧩 Matriz "É / Não É / Faz / Não Faz"
| Categoria | Descrição |
|---|---|
| É | Uma landing page altamente interativa, com foco técnico e responsiva |
| Não É | Um site institucional simples ou template padrão |
| Faz | Apresenta a história, estrutura, portfólio e serviços da EJ com performance e interatividade, incluindo redirecionamento para o WhatsApp corporativo e captação de demonstrações de interesse via API do Gmail da EJ. |
| Não Faz | Não realiza atendimento direto ou operações internas da empresa JR |
🧠 Matriz de Certezas, Suposições e Dúvidas
| Tipo | Descrição |
|---|---|
| Certeza | A landing page precisa demonstrar domínio técnico com interatividade e performance |
| Suposição | A maior parte dos acessos será feita por mobile e notebooks |
| Dúvida | Qual a melhor tecnologia entre WordPress ou React para viabilizar todos os efeitos 3D desejados? |
🧱 Epics e User Stories
🔸 User Stories
US1
- Usuário: Como potencial lead em busca de soluções tecnológicas
- Objetivo: Quero identificar rapidamente se a Inteli Júnior oferece serviços que atendem às minhas necessidades técnicas
- Justificativa: Para economizar tempo ao buscar parceiros confiáveis e decidir se devo entrar em contato para um orçamento, proposta ou reunião inicial.
US2
- Usuário: Como interessado institucional (ex: professores, membros do Inteli ou integrantes de outras EJs)
- Objetivo: Quero conhecer a história da Inteli Júnior, sua estrutura interna, marcos relevantes e posicionamento no ecossistema de empresas juniores
- Justificativa: Para entender o impacto e o diferencial da organização, seja para parcerias, benchmarking, pesquisa ou simplesmente por interesse institucional.
Inspiração
É importante ressaltar, que é essencial buscar referências em sites de outras EJs e tentar ir além do foi encontrado nesses exemplos. Um dos principais benchmarks é o site da Framerskill, que utiliza bem scroll-telling e modelos 3D. As principais sites de EJs que encontramos junto com suas respectivas melhores característica, são:
- Poli Júnior – maior EJ do Brasil, fatura mais de R$ 2 milhões ao ano.
- EJFGV – referência em negócios e consultoria.
- FEA Jr. – grande reconhecimento e faturamento.
- Conpec – referência em tecnologia na Unicamp.
- Scitec Jr. – sólida presença no mercado de tecnologia.
- JR Mackenzie – design limpo, organizado, com uso criativo de 3D.
- Mauá Jr. – uma das EJs mais respeitadas no país.
- Framer Skills – referência em scroll-telling e interatividade.
⚙️ Requisitos Funcionais
🔹 Seções da Página
- RF01 – O site deve conter uma seção inicial com resumo institucional da Inteli Júnior.
- RF02 – Deve haver uma seção com histórico e evolução da empresa, incluindo sua classificação como Cluster 3 no movimento EJ, suas conquistas e marcos importantes no ecossistema de Empresas Juniores.
- RF03 – Exibir um portfólio com cases de destaque.
- RF04 – Incluir uma seção com serviços oferecidos.
- RF05 – Adicionar depoimentos de ex-membros em formato visual atrativo.
- RF06 – Implementar uma seção de contato.
- RF07 – Adicionar rodapé.
🔹 Funcionalidades e Recursos Interativos
- RF08 – Criar uma página 404 personalizada.
- RF09 – Adicionar botão para WhatsApp Business da empresa.
- RF10 – Incluir pelo menos um efeito de scroll-telling interativo.
- RF11 – Incluir pelo menos um elemento 3D interativo (com Three.js ou similar).
- RF12 – Integrar na seção de contato um mecanismo de envio de e-mail para o endereço da EJ.
- RF13 – Configurar domínio próprio para o site.
🔹 SEO e Performance
- RF14 – Uso correto de tags semânticas e presença de atributos como
alt,aria-label,role. - RF15 – Adicionar meta description com CTA atrativo da Inteli Júnior.
- RF16 – Garantir hierarquia adequada de títulos (H1 a H6).
- RF17 – Aplicar boas práticas de SEO (tags semânticas, meta description, headings, alt text, etc.).
- RF18 – Atingir boas métricas com base em ferramentas como Google PageSpeed.
⚙️ Requisitos Não Funcionais
- RNF01 – O site deve apresentar alta performance, com carregamento rápido e fluidez nas interações.
- RNF02 – Imagens devem ser otimizadas (com tamanho inferior a 200kb) e ajustadas ao tamanho exibido na página.
- RNF03 – A aplicação deve ser responsiva, funcionando perfeitamente em dispositivos mobile, tablets e desktops.
- RNF05 – As animações devem ser leves e não comprometer a performance da página, mesmo em conexões mais lentas.
- RNF06 – Deve-se evitar o uso de frameworks pesados ou desnecessários (ex: Next.js), priorizando soluções compatíveis com o escopo e a performance desejada.
- RNF07 – O sistema deve manter compatibilidade com os principais navegadores modernos (Chrome, Firefox, Edge, Safari).
- RNF08 – O projeto deve refletir a identidade técnica e inovadora da Inteli Júnior em todos os aspectos visuais e de usabilidade.
- RNF09 – URLs devem ser amigáveis.
📱 Responsividade
O projeto será responsivo?
- Sim
Se sim, até qual ponto?
- Mobile-first
- Adaptável para tablets
- Desktops Grandes e notebooks menores
- Totalmente responsivo (desktop, tablet, mobile)
📌 Observações Finais
- A stack principal deverá ser o WordPress, por sua facilidade de manutenção e agilidade no desenvolvimento. No entanto, caso os requisitos de interatividade e animações avancem para além do que a plataforma suporta com qualidade, será considerada a adoção de uma stack baseada em React com Three.js e GSAP.
- A escolha da tecnologia deve sempre priorizar a entrega de uma experiência fluida, interativa e com alto desempenho visual e técnico.
- A identidade da Inteli Júnior deve estar presente em toda a experiência do usuário do design à performance, evidenciando seu diferencial técnico no ecossistema de empresas juniores.
- O desenvolvimento deve ser orientado por boas práticas de UX/UI e centrado no público-alvo identificado (visitantes corporativos e clientes em potencial).
- Recomenda-se alinhar com a pessoa responsável pelo protótipo para decidir, em conjunto, a melhor stack tecnológica antes do início do desenvolvimento.