Transformando um reposicionamento estratégico em um site responsivo que ajuda os visitantes empresariais a entender seu desafio de IA, comparar soluções e encontrar um caminho para uma conversa.
Visão geral
A Garagem IA precisava de um novo website institucional para comunicar o seu reposicionamento. A estratégia de crescimento de Darke descreveu um público de grandes operações em busca de ajuda para identificar oportunidades de IA, implementando-as em ambientes complexos e medindo o impacto.
Meu trabalho começou com esse diagnóstico estratégico e os materiais de negócios da equipe. Organizei como o site introduz a proposição de valor, distingue as três áreas de solução e orienta os visitantes para o contato. A estratégia e as definições comerciais vieram de Darke e da equipe de negócios; minha responsabilidade era transformá-los em uma experiência digital utilizável.
Objetivo
Ajude um visitante a reconhecer seu desafio, entender a diferença entre Academia, Consultoria e Engenharia, e saber como avançar sem forçar toda a oferta para a página inicial.
Processo
O trabalho conectou uma leitura do diagnóstico estratégico, revisão de referência, arquitetura da informação e iterações de interface. Resenhas com a equipe de liderança refinado tanto mensagem e apresentação. A IA apoiou a análise, exploração e implementação de orientações; selecionei e revisei as decisões de projeto.
Descoberta · entradas estratégicas
O diagnóstico de Darke descreveu os tomadores de decisão que lutam para identificar onde a IA vai mais importar, se preocupar com pilotos que nunca chegam à operação e precisam justificar o investimento com evidências. Seus trabalhos a serem feitos e objeções deram ao site um problema de comunicação concreto para resolver.
A resposta ao design foi liderar com os desafios do visitante, explicar como a empresa funciona antes de listar todos os serviços e mostrar aplicações em contexto empresarial. Trata-se de uma interpretação da estratégia para o site, não de um novo estudo de pesquisa com usuários finais.
Material de origem
Desafio de concepção
A minha contribuição
Eu liderei a organização da página, hierarquia de conteúdo, direção visual e revisões de interface. O trabalho envolveu decidir o que um visitante precisa entender em cada ponto, qual informação pertence à página inicial e onde as três ofertas precisam de sua própria profundidade.
As avaliações de liderança ajudaram a alinhar o site com a mensagem pretendida da empresa. Usei IA para análise, exploração e orientação de implementação, então revisei e escolhi as alternativas que serviram à experiência.
Benchmarking
Google AI Studio informou a revisão da interação, movimento, transições, IA como elemento visual e clareza de interface. A CI&T foi explicitamente citada no material de reposicionamento como referência para o tom empresarial. Sua atual página Business Builders ilustra a estrutura estratégica e a linguagem executiva, enquanto a promessa de reinvenção total não foi uma tese para copiar para o Garage IA.
Os trabalhos de reflexão ajudaram a enquadrar a organização de capacidades, conteúdo técnico, casos e resultados. O BCG X foi uma referência para apresentação de empresas premium e direção editorial para temas complexos. A Globant e a Globant AI ajudaram com a estrutura de portfólio e um ecossistema de serviços conectado. A secção IA foi especialmente relevante para a Academia, combinando a educação de IA, a linguagem executiva e um foco na aplicação prática e ROI.
Comparei as referências através de quatro perguntas: Para quem é a mensagem? Onde entra cada oferta? Que evidência ajuda a explicar o trabalho? Qual é o próximo passo para o visitante? IBM Consulting e QuantumBlack / McKinsey foram referências complementares para arquitetura de capacidade, insights e bibliotecas de casos, ao invés de direções visuais primárias.
As telas abaixo mostram os locais de referência ao vivo em setembro de 2026. Eles ilustram os temas de referência, mas não são um arquivo das capturas de pesquisa originais.
Referências selecionadas
Referências selecionadas
Arquitetura da informação
Eu organizei a navegação principal em torno de Home, Sobre, Soluções, Casos e Contato. Academia, Consultoria e Engenharia receberam seus próprios espaços para explicar para quem cada um é, o que oferece e o que oferece.
Outra decisão foi apresentar agentes de IA como aplicações dentro de Casos e não como categoria desconectada. O projeto precisava mostrar o que a tecnologia faz em uma operação, não apenas nomear a tecnologia.
Esta estrutura suporta duas rotas úteis: um visitante pode começar com um desafio e avançar para uma solução, ou começar por aprender sobre a empresa e inspecionar casos relevantes antes de fazer contato.
Direcção da interface
A direção visual combina superfícies escuras, hierarquia de tipo clara e acentos específicos da solução. Padrões compartilhados para navegação, cartões, ofertas e contato mantêm a experiência coerente, enquanto cada página de solução tem espaço para seu próprio público e conteúdo.
Eu também revisei a abertura da página inicial e direção da imagem. Nas seções de desafio, eu favoreci situações mais próximas do trabalho corporativo sobre imagens que faziam o sujeito se sentir excessivamente artificial. O design necessário para tornar a oferta tangível, não decorá-la com imagens genéricas de IA.
Experiência final
A experiência resultante conecta a história institucional, páginas de solução, oferecem detalhes e casos. Academia prepara líderes e equipes; Consultoria ajuda a definir prioridades e governança; Engenharia leva soluções para a produção. Suas aberturas de página tornam essas diferenças visíveis antes que o visitante alcance conteúdo mais profundo.
O plano também considerou conteúdo estruturado para um futuro CMS. Tratava-se de uma orientação de escalabilidade, não de uma alegação de que um CMS foi implementado neste âmbito.
Sítio Web ao vivo
Experiência responsiva
A comida
Uma estrutura e interface do site que expressa o reposicionamento, dá a cada solução um caminho claro e conecta desafios de negócios a aplicações relevantes. O entendimento da oferta, os contatos qualificados e a conversão continuam sendo os próximos resultados a serem avaliados.
Um pensamento final
“Uma oferta complexa não requer mostrar tudo ao mesmo tempo. Requer organizar o que importa em cada momento da viagem.”
Uma oferta complexa torna-se mais fácil de entender quando cada página tem um trabalho claro e cada passo oferece a quantidade certa de detalhes.
A próxima etapa de avaliação é observar se os visitantes entendem a oferta, fazem contato qualificado e convertem. Esses desfechos não foram mensurados como parte do caso.
Mais trabalho
