Front-end das
quatro páginas.
O Figma aprovado vira código componentizado, acessível e rápido, entregue no repositório da B4A.
todos inclusos
Design e código com uma só responsável.
A Helen desenha as quatro páginas e o design system no Figma e implementa exatamente o que for aprovado, componente por componente. Um contrato, um contato e uma pessoa respondendo por design e código até o aceite.
Design
- Portfólio: behance.net/emaia
- Direção visual, UX/UI e protótipo
- Design system no Figma
- Design QA na homologação
Front-end
- Páginas e componentes em código
- Acessibilidade, desempenho e testes
- Correções da homologação, sem custo extra
Time interno
- Back-end, CMS e APIs
- Infraestrutura e publicação
- Conteúdo e validação técnica
As quatro páginas e o que vem junto.
Quatro páginas, componentes e os modelos de blog, cursos e e-books, tudo no mesmo valor.
| 01 | Home categoria, verticais, método, provas e contato | página |
| 02 | Agricultura Biostart, BioScan e Bio360 comparados | página |
| 03 | Saúde Animal diagnóstico, estudos e programas | página |
| 04 | Meio Ambiente matrizes, trajetórias e período | página |
| 05 | Componentes menu, CTA, formulário, cards, métricas, vídeo e rodapé | base |
| 06 | Blog listagem e modelo de post | incluso |
| 07 | Cursos listagem e modelo do curso e do módulo | incluso |
| 08 | E-books modelo de página e captura | incluso |
Garantia
60 diasde correção após o aceiteIncluso
- Responsividade nas larguras acordadas
- Motion com opção de movimento reduzido
- SEO técnico, Analytics e Search Console
- Formulário integrado ao destino da B4A
Não incluso
- Back-end, CMS, APIs e hospedagem
- As ~25 landing pages de campanha
- Redação de textos e produção de fotos
Código que o time da B4A assume no dia seguinte.
Sem licença proprietária e sem dependência de quem fez. Tudo no repositório da B4A, com instruções de instalação, build e testes.
Tecnologia
- React, TypeScript e Next.js
- Páginas geradas prontas para publicar
- Tokens do Figma em código
Integração
- Contratos de dados com o CMS da B4A
- Formulário ligado ao destino acordado
- Componentes documentados
Acessibilidade
- WCAG 2.2 nível AA
- Teclado, foco visível e contraste
- HTML semântico e textos alternativos
Desempenho
- Imagens responsivas e otimizadas
- Carregamento progressivo
- Core Web Vitals medidos na homologação
Testes
- Chromium, Firefox e WebKit (Safari)
- Celular, tablet e desktop
- Resultado registrado por página
Fidelidade
- Tela comparada ao Figma aprovado
- Design QA antes do aceite
- Ajustes corrigidos no código
Entrega
- Código versionado no repositório da B4A
- README de instalação e build
- Sessão de transferência ao time
Direitos
- Código cedido à B4A
- Fontes e bibliotecas com licença documentada
- Portfólio só com autorização
Investimento com escopo definido.
Valor total do front-end
R$ 11.000As quatro páginas do blueprint, os componentes compartilhados e os modelos de blog, cursos e e-books.
O que está no valor
Quatro páginas e componentes compartilhadosHome, Agricultura, Saúde Animal e Meio Ambiente
InclusoBlogListagem e modelo de post
InclusoCursosListagem e modelo do curso e do módulo
InclusoE-booksModelo de página e captura
Incluso50% no início
R$ 5.500,0050% no aceite
R$ 5.500,00Página adicional
R$ 700Valor global, sem mensalidade e sem licença paga. Condições fiscais e emissão de nota são formalizadas na contratação, preservando o total proposto.
Duas semanas, design e código juntos.
Cronograma integrado · 10 dias úteis
Dias 1 a 3
Kickoff, direção visual e acordo técnico com o time da B4A.
Dias 4 e 5
Home aprovada no Figma. Base do projeto e componentes em código.
Dias 6 a 8
Três verticais em código. Blog, cursos e e-books.
Dias 9 e 10
Homologação, design QA, correções e transferência ao time.
Condições
- Correções da homologação ficam com a Helen, até o aceite.
- Garantia de 60 dias após o aceite para defeitos do escopo.
- Retornos da B4A em até 1 dia útil por marco; atrasos reprogramam as datas.
- Para começar: acesso ao repositório, padrões técnicos e destino do formulário.
Base desta proposta
Briefing/RFP V2 · Blueprint das 4 páginas V2 · Manifesto e guia de posicionamento · Brand Book B4A · Protótipo navegável · Site atual