Descentric

Una landing que vende una membresía de diseño

// brief.json
const descentric = {
  type: "Rediseño web",
  year: 2024,
};

brief.json

Rediseño del sitio de la agencia Descentric. Reorganicé todo su relato en una sola landing. La página explica con claridad su modelo de membresía de diseño y lleva a la gente hasta los planes.

Año: 2024
Cliente: Descentric
Industria: Agencia de diseño
Duración: 2 semanas
Tipo: Rediseño web

Servicios

Diseño webAuditoría UX y rediseño

Ver sitio en vivo

Mostrado solo con fines de portafolio. Las marcas pertenecen a sus dueños; si eres el titular y quieres que lo retire, escríbeme. Términos ↗

Descentric, una propuesta que no se entendía

1 1 1 0 1 1 1 0 0 0 1 1 1 1 0 1
0 1 0 0 1 1 1 0 1 0 1 1 0 0 0 1
1 1 1 0 0 0 0 1 1 0 0 0 1 0 1 1
0 1 1 1 1 1 0 1 0 0 0 0 0 0 0 0
0 0 0 0 0 1 1 1 1 0 0 0 1 0 0 0
0 0 0 0 1 0 0 0 1 1 0 0 1 0 0 1
0 1 0 0 1 0 0 1 1 0 0 0 1 0 0 0
1 1 0 1 0 1 1 1 0 0 0 1 0 0 0 1
0 1 0 0 0 1 0 0 0 0 1 1 0 1 0 1
0 0 0 1 0 0 1 0 1 1 0 1 0 0 1 1
1 0 1 0 1 1 0 1 1 0 0 1 0 0 0 1
1 0 1 0 0 1 0 0 1 1 0 1 1 0 0 1

01El reto

Una propuesta que no se entendía

El sitio anterior no comunicaba el valor de la membresía de diseño 360° de la agencia. La información estaba dispersa. El diseño no tenía el nivel de su trabajo.

Descentric, un recorrido hacia la decisión

// un-recorrido-hacia-la-decision.md
const descentric = {
  services: ["Diseño web", "Auditoría UX y rediseño"],
  tags: ["Landing", "Conversión", "Tema oscuro"],
};

02Estrategia

Un recorrido hacia la decisión

Ordené la página como un recorrido lógico: el proceso de la agencia, los servicios, los beneficios concretos y los planes. Ubiqué los llamados a la acción en los momentos de decisión: agendar una llamada o elegir un plan. También respondí las dudas antes de que aparezcan.

0 1 1 1 0 1 0 1 0 0 1 0 1 0 0 0
0 0 0 0 0 1 0 1 0 1 1 1 1 1 1 0
1 0 0 1 1 0 0 0 0 0 1 1 0 1 1 1
1 0 1 0 1 1 1 0 1 0 0 0 1 0 1 1
1 0 0 1 1 1 1 0 0 0 0 1 0 1 1 0
0 0 0 0 1 1 1 0 1 0 0 0 0 0 0 1
1 0 0 1 0 0 0 1 1 1 1 0 1 1 0 0
1 1 1 1 0 0 1 1 1 0 1 0 0 1 0 1
0 1 0 1 1 0 1 0 0 1 1 1 0 1 0 1
0 1 0 0 0 0 0 1 0 1 0 0 1 1 1 1
0 0 0 1 0 0 1 1 1 0 0 1 1 0 0 0
1 1 1 1 1 0 1 0 1 0 0 1 0 0 0 1

03Diseño visual

Premium, con un solo acento

Elegí un tema oscuro para una sensación premium y enfocada. Los paneles translúcidos (glassmorphism) dan profundidad. Usé el naranja de la agencia solo como acento en llamados a la acción y puntos clave. Así ordené la jerarquía visual.

04Resultado

Una landing que vende

La landing pasó a funcionar como herramienta de venta. Explica con claridad qué ofrece la agencia y cómo funciona la membresía. Ahora la agencia se ve al nivel de su trabajo.

[ OR™ ‒ RELACIONADOS / descentric.related ]

Primero los más parecidos a este caso. Con las flechas ves los demás.