03 — Proyecto

PMM CIEx

Rediseñando desde cero una experiencia digital que había crecido sin un sistema común.

Disciplina
Web Design · UX/UI · Branding
Contexto
Rol anterior
Rol
Diseño y dirección visual
Alcance
Arquitectura · Identidad · Sistema de contenido
[añadir imagen de portada]

01

Overview

El rediseño completo de la web de PMM CIEx: arquitectura, identidad visual y un sistema capaz de sostener contenidos muy distintos entre sí.

Es el proyecto más antiguo de los tres, de una etapa anterior, y el que mejor explica cómo trabajo cuando lo que hay que hacer es reconstruir.

02

Contexto

La web de PMM CIEx había evolucionado durante años con diferentes equipos y decisiones superpuestas. El resultado era una experiencia visualmente inconsistente, difícil de mantener y con problemas de rendimiento.

Decidimos empezar de cero.

[añadir captura de la web antigua]
El punto de partida.

03

Enfoque

  1. Web anterior
  2. Arquitectura
  3. Sistema visual
  4. Contenido
  5. Nueva experiencia

04

Arquitectura de la información

El problema de fondo no era estético: la web había ido acumulando secciones sin que nadie revisara el conjunto. Antes de diseñar nada, había que decidir qué tipos de contenido existían de verdad y cómo se relacionaban entre sí.

  1. Servicios

    La oferta, reordenada y jerarquizada.

  2. Webinars y artículos

    Contenido periódico con su propio ritmo.

  3. Estudios y revistas

    Piezas largas, con formato propio.

  4. Recursos y corporativo

    Lo que sostiene al resto.

[añadir sitemap]
La nueva arquitectura.

05

Sistema visual

Una identidad más limpia, actual y profesional, capaz de convivir con contenidos muy diferentes sin perder coherencia.

Identidad y componentes

[añadir identidad]

Identidad visual

[añadir tipografía y color]

Tipografía y color

[añadir componentes]

Componentes y layouts

[añadir tratamiento de imagen]

Tratamiento de imagen

06

Experiencia de contenido

No se rediseñó una Home: se hizo un sistema capaz de sostener un artículo, un webinar, un estudio de caso o una revista sin que ninguno se sintiera forzado dentro de la misma plantilla.

[añadir artículo]
Artículos
[añadir webinar]
Webinars
[añadir revista o estudio]
Revistas y estudios
[añadir Home y páginas de servicio]
Home y páginas de servicio.

07

Resultado

Una experiencia más clara, coherente y preparada para crecer.

Antes

Obsoleta, lenta y fragmentada. Cada equipo añadía por su cuenta.

Después

Una arquitectura revisada y un sistema visual capaz de sostener contenidos distintos.

[añadir gran before / after]

08

Reflexión

El proyecto fue un ejercicio de reconstrucción: entender qué había dejado de funcionar, reorganizarlo y crear una base visual y estructural capaz de sostener la siguiente etapa de la marca.

Siguiente proyecto

Dots.Memories UX UI