Genera Digital

Rediseño de identidad estratégica para una agencia que buscaba liderazgo y conversión.

Rol Product Designer
Tiempo 6 Semanas
Herramientas Figma, Google Forms
Genera Digital Showcase

El Reto

Genera Digital tenía un problema de identidad. Su propuesta era sólida, su equipo excepcional, pero su comunicación visual no reflejaba el poder de transformación que realmente ofrecían. Los directivos y responsables de marketing que buscaban impacto visual no veían reflejados los resultados en su web. Necesitaban una identidad que hablara directamente a marcas ambiciosas que buscan liderazgo estratégico, no solo servicios.

01

Investigación

Hablamos con quienes toman decisiones

Entrevistamos a 6 directivos de marketing y fundadores de empresas (33-45 años) de sectores diversos. Personas creativas, alternativas, que valoran el conocimiento del sector y exigen resultados tangibles. Fue difícil acceder a ellos, pero sus insights fueron decisivos.

  • Resultados sí, pero visualmente comprobables
    El impacto visual debe reflejar el rendimiento.
  • La estructura está bien, pero necesitamos verla en movimiento
    Los degradados y transiciones comunican transformación.
  • Simplificad el viaje: contacto directo
    Menos pasos, máximo impacto.
  • Si no se ve bonito, no confío en que funcione
    La estética ES la garantía de calidad.
User Survey
02

Estrategia

Estrategia de Transformación

De la complejidad al sistema coherente

Definimos dos pilares estratégicos:

  1. Simplificación del Mensaje: Reducimos la narrativa a un único hilo narrativo: "Creatividad + Tecnología + Estrategia = Transformación Visual". Cada elemento del sitio refuerza este mantra.
  2. Procesual Directo: Transformamos el viaje de contacto en un flujo de 3 pasos, no 7. El usuario entra, ve el poder de Genera, se convence, y convierte.
  3. Sistema de Resultados Visuales: Cada sección debe mostrar antes/después, métricas reales, casos de transformación. No solo texto: datos que inspiran.
03

Diseño Visual

Color Palette Spacing System Brand Application

El color como narrativa de transformación

El naranja no fue una elección estética casual. En psicología del color representa energía, transformación y modernidad. Lo utilizamos de forma estratégica en degradados y transiciones que sugieren movimiento, crecimiento y cambio.

Las características clave del sistema:

  • • Degradados en movimiento: Los colores no son estáticos. Fluyen, se transforman, sugieren que todo está en constante evolución.
  • • Tipografía Bold: Campton Bold en headings para comunicar fuerza y seguridad.
  • • Espacio negativo estratégico: Permite que los elementos visuales respiren y destaquen. La complejidad se convierte en claridad.
  • • Transparencias y capas: Reflejan la idea del "sistema vivo" donde todo está conectado.
04

Prototipado

Estructura y Validación (Low-Fi)

Antes de aplicar estilo, validamos la estructura. Nos enfocamos en prototipos de baja fidelidad para asegurar que cada sección tuviera un impacto bien pensado y estructurado.

  • Jerarquía Visual: Priorizamos el contenido clave sin distracciones estéticas.
  • Flujo de Usuario: Diseñamos el recorrido para que la conversión sea natural, no forzada.

Al trabajar en "baja calidad" visual, pudimos iterar rápidamente la arquitectura de la información hasta garantizar que el mensaje de transformación llegara claro.

Low-Fidelity Wireframes
05

Resultados

El impacto de una identidad clara

Post-lanzamiento, los números hablan:

↓ 25% Tasa de rebote: Los usuarios se quedan porque confían en lo que ven.
↑ 43% Solicitudes de contacto: El mensaje claro convierte.
✓ Lead Quality: Los contactos entrantes ahora son directivos y fundadores del perfil objetivo.
+18% Tiempo en sitio: El sistema visual mantiene el engagement.

Lo más importante: Genera Digital pasó de ser "una agencia más" a ser "la agencia que entiende transformación visual porque SU PROPIA TRANSFORMACIÓN es visible".

Ver Proyecto Final