Responsividade
Chrome 150.0.7871.129 e Edge 150.0.4078.83 em 320, 360, 375, 390, 768, 1280 e 1440 px.
- 14 cenários sem overflow horizontal
- nenhum alvo de toque abaixo de 44 px
- nenhum erro de console ou falha de rede
Projeto conceitual 01 · ficha técnica
Cota Mineral
Uma demonstração fictícia de landing page para superfícies residenciais sob medida. Esta ficha registra as decisões e as evidências observadas — não representa cliente, operação ou resultado real.
- Veredito
- Aprovada
- Data da verificação
- 22/07/2026
- Estado
- Aprovada para o portfólio
- Indexação
- Bloqueada por decisão
Problema de demonstração
O que a página precisava provar.
Organizar uma oferta visual sem depender de informações ou provas de um negócio real; explicar escolhas materiais com clareza; oferecer uma ação principal testável; e manter a experiência responsiva, acessível e mensurável sem transmitir dados.
- Público fictício
- Moradores de Maringá e região planejando cozinhas, banheiros ou áreas de apoio.
- Promessa controlável
- Organizar as decisões necessárias para transformar uma ideia de ambiente em uma superfície especificada e medida.
- Ação principal
- Simulação local “Começar meu orçamento”, sem dados pessoais.
- Direção visual
- Pedra clara, verde mineral, madeira, latão e o “mapa da peça” como assinatura explicativa.
Capturas reais
A mesma hierarquia em duas telas.
Capturas produzidas a partir da página local em Chrome, sem composição manual. Desktop: 1440 × 1080. Celular: 390 × 844.
Fluxo de conversão
Duas escolhas, nenhum dado pessoal.
- 01Selecionar o ambiente
Cozinha, banheiro, área de apoio ou outro ambiente.
- 02Selecionar a etapa
Ideia inicial, projeto definido ou necessidade de medição.
- 03Confirmar a simulação
A interface informa que nada foi enviado ou armazenado e não abre um canal externo.
Contrato local
Eventos emitidos somente em memória.
Cada evento usa CustomEvent("fold:analytics"). Não há analytics externo, cookies, armazenamento local ou parâmetros com a seleção do visitante.
| Evento | Gatilho | Parâmetros permitidos | Resultado observado |
|---|---|---|---|
demo_open | Link da home | placement, demo_slug | Implementado |
technical_proof_open | Link da ficha | placement, demo_slug | Implementado |
concept_quote_start | Abertura do diálogo | placement, demo_slug | Validado |
concept_quote_step | Avanço válido | step, demo_slug | Validado em duas etapas |
concept_quote_complete | Conclusão local | demo_slug | Validado sem requisição |
Evidências de QA
O que foi observado em ambiente local.
Os resultados abaixo foram medidos; não são estimativas nem promessa de desempenho em outra infraestrutura.
98Performance
100Acessibilidade
100Boas práticas
63SEO · noindex intencional
Interação e teclado
- foco inicial no primeiro campo;
- validação antes do avanço;
- Escape fecha o diálogo;
- foco retorna ao CTA de origem;
- mesmo número de recursos antes e após a conclusão.
Lighthouse 13.4.1
Chrome headless 150, perfil móvel 412 × 823, rede e CPU simuladas.
- LCP: 2,3 s
- CLS: 0
- FCP: 1,7 s
- TBT: 0 ms
- INP: não mensurável em laboratório
Cobertura e limites
O que esta validação cobre — e o que não afirma.
- Firefox e WebKit não estavam instalados no ambiente; Safari real não foi testado.
- A pontuação de SEO é 63 porque
noindex, nofollowé obrigatório para evitar que a marca fictícia seja interpretada como empresa real. - As imagens são referências ilustrativas geradas; materiais e acabamentos exigiriam confirmação por amostra em um projeto real.
- Não existem atendimento, endereço, preço, catálogo, WhatsApp, formulário real ou analytics externo.
- A apresentação no portfólio não transforma a Cota Mineral em uma empresa real nem autoriza atendimento, domínio próprio ou divulgação como operação existente.
Veredito: aprovada para o portfólio. A página permanece uma demonstração fictícia, sem atendimento ou resultado comercial real.