Bruno de Gois.
Um site que valoriza o padrão premium de entrega da MD8 Cenografia.
Duração da entrega:
45 dias
Ano:
2025
Meu papel:
UX/UI Design e
Desenvolvimento Low-code
Equipe:
1 Project Manager; 1 Redator;
1 Desenvolvedor, 1 Stakeholder
Duração da entrega:
45 dias
Ano:
2025
Meu papel:
UX/UI Design e
Desenvolvimento Low-code
Equipe:
1 Project Manager; 1 Redator;
1 Desenvolvedor, 1 Stakeholder
Visão geral do projeto.
O projeto foi todo planejado e construído sob uma visão sistêmica, em que cada etapa considerava não apenas o site, mas também o próprio serviço da MD8 Cenografia, garantindo que a experiência refletisse, de forma consistente, a qualidade, o posicionamento e a forma de atuação da empresa em todos os pontos de contato.
Resumo do impacto:
~7% de taxa de conversão com alta receita gerada.
Contexto.
A MD8 Cenografia é uma empresa especialista em cenografia e estandes com sede em São Paulo, e precisava reconstruir sua presença digital por meio de um novo site institucional.
O projeto começou em um cenário crítico: o site anterior estava fora do ar. A empresa estava sem um canal institucional ativo para apresentar seus serviços, o que comprometia a credibilidade digital da marca e limitava oportunidades de geração de negócios.
Desafio.
Como o site anterior estava fora do ar, foi preciso entender o que recuperar antes de pensar na interface. O projeto envolveu a análise de materiais da marca, tornando o processo mais próximo de uma reconstrução estratégica do que de um redesign puramente visual.
O objetivo era criar um site moderno, com interface consistente e alinhada à marca, que funcionasse como um canal para apresentar o portfólio de projetos e destacar os diferenciais de personalização, além de atuar como um ecossistema digital capaz de gerar dados sobre a experiência do usuário e criar oportunidades comerciais.
Processo.
O primeiro passo foi colocar o site novamente no ar, com uma mensagem temporária de “em manutenção”, e, logo após, realizar uma análise do material interno, definir proto-personas e conduzir um benchmarking com concorrentes diretos e indiretos para, a partir desses insights, estruturar uma jornada do usuário mais eficiente.
Contenção e discovery
Definir ação emergencial, levantamento de materiais internos, estudo de personas, e benchmarking.
Ideação e estruturação
Jornada do usuário, arquitetura da informação, desenvolvimento de wireframes e validação dos fluxos.
Design e implementação
Style guide, decisões de design, protótipo de alta fidelidade, desenvolvimento front-end, e entrega.
Proto-personas.
Após o levantamento de materiais internos da MD8 Cenografia, e a coleta de insights junto ao time comercial, estruturamos proto-personas para conectar a jornada às necessidades do usuário.
Arquitetura da informação.
Simplificamos a navegação e a jornada do usuário, promovendo menos exploração e mais decisão, a partir de uma arquitetura orientada a objetivo.
Wireframe.
Com a jornada do usuário validada, definimos a hierarquia de conteúdo com foco em eliminar a dúvida do usuário a cada scroll. Nessa etapa, testamos diversas versões, aplicando o texto em layouts e disposições diferentes antes de criar o design.
Style guide.
Decisões de design.
Centralizei a PUV (Proposta Única de Valor) na hero para prender a atenção do usuário antes do primeiro scroll, incluindo botões para mudar o idioma do site, o que garante o acesso de usuários estrangeiros.
Escolhi o layout bentogrid para trazer uma hierarquia visual clara, que facilita a leitura e a escaneabilidade, ao mesmo tempo que mantém a sofisticação.
Respondendo diretamente às dores das protopersonas, priorizamos, na estrutura da página inicial, mostrar que a MD8 possui autoridade no segmento e, logo em seguida, mostrar os projetos em um formato de galeria, onde o usuário consegue conferir detalhes técnicos e qualidade.
No momento da validação do design, decidimos manter o site inteiro em dark mode para reforçar o tema já usado nas postagens do Instagram, e destacar ainda melhor as imagens dos projetos.
Design final.
UI Design.
Considerando o posicionamento premium da marca, foi solicitado que o design do site refletisse o alto padrão que a MD8 Cenografia costuma entregar em seus projetos.
Impacto.
Em 3 meses do site lançado:
Aprendizados.
Esse foi um projeto com muitas responsabilidades e poucos profissionais alocados, além disso, alguns problemas técnicos e decisões acabaram fazendo com que o prazo estabelecido não fosse cumprido.
Na etapa de discovery, conduzimos um desk research que não gerou valor, fazendo o projeto avançar apenas após coletarmos insights com os stakeholders. Assim como na etapa de implementação, enfrentamos um problema crítico no servidor, que também era usado no e-mail dos colaboradores, e, mesmo com um desenvolvedor alocado no projeto, foi necessário contratar outro servidor.
Foi desafiador, mas aprendi bastante, principalmente a sempre alinhar as expectativas sobre as variáveis do processo para antecipar riscos e avaliar questões técnicas que podem travar o andamento do backlog.
Próximos passos.
A entrega deste projeto não apenas garante uma presença digital alinhada ao posicionamento da empresa, como também estabelece uma estrutura focada em conversão para a MD8 começar a investir em tráfego pago.
Espero, no futuro, evoluir a estratégia para a criação de landing pages segmentadas e a implementação contínua de CRO, a fim de entender o comportamento do usuário ao longo do site e implementar melhorias orientadas por dados.
Resultados.
Com o lançamento do site, mesmo sem qualquer investimento em tráfego pago, foi gerado um resultado expressivo por meio das buscas no Google, aumentando a visibilidade da marca e contribuindo para o fechamento de negócios já nos primeiros meses.
Visão geral do projeto.
O projeto foi todo planejado e construído sob uma visão sistêmica, em que cada etapa considerava não apenas o site, mas também o próprio serviço da MD8 Cenografia, garantindo que a experiência refletisse, de forma consistente, a qualidade, o posicionamento e a forma de atuação da empresa em todos os pontos de contato.
Resumo do impacto:
~7% de taxa de conversão com alta receita gerada.
Contexto.
A MD8 Cenografia é uma empresa especialista em cenografia e estandes com sede em São Paulo, e precisava reconstruir sua presença digital por meio de um novo site institucional.
O projeto começou em um cenário crítico: o site anterior estava fora do ar. A empresa estava sem um canal institucional ativo para apresentar seus serviços, o que comprometia a credibilidade digital da marca e limitava oportunidades de geração de negócios.
Como o site anterior estava fora do ar, foi preciso entender o que recuperar antes de pensar na interface. O projeto envolveu a análise de materiais da marca, tornando o processo mais próximo de uma reconstrução estratégica do que de um redesign puramente visual.
O objetivo era criar um site moderno, com interface consistente e alinhada à marca, que funcionasse como um canal para apresentar o portfólio de projetos e destacar os diferenciais de personalização, além de atuar como um ecossistema digital capaz de gerar dados sobre a experiência do usuário e criar oportunidades comerciais.
Processo.
O primeiro passo foi colocar o site novamente no ar, com uma mensagem temporária de “em manutenção”, e, logo após, realizar uma análise do material interno, definir proto-personas e conduzir um benchmarking com concorrentes diretos e indiretos para, a partir desses insights, estruturar uma jornada do usuário mais eficiente.
Contenção e discovery
Definir ação emergencial, levantamento de materiais internos, estudo de personas, e benchmarking.
Ideação e estruturação
Jornada do usuário, arquitetura da informação, desenvolvimento de wireframes e validação dos fluxos.
Design e implementação
Style guide, decisões de design, protótipo de alta fidelidade, desenvolvimento front-end, e entrega.
Proto-personas.
Após o levantamento de materiais internos da MD8 Cenografia, e a coleta de insights junto ao time comercial, estruturamos proto-personas para conectar a jornada às necessidades do usuário.
Arquitetura da informação.
Simplificamos a navegação e a jornada do usuário, promovendo menos exploração e mais decisão, a partir de uma arquitetura orientada a objetivo.
Wireframe.
Com a jornada do usuário validada, definimos a hierarquia de conteúdo com foco em eliminar a dúvida do usuário a cada scroll. Nessa etapa, testamos diversas versões, aplicando o texto em layouts e disposições diferentes antes de criar o design.
UI Design.
Considerando o posicionamento premium da marca, foi solicitado que o design do site refletisse o alto padrão que a MD8 Cenografia costuma entregar em seus projetos.
Style guide.
Decisões de design.
Centralizei a PUV (Proposta Única de Valor) na hero para prender a atenção do usuário antes do primeiro scroll, incluindo botões para mudar o idioma do site, o que garante o acesso de usuários estrangeiros.
Escolhi o layout bentogrid para trazer uma hierarquia visual clara, que facilita a leitura e a escaneabilidade, ao mesmo tempo que mantém a sofisticação.
Respondendo diretamente às dores das protopersonas, priorizamos, na estrutura da página inicial, mostrar que a MD8 possui autoridade no segmento e, logo em seguida, mostrar os projetos em um formato de galeria, onde o usuário consegue conferir detalhes técnicos e qualidade.
No momento da validação do design, decidimos manter o site inteiro em dark mode para reforçar o tema já usado nas postagens do Instagram, e destacar ainda melhor as imagens dos projetos.
Design final.
Resultados.
Com o lançamento do site, mesmo sem qualquer investimento em tráfego pago, foi gerado um resultado expressivo por meio das buscas no Google, aumentando a visibilidade da marca e contribuindo para o fechamento de negócios já nos primeiros meses.
Impacto.
Em 3 meses de site lançado:
Aprendizados.
Esse foi um projeto com muitas responsabilidades e poucos profissionais alocados, além disso, alguns problemas técnicos e decisões acabaram fazendo com que o prazo estabelecido não fosse cumprido.
Na etapa de discovery, conduzimos um desk research que não gerou valor, fazendo o projeto avançar apenas após coletarmos insights com os stakeholders. Assim como na etapa de implementação, enfrentamos um problema crítico no servidor, que também era usado no e-mail dos colaboradores, e, mesmo com um desenvolvedor alocado no projeto, foi necessário contratar outro servidor.
Foi desafiador, mas aprendi bastante, principalmente a sempre alinhar as expectativas sobre as variáveis do processo para antecipar riscos e avaliar questões técnicas que podem travar o andamento do backlog.
Próximos passos.
A entrega deste projeto não apenas garante uma presença digital alinhada ao posicionamento da empresa, como também estabelece uma estrutura focada em conversão para a MD8 começar a investir em tráfego pago.
Espero, no futuro, evoluir a estratégia para a criação de landing pages segmentadas e a implementação contínua de CRO, a fim de entender o comportamento do usuário ao longo do site e implementar melhorias orientadas por dados.
Vamos
conversar?
conversar?
