Hub Majestic

Cliente

Hub Majestic

Servicios

institutional, branding

Año

2024

Rol

Identidad visual y front-end

Stack

Next.js · React · Lenis · Vercel

Ver el proyecto

Dar a un intermediario inmobiliario buy-side una marca con peso de arquitectura y llevarla a un sitio que convierte visitantes en leads calificados, con una narrativa clara sobre curaduría, red y proceso.

Qué hicimos

Diseñamos la identidad a partir de la M de Majestic: rotada, se vuelve un símbolo de estructura y dirección, aplicado en tres variaciones de color. El sistema tiene cinco colores, del Deep Green al Soft Ivory, Asgard Wide para títulos y TT Firs Neue para textos, íconos de contorno y botones con 18 px de radio, y se despliega en papelería, botellas, taza, camisetas y LinkedIn. En el sitio, en Next.js, las mismas fuentes y verdes llevan una página única con navegación por anclas, scroll suave con Lenis, un video del fundador, FAQ en acordeón y una llamada final con dos puertas, Sou Comprador (comprador) y Sou Corretor (corredor).

Hicimos que el formulario cambie según sea comprador o corredor, para que cada lead llegue ya calificado.

Concepto
ConceptoLa página de concepto: de la “M” al símbolo, y las tres ideas que lleva.

Identidad

El símbolo nace de la M de Majestic: rotada, deja de ser letra y pasa a hablar de estructura, dirección y precisión.

Construcción del símbolo

Partimos de la letra y la giramos hasta volverla forma: la M deja de leerse como letra y actúa como símbolo geométrico de movimiento y expansión.

La letra
La letraLa “M” aislada de la página de concepto, a la misma escala que el símbolo de al lado.
El símbolo
El símboloEl símbolo, a la misma escala y sobre el mismo fondo: la letra deja de ser letra.
Variaciones del símboloEl símbolo sobre Deep Green, Olive Slate y Soft Ivory, hasta la firma completa.

Sistema

Cinco colores de la arquitectura y del terreno, del Deep Green al Soft Ivory; Asgard Wide en títulos, TT Firs Neue en texto.

PaletaDeep Green, Olive Slate, Limestone, Claystone y Soft Ivory, uno por vez, en el orden del manual.
Iconografía
IconografíaÍconos de contorno, levemente redondeados, trazo medio.
Botones
BotonesTres estilos de botón con 18 px de radio.
TipografíaAsgard Wide para títulos, TT Firs Neue para textos.

Aplicaciones

Llevamos el símbolo del membrete a la taza, y la frase “De quem ajuda a construir o presente” al sobre y al cuaderno.

AplicacionesBotellas, papelería, sobre, tarjeta, cuaderno, LinkedIn, camisetas y taza, encadenados por color.
Sobre
SobreSobre en Deep Green con la frase “De quem ajuda a construir o presente” (de quienes ayudan a construir el presente).
Cuaderno
CuadernoLa misma frase en el cuaderno, con “construir” en Limestone.
Taza
TazaTaza blanca con el símbolo, sobre Olive Slate.

Producto

En el sitio, las mismas fuentes y verdes; al final, dos puertas, Sou Comprador y Sou Corretor, y cada lead llega calificado.

Dos puertas

Dos puertas

En el celular, la llamada final mantiene las dos puertas, Sou Comprador (comprador) y Sou Corretor (corredor), una sobre otra, antes del pie.

Diferenciales
Diferenciales“Por que a Majestic é diferente?” (por qué Majestic es diferente): curaduría, red y tecnología, embudo a medida, en Asgard Wide y TT Firs Neue.
La página completaLa página única del hero al pie: cifras, nosotros, fundador, diferenciales, proceso, FAQ y las dos puertas.
Ver el proyecto

Resultados

  • Identidad completa: símbolo, tres variaciones de color, cinco colores y dos familias tipográficas

  • Íconos, botones, papelería y aplicaciones diseñados en el mismo sistema

  • Sitio de página única con las fuentes y los verdes de la marca

  • Llamada final con dos puertas, Sou Comprador y Sou Corretor, para calificar cada lead

Créditos

Identidad visual
Ressolv
Front-end
Ressolv
Ver el proyecto

Siguiente proyecto

Decisão Engenharia — Sitio Institucional

Habla con el studio Todos los proyectos