← Portfólio Estudo de caso

Mênfis

O site da própria Mênfis. Cada serviço ganhou uma página com cor, movimento e interação ligados ao assunto, para mostrar na prática como a agência trabalha.

SetorAgência de marketing
ServiçosIdentidade digital · Desenvolvimento web · Motion · Conteúdo
Ano2026
StatusNo ar · menfismarketing.com.br
Visitar o site↗
O desafio

O site anterior tinha duas páginas: não mostrava serviços, portfólio, campanhas nem o jeito de trabalhar. A agência precisava provar, na prática, o que faz para os outros.

A ideia

A Mênfis parte da dor do cliente, não de pacote. O site começa por essa pergunta, e cada frente de trabalho tem uma personalidade própria, para o visitante sentir o assunto antes de ler.

A entrega

21 páginas: home, 8 serviços, portfólio, campanhas, blog com 6 artigos, sobre, contato, e um vídeo go-live.

Como era

O ponto de partida.

O WordPress anterior, com home e termos. Guardamos um backup antes da troca.

Home anterior
Home anterior
Página inteira
Página inteira
A evolução

Do diagnóstico ao ar.

  1. 01

    Diagnóstico

    Duas páginas e nenhum caminho para quem queria entender o que a agência faz.

  2. 02

    Identidade

    Cinza #5d5d5d e laranja #fb5f1a, as listras do ícone da marca e a Space Grotesk, a fonte do manual.

  3. 03

    Conceito

    Perguntar “qual é a sua dor?” antes de apresentar qualquer serviço. Cada frente tem paleta e movimento próprios.

  4. 04

    Construção

    Código sob medida: WebGL escrito à mão para cada fundo, simuladores e interações em cada serviço, páginas geradas por script.

  5. 05

    Lançamento

    Em 09/10/2026 o novo site entrou no lugar do WordPress, com backup do anterior e plano de volta.

O resultado

Tela por tela.

Qual é a dor do seu negócio?
01

Qual é a dor do seu negócio?

A pergunta como porta de entrada, sobre listras que esquentam sob o cursor.

Oito frentes, uma só conversa
02

Oito frentes, uma só conversa

Os serviços em uma lista só, cada um com a sua cor.

Feiras e eventos
03

Feiras e eventos

Luzes de palco, contagem regressiva e um montador de stand.

Segurança digital
04

Segurança digital

Chuva de código, terminal de simulação e radar.

Campanhas por dentro
05

Campanhas por dentro

Bastidores, álbum de figurinhas, peças e desdobramentos reais.

Contato em três passos
06

Contato em três passos

Um formulário simples que leva a conversa para o WhatsApp.

Sistema visual

Cor e tipografia.

Laranja#fb5f1a
Cinza#5d5d5d
Grafite#0f0f11
Osso#f3efe8
Space GroteskTítulos e textos, conforme o manual da marca
2 → 21Páginas
8Serviços, cada um com página própria
56Posts reais na galeria
48 sVídeo go-live

Contagens feitas sobre o que está publicado.

Seu site pode ser o próximo.

Conversar sobre isso→