Hub Majestic

Cliente

Hub Majestic

Serviços

institutional, branding

Ano

2024

Papel

Identidade visual e front-end

Stack

Next.js · React · Lenis · Vercel

Ver o projeto

Dar a um intermediário imobiliário buy-side uma marca com peso de arquitetura e levá-la a um site que converte visitantes em leads qualificados, com uma narrativa clara sobre curadoria, rede e processo.

O que fizemos

Desenhamos a identidade a partir do M de Majestic: rotacionado, ele vira um símbolo de estrutura e direção, aplicado em três variações de cor. O sistema tem cinco cores, do Deep Green ao Soft Ivory, Asgard Wide para títulos e TT Firs Neue para textos, ícones tracejados e botões com 18 px de arredondamento, e se desdobra em papelaria, garrafas, caneca, camisetas e LinkedIn. No site, em Next.js, as mesmas fontes e verdes conduzem uma página única com navegação por âncoras, rolagem suave com Lenis, um vídeo do fundador, FAQ em acordeão e uma chamada final com duas portas, Sou Comprador e Sou Corretor.

Fizemos o formulário mudar para comprador ou corretor, para que cada lead já chegue qualificado.

Conceito
ConceitoA página de conceito: do “M” ao símbolo, e as três ideias que ele carrega.

Identidade

O símbolo nasce do M de Majestic: rotacionado, deixa de ser letra e passa a falar de estrutura, direção e precisão.

Construção do símbolo

Partimos da letra e a giramos até virar forma: o M deixa de ser lido como letra e atua como símbolo geométrico, de movimento e expansão.

A letra
A letraO “M” isolado da página de conceito, na mesma escala do símbolo ao lado.
O símbolo
O símboloO símbolo, mesma escala e mesmo fundo: a letra deixa de ser letra.
Variações do símboloO símbolo sobre Deep Green, Olive Slate e Soft Ivory, até a assinatura completa.

Sistema

Cinco cores tiradas da arquitetura e do terreno, do Deep Green ao Soft Ivory; Asgard Wide nos títulos, TT Firs Neue no texto.

PaletaDeep Green, Olive Slate, Limestone, Claystone e Soft Ivory, uma por vez, na ordem do manual.
Iconografia
IconografiaÍcones tracejados, levemente arredondados, traço médio.
Botões
BotõesTrês estilos de botão com 18 px de arredondamento.
TipografiaAsgard Wide para títulos, TT Firs Neue para textos.

Aplicações

Levamos o símbolo do timbrado à caneca, e a frase “De quem ajuda a construir o presente” ao envelope e ao caderno.

AplicaçõesGarrafas, papelaria, envelope, cartão, caderno, LinkedIn, camisetas e caneca, encadeados por cor.
Envelope
EnvelopeEnvelope em Deep Green com a frase “De quem ajuda a construir o presente”.
Caderno
CadernoA mesma frase no caderno, com “construir” em Limestone.
Caneca
CanecaCaneca branca com o símbolo, sobre Olive Slate.

Produto

No site, as mesmas fontes e verdes; no fim, duas portas, Sou Comprador e Sou Corretor, e cada lead chega qualificado.

Duas portas

Duas portas

No celular, a chamada final mantém as duas portas, Sou Comprador e Sou Corretor, uma sobre a outra, antes do rodapé.

Diferenciais
Diferenciais“Por que a Majestic é diferente?”: curadoria, rede e tecnologia, funil sob medida, em Asgard Wide e TT Firs Neue.
A página inteiraA página única do hero ao rodapé: números, sobre, fundador, diferenciais, processo, FAQ e as duas portas.
Ver o projeto

Resultados

  • Identidade completa: símbolo, três variações de cor, cinco cores e duas famílias tipográficas

  • Ícones, botões, papelaria e aplicações desenhados no mesmo sistema

  • Site de página única nas fontes e nos verdes da marca

  • Chamada final com duas portas, Sou Comprador e Sou Corretor, para qualificar cada lead

Créditos

Identidade visual
Ressolv
Front-end
Ressolv
Ver o projeto

Próximo projeto

Decisão Engenharia — Site Institucional

Fale com o studio Todos os projetos