Resumo
A The Automated Parking Company fabrica e instala elevadores de automóveis, sistemas puzzle e garagens totalmente automatizadas. A sua empresa irmã gere a oficina de quadros UL 508A que constrói os armários de comando que vão lá dentro.
O briefing descrevia uma migração simples do site da oficina de quadros para o domínio do estacionamento. Uma auditoria a ambos os sites, e a doze sites de referência em controlo industrial e engenharia, concluiu que essa não era a forma certa para o trabalho.
O desafio
O destino não era um domínio vazio. Já era um site em produção com dimensão, com uma gama de produtos, quinze instalações identificadas e anos de artigos. A tarefa real era fundir duas marcas, não mudar uma para uma página em branco.
As duas empresas vendem a pessoas diferentes. O tráfego de pesquisa da oficina são quase exclusivamente engenheiros à procura de quadros de comando; do lado do estacionamento são promotores e arquitetos. Meter uma dentro da outra não teria servido nenhuma, e teria posto a oficina a competir com os seus próprios clientes.
A maior parte dos números de que um comprador precisa — cargas estruturais, prazos de entrega, tempos de resposta, resultados em obras concluídas — não estava escrita em lado nenhum.
O que fizemos
Uma auditoria completa a ambos os sites e a doze sites de referência produziu um posicionamento, um mapa do site, um mapa de redirecionamentos e briefings página a página, cobrindo intenção de pesquisa, schema e percurso de conversão para cada URL.
Foram construídas dez páginas como protótipo funcional sobre um design system partilhado — seis modelos reutilizáveis mais as páginas centrais, uma folha de estilos, um script, sem passo de build.
O design lidera com dimensões publicadas em vez de fotografia, porque os dados dimensionais já existiam e as fotografias não. Pés-direitos livres, profundidades de fosso e capacidades aparecem como títulos em vez de enterrados num PDF.
Tudo o que não está verificado aparece como uma lacuna visível e identificada, e não como um palpite plausível. Um caso sem resultado medido não tem secção de resultados de todo. Isso transformou o protótipo numa lista precisa do que o cliente ainda tem de fornecer.
O que faz
- Corte interativo a mostrar o que está dentro de uma estrutura de estacionamento
- Tabelas de pé-direito livre e capacidade publicadas, sem formulário
- Índice filtrável de sistemas instalados
- Formulário de projeto em dois passos com encaminhamento condicional para pedidos de assistência
- WCAG 2.2 AA: operável por teclado em todo o site, tabelas de especificações que se reorganizam no telemóvel
- Content-Security-Policy estrita, sem estilos nem scripts em linha