Persona Code · estúdio independente

Como você quer ser visto pelo mundo?

Criamos o site da sua empresa a partir da identidade dela, com tom e expressão afinados à sua plateia. Do palco aos bastidores, design e código saem do mesmo estúdio.

Conhecer os serviços Por que “Persona”?

MONTEIRO VASCONCELLOSSócios · Atuação · Publicações

Advocacia empresarial · desde 1987 Defendemos o que a sua empresa construiu. Agendar uma consulta

Societário · Tributário · Trabalhista · Contratos

Em cena Autoridade escritório de advocacia

(sites de exemplo, com empresas fictícias)

Sites institucionais / Landing pages / Sistemas web / Tráfego pago

Direção, design e código — Persona Code

Ato IA máscara(o conceito)

No teatro romano, persona era a máscara do ator. Era por ela que a plateia, mesmo lá do fundo, sabia quem estava em cena. Na internet, o site da sua empresa faz esse mesmo papel.

Muita gente conhece a sua empresa pelo site antes de falar com você. Pesquisa o nome, abre a página e, em poucos segundos, já formou uma opinião.

Por isso começamos todo projeto com a pergunta que deu nome ao estúdio: como você quer ser visto?

<header class="persona">
  <h1>Quem você é</h1>
  <p>Como quer ser visto</p>
</header>
:root {
  --tom: confiança;
  --ritmo: calmo;
}
const site = estrear({
  persona,
  dominio: 'sua.marca',
  ssl: true,
});
performance: 98;
acessivel: true;
<main>…</main>

Persona — a imagem que a sua empresa mostra Code — o que sustenta essa imagem

Ato IIO repertório(os serviços)

Quatro formas de a sua empresa entrar em cena.

Cada serviço tem uma página própria, com etapas, prazos e respostas às dúvidas mais comuns.

ElencoDramatis personae(as personas de marca)

Cada tipo de empresa pede um site diferente.

Quem chega a um site já traz uma pergunta. No site de um advogado, é “quem vai cuidar do meu caso?”; no de uma clínica, “vou ser bem atendido?”. A persona é a resposta: ela decide o que aparece primeiro, o tom do texto e o visual. Estas são as mais comuns, cada uma com a pergunta que responde:

Ver um site de exemplo de cada persona

Ato IIIBastidores(o processo)

O processo, escrito como roteiro.

Em inglês, roteiro de teatro e código de programação têm o mesmo nome: script. Por isso o processo aparece aqui nas duas versões.

Elenco técnico

HTML · CSS · JavaScript · TypeScript · React · Next.js · Node.js · PostgreSQL · GTM · GA4 · Pixel

“O SEU SITE”roteiro do processo, em quatro cenas

CENA 1 — DIAGNÓSTICO

Uma conversa. A empresa conta quem é, para quem fala e o que já existe hoje.

VOCÊ

Quero que confiem na gente antes da primeira ligação.

CENA 2 — PERSONA

Definimos como a marca quer ser vista e o que o visitante precisa encontrar primeiro. Escopo, prazo e valor ficam por escrito.

CENA 3 — ENSAIO

Você vê o layout e ajustamos juntos até assentar. Nada vai ao ar sem a sua aprovação.

CENA 4 — ESTREIA

Desenvolvimento, domínio, hospedagem e SSL. O site vai ao ar.

(depois da estreia, o suporte continua: ajustes, backups e evolução)

// processo.js — o mesmo roteiro, em código

// CENA 1 — diagnóstico
const projeto = await conversar({
  empresa, publico, siteAtual,
});

// CENA 2 — persona
const persona = definirPersona(projeto, {
  comoQuerSerVisto: 'confiável',
  primeiroNaTela: ['quem somos', 'serviços'],
});

// CENA 3 — ensaio
let layout = desenhar(persona);
while (!await aprovar(layout)) { // com você
  layout = ajustar(layout);
}

// CENA 4 — estreia
await publicar(layout, {
  dominio: 'suaempresa.com.br',
  ssl: true,
});

suporte.continuar(); // depois da estreia

Ato IVEm cartaz(os trabalhos)

Primeira temporada.

Os dois primeiros projetos já podem ser vistos. O próximo está em ensaio e entra aqui assim que estrear.

Persona Code apresenta

Cantina Sofi

Marmitas brasileiras de uma nutricionista, em Amsterdã Em temporada Persona Code apresenta

LeoConecta

Estratégia de receita, do anúncio à venda Ensaio aberto

Persona Code apresenta

Projeto nº 3

Em ensaio

Persona Code · direção, design e código

Ficha técnicaQuem assina(sobre)

Cada projeto, do roteiro ao código.

Acompanhamos cada projeto da primeira conversa até bem depois da estreia. Design e desenvolvimento acontecem lado a lado, então o layout que você aprova é exatamente o que vai ao ar, com o mesmo cuidado nos detalhes que ninguém vê.

Notas de direção

Tudo no seu nome: Domínio, código e acessos ficam registrados no nome da sua empresa.
Leve e rápido: Cada página carrega só o que precisa, para abrir rápido mesmo no 4G.
Medido desde o início: Analytics e eventos configurados, para você saber de onde vêm os contatos.
Depois da estreia: Ajustes, backups e manutenção continuam por nossa conta.

Próximo atoÉ com você(contato)

Conte como você quer que a sua empresa seja vista.

Quem responde é o mesmo time que vai cuidar do seu projeto, e a resposta já vem com o próximo passo.