Um site construído para converter,
feito sob medida para o seu mercado.
Proposta detalhada para o desenvolvimento do novo website da Mark Invest — uma plataforma desenvolvida em código puro, mobile-first, com altíssimo padrão de design, performance extrema e arquitetura preparada para crescer junto com a empresa.
O projeto, em quatro pilares
Mais do que entregar um site, esta proposta apresenta a solução que acreditamos ser a melhor para a Mark Invest tanto no curto quanto no longo prazo — uma estrutura que sustenta posicionamento, conversão e crescimento. Cada uma das quatro frentes abaixo foi pensada como um pilar técnico e estratégico do projeto.
Mobile-first em código puro
Cada decisão de design parte do celular e é construída em código nativo — sem builders, sem plugins. Isso permite manter um padrão de design altíssimo, com animações e interações refinadas, sem comprometer o desempenho mobile.
UX/UI Design como prioridade
Priorizar UX/UI Design significa um site que guia o usuário com clareza até a conversão, reduz fricção, transmite credibilidade visual e diferencia a Mark Invest no mercado. Design não é estética — é a maior alavanca de conversão e percepção de marca.
CMS autônomo
Painel customizado para a equipe atualizar empreendimentos, fotos de obra, banners e blog — sem depender da agência. Autonomia total para vocês operarem o site no ritmo do negócio.
Performance e otimização
Alto desempenho mesmo em redes 3G/4G, mantendo animações, interações e nível elevado de design. Isso só é possível pelo uso de tecnologias modernas (lazy loading, WebP, code splitting, edge caching) aplicadas em código puro.
Oito páginas com propósito definido
Cada página foi projetada com um papel específico dentro da jornada do cliente — da descoberta à conversão. A estrutura é dinâmica: novas páginas de empreendimento são geradas automaticamente a partir do CMS, sem necessidade de desenvolvimento adicional a cada lançamento.
As peças que tornam isso uma máquina
Detalhamento de cada funcionalidade técnica com indicador de complexidade. Os pontos com maior esforço de engenharia são justamente os que mais impactam o resultado final do projeto.
Ampliação da Identidade Visual
Camada estética expandida para o posicionamento digital da Mark Invest: paleta de cores ampliada, padrões gráficos, tratamento de imagens, sistema de assets e diretrizes de aplicação. Não é um rebranding — é uma evolução da marca atual para sustentar um site com padrão visual elevado e maior coerência em todos os pontos de contato digitais. Entregue dentro da fase de UX/UI Design.
Simulador de financiamento
Ferramenta interativa com tabela própria de ranges (renda familiar + FGTS). Captura lead antes de exibir resultado. Após simulação, redirecionamento para WhatsApp + envio do dado para CRM.
Painel CMS customizado
Interface administrativa para gestão autônoma de empreendimentos, status, galerias de fotos, banners, plantas, progresso de obra e posts de blog. Múltiplos níveis de acesso.
Integração com CRM (Construtor de Vendas)
Conexão via API REST. Todo lead capturado no site (formulários, simulador, lead gate do WhatsApp) é enviado em tempo real para o CRM, que faz a distribuição na roleta de corretores.
A integração com o CRM utilizado pelo cliente poderá ser realizada desde que a plataforma de CRM em questão disponibilize recursos técnicos para integração, como API, documentação, permissões de acesso ou outros meios compatíveis.
Por se tratar de uma solução de terceiros, cuja gestão, regras de uso, limitações técnicas e eventuais custos adicionais não estão sob controle da nossa equipe, a viabilidade final da integração dependerá das condições oferecidas pelo fornecedor do CRM.
Caso o CRM não permita integração, possua limitações técnicas ou exija contratação de recursos adicionais, prazos, escopo e custos poderão ser reavaliados.
Mapa interativo com pontos de interesse
Integração com Google Maps + Google Places API. Pin do empreendimento mais escolas, mercados, pontos de ônibus e farmácias ao redor. Disponível em cada página de produto.
Barra de progresso de obra
Indicador visual por etapa construtiva (fundação, estrutura, alvenaria, acabamento) na página de cada empreendimento. Atualizável diretamente pelo CMS, sem necessidade de desenvolvimento.
WhatsApp com lead gate
Botão flutuante em todas as páginas. Antes de abrir o WhatsApp, mini-formulário captura o contato — nenhum lead se perde. Mensagem pré-configurada baseada no empreendimento que ele estava vendo.
Módulo blog editorial
Sistema de gestão completo: criação, edição e publicação de posts pela equipe. Otimizado para SEO com meta tags, slugs amigáveis, schema de artigo. Inclui 3 posts iniciais redigidos para lançamento.
Setup de rastreamento e analytics
Configuração do zero: Pixel da Meta, Google Analytics 4 e Google Tag Manager. Eventos personalizados: clique no WhatsApp, simulação completada, lead enviado, página de produto visualizada.
Performance e SEO local
Otimização para Core Web Vitals (PageSpeed acima de 90 no mobile). Imagens em WebP servidas progressivamente. Schema markup para SEO local (cidade + bairro), sitemaps e robots.txt configurados.
O preço, por inteiro e por parte
Cada item da proposta com seu valor individual. Transparência total para que vocês saibam exatamente onde cada real está sendo aplicado.
Discovery & Strategy
Briefing aprofundado, alinhamento de marca, definição de arquitetura da informação
UI/UX Design
Wireframes em alta fidelidade, design visual mobile-first, sistema de componentes e 8 templates de página apresentados por marcos de aprovação
Ampliação da Identidade Visual
Construção de uma camada visual mais robusta para o posicionamento digital da marca: definição de paleta de cores expandida, padrões gráficos, tratamento de imagens, sistema de assets e diretrizes de aplicação. Não é um rebranding — é uma evolução estética que eleva a percepção da marca sem reconstruí-la do zero. Entregue dentro da fase de UX/UI Design.
Frontend Development em código puro
Desenvolvimento nativo de todas as páginas em HTML, CSS e JavaScript — sem builders, sem plugins. É essa abordagem que viabiliza a otimização extrema para mobile em 3G/4G mantendo animações, interações e o padrão de design elevado.
CMS — Painel Administrativo
Sistema customizado de gestão de conteúdo com permissões, multi-empreendimentos, blog
Simulador de Financiamento
Lógica de cálculo, captura de lead, integração com WhatsApp e CRM
Integração CRM (Construtor de Vendas)
Conexão via API REST, mapeamento de campos, tratamento de erros, testes
Mapa Interativo + Google Places API
Implementação do mapa, configuração de pontos de interesse, otimização de chamadas
Módulo Blog + 3 posts iniciais
Sistema editorial completo, SEO técnico e redação dos primeiros 3 artigos
Setup Rastreamento (Pixel + GA4 + GTM)
Configuração completa, eventos personalizados, validação de disparos
Performance, QA & Deploy
Otimização Core Web Vitals, testes em múltiplos dispositivos, publicação e handover
Investimento total
45 dias úteis, divididos em cinco fases
Cada fase tem entrega definida e ponto de aprovação antes de avançar. Você acompanha o progresso semanalmente, com reuniões de alinhamento agendadas.
Coleta de informações
Levantamento completo de materiais necessários para o projeto: textos, imagens, fotos de empreendimentos, plantas, dados técnicos, acessos e contatos. Estruturação do que será produzido por cada parte. Entrega: documento de organização e checklist consolidado.
Discovery e estratégia
Imersão no negócio, mapeamento da jornada do cliente MCMV e construção do moodboard de referências para apresentação da direção de design proposta. Aprovação formal da direção visual antes do início do design. Entrega: documento de estratégia e moodboard apresentado.
UI/UX Design + Identidade Visual
Wireframes em alta fidelidade de todos os 8 templates do site, apresentados em sessões de aprovação por marcos: home → página de produto → demais páginas. Cada apresentação tem ponto de aprovação formal antes de avançar para a próxima — não há entrega de arquivo bruto. Em paralelo, é construída e entregue a ampliação da identidade visual da marca (paleta, padrões, assets e diretrizes), aplicada já dentro do design do site.
Development & CMS
Desenvolvimento frontend de todas as páginas em código puro + estruturação do painel administrativo. Construção do template dinâmico de empreendimentos. Entrega: site navegável em ambiente de homologação.
Integrações, QA e Deploy
Conexão com Construtor de Vendas, configuração do simulador, integração do mapa com Google Places, setup de Pixel/GA4/GTM. Testes em dispositivos, otimização de performance, ajustes finais e migração para produção. Treinamento da equipe interna no painel CMS. Entrega: site no ar e equipe operacional.
Três etapas, alinhadas à entrega
Estrutura de pagamento que respeita o ritmo do projeto: cada parcela vinculada a um marco concreto de entrega.
Mais que um site, uma estrutura
que se paga ao longo do tempo.
Esta proposta apresenta a solução que acreditamos ser a de melhor retorno para a Mark Invest no longo prazo. Cada decisão técnica e estratégica foi feita pensando em cinco frentes que sustentam o crescimento da empresa nos próximos anos.
Marca premium num mercado popular
O segmento Minha Casa Minha Vida é dominado por sites genéricos, lentos e visualmente fracos. Um site com padrão visual elevado posiciona a Mark Invest acima dos concorrentes diretos e transmite a credibilidade necessária para o cliente confiar com seu sonho.
Cada decisão pensada para o lead
Simulador com captura, lead gate antes do WhatsApp, CTAs visíveis em todas as páginas, integração direta com o CRM. O site não é uma vitrine — é um canal de vendas operando 24 horas por dia, alimentando a roleta de corretores com leads qualificados.
Código próprio, sem dependências frágeis
Sites construídos em builders ou em WordPress com plugins acumulam vulnerabilidades a cada atualização. O desenvolvimento em código puro elimina essas dependências, reduz a superfície de ataque e garante que o site continue funcionando exatamente como foi entregue, no longo prazo.
Velocidade que converte em redes 3G/4G
Cada segundo de atraso no carregamento mobile representa lead perdido. Construir em código puro com técnicas modernas (lazy loading, WebP, splitting) entrega um site que abre rápido mesmo em conexões fracas, mantendo o padrão visual e as animações.
Pronto para os próximos 4 empreendimentos
O CMS e o template dinâmico foram projetados para crescer com a empresa. Cada novo lançamento entra no site em minutos, pela equipe interna, sem custo adicional de desenvolvimento. O investimento de hoje continua rendendo a cada novo produto que entra no portfólio.
a estrutura sustenta o que vem depois."
Esta proposta é válida por 15 dias a partir da data de emissão. Após o aceite, será emitido contrato formal contemplando todos os detalhes técnicos, prazos, escopo, condições de pagamento e responsabilidades de ambas as partes.