MKM Arquitetura – Web Portfolio

Site institucional para um escritório de arquitetura, com foco em exibir projetos, serviços e identidade visual da marca.

1. Contexto e problema

A MKM Arquitetura buscava uma presença digital que representasse a sofisticação do seu trabalho e valorizasse seu portfólio. O site precisava ser funcional, elegante e refletir a identidade da marca.

Inicialmente, a cliente já possuía um branding definido, mas ao longo do processo decidiu atualizar sua identidade visual — o que exigiu uma revisão completa do design inicial do site.

2. Entendimento e colaboração com o cliente

Conduzi reuniões e trocas por mensagens para entender melhor as necessidades da cliente.
Ela compartilhou referências visuais e exemplos de sites que admirava, o que me ajudou a captar o estilo desejado: minimalista, com foco nas imagens dos projetos e um ar sofisticado.

Realizamos um processo colaborativo: com base nas conversas e referências enviadas por ela, criei rascunhos digitais iniciais para validação antes de partir para o layout final.

3. Prototipagem e iteração

O processo de prototipagem começou com wireframes de baixa fidelidade, esboçados digitalmente, que foram compartilhados com a cliente para feedback rápido.

Com os direcionamentos validados, desenvolvi o layout visual no Figma.

Após a aprovação, o site foi implementado em WordPress, garantindo uma solução escalável e fácil de gerenciar.

Versões com antiga identidade visual

protótipo com nova identidade

4. Implementação e entrega

Estamos atualmente na fase final: inserção de conteúdo, ajustes visuais finos e testes de responsividade.

O layout valoriza o portfólio de projetos da MKM com imagens em destaque, navegação fluida e foco na clareza da informação — tudo com base no branding reformulado.

5. Resultados e próximos passos

O site ainda está em fase de finalização, mas já representa um salto de qualidade na presença digital do estúdio.
A cliente participa ativamente da curadoria de conteúdo, e os próximos passos incluem:

  • Otimização de SEO básico
  • Inclusão de projetos e galerias de fotos

Principais aprendizados

  • Ser flexível ao adaptar o design à mudança de identidade visual no meio do projeto
  • A importância de comunicação visual clara com o cliente, usando protótipos como ponte entre ideia e execução
  • Validação contínua economiza retrabalho e melhora a experiência de colaboração