Portfólio

Dois sites no ar e duas demonstrações que você pode navegar.

Em vez de imagem estática, você abre as páginas e usa. Os dois primeiros são projetos reais publicados; os outros dois são marcas fictícias criadas pela MWCE para mostrar, na prática, a estrutura que entregamos em cada tipo de negócio — com o formulário funcionando de ponta a ponta.

Projeto 01 · Tintas e materiais de construção

Projeto real no ar

Tintas Mar Azul

Site e catálogo de produtos da loja de tintas do Embaré, em Santos, com painel próprio para a equipe cadastrar produto, foto e preço sem depender de ninguém.

O desafio

Uma loja com quase quatro décadas no mesmo ponto da Av. Pedro Lessa não aparecia para quem procura tinta em Santos pelo Google, e cada pergunta de preço, marca ou embalagem virava uma ligação. O site precisava mostrar o catálogo sem virar e-commerce: a venda acontece no balcão, e o objetivo é levar o cliente até a loja.

Decisões de projeto

Catálogo com foto, preço de referência, marca e embalagem — o cliente chega à loja já sabendo o que quer
Painel administrativo protegido: a loja cadastra e atualiza produtos e categorias sozinha
Sem carrinho e sem checkout — toda página leva a telefone, WhatsApp e rota no Google Maps
Paleta e logotipo derivados da identidade que a loja já usa nas artes e no perfil
Sessão em banco, upload validado por assinatura de arquivo e CSP restritiva no painel

Visitar o site Quero algo assim

Parâmetros da entrega

Atualização do catálogo: Pela loja
Onde a venda acontece: No balcão
Situação: No ar

Tecnologia

Next.js
TypeScript
Tailwind CSS
Supabase

Projeto 02 · Portfólio profissional

Projeto real no ar

Windlab

Site de apresentação profissional de Windsor Lima, engenheiro de software sênior — construído e mantido pela MWCE.

O desafio

Um portfólio técnico precisa provar competência pelo próprio código: se a página é lenta, mal estruturada ou quebra no celular, o argumento cai por terra antes do primeiro parágrafo. O desafio era apresentar seis anos de experiência sem transformar a página num currículo comprido.

Decisões de projeto

Página única com âncoras — sobre, stack, trabalhos e contato sem recarregar
Quatro estudos de caso resumidos, cada um com contexto e resultado
Stack técnica exposta como sinal de compatibilidade, não como lista de buzzwords
Formulário de contato direto ao lado dos links de e-mail, GitHub e LinkedIn

Visitar o site Quero algo assim

Parâmetros da entrega

Estrutura: 1 página
Estudos de caso: 4
Idioma: PT-BR

Tecnologia

Next.js
TypeScript
Tailwind CSS

Projeto 03 · Clínicas de estética

Demonstração

Clínica Lumière (demonstração)

Página de agendamento para clínica de estética avançada, com foco em avaliação gratuita e prova social.

O desafio

Clínicas de estética disputam atenção no Instagram, mas perdem o lead na hora de agendar: o contato vira uma conversa no direct que ninguém acompanha. A página precisa capturar a intenção no momento exato do interesse.

Decisões de projeto

Hero com oferta única — avaliação sem custo — visível antes de qualquer rolagem
Vitrine de procedimentos com resultado esperado e número de sessões
Depoimentos e antes/depois posicionados logo após a objeção de preço
Formulário curto com escolha de procedimento e horário de preferência

Abrir a demonstração Quero algo assim

Parâmetros da entrega

Campos no formulário: 4
Tempo até o primeiro CTA: 0s
Pontuação de performance: 95+

Tecnologia

Next.js
Tailwind CSS
SMTP transacional

Projeto 04 · Pequenos comércios

Demonstração

Empório Boa Vista (demonstração)

Página de vitrine e pedido por WhatsApp para um empório de bairro, com catálogo, entrega e horários.

O desafio

O pequeno comércio já vende pelo WhatsApp, mas repete o mesmo atendimento o dia inteiro: preço, horário, área de entrega. A página precisa responder isso sozinha e entregar o pedido já formatado na conversa.

Decisões de projeto

Catálogo com preço visível e botão de pedido por item
Bloco de entrega com bairros atendidos e taxa por região
Horário de funcionamento e localização acima da dobra
Formulário de pedido e contato que chega por e-mail e abre o WhatsApp

Abrir a demonstração Quero algo assim

Parâmetros da entrega

Cliques até o pedido: 2
Perguntas respondidas sem atendente: 6
Pontuação de performance: 95+

Tecnologia

Next.js
Tailwind CSS
SMTP transacional

Sobre as demonstrações: Clínica Lumière e Empório Boa Vista são marcas fictícias criadas pela MWCE para demonstrar padrão de entrega. Depoimentos, endereços e números exibidos nessas páginas são ilustrativos e não representam clientes reais.