Logo

CASE STUDY — EMAILS SANTANDER

Se detectaron problemas como: bloques de texto extensos baja jerarquía visual falta de foco en la acción principal diseño poco escaneable uso poco eficiente del espacio Esto generaba una experiencia de lectura poco clara y aumentaba la carga cognitiva del usuario.

Caso Emails

Proceso

SNAPSHOT

Rol
UX / UI Designer

Tipo de proyecto
Optimización de comunicación · Diseño de emails

Contexto
Emails transaccionales / informativos

Objetivo
Mejorar comprensión, claridad y efectividad del mensaje

CONTEXTO

Comunicación crítica, pero poco optimizada

Los emails son uno de los principales canales de comunicación entre el banco y sus usuarios.

Sin embargo, muchos de estos correos estaban diseñados desde una lógica informativa más que experiencial, lo que dificultaba su lectura y comprensión.

En entornos digitales donde la atención es limitada, la claridad del mensaje es clave para evitar confusión o abandono.

Estudio

E-mails antiguos
E-mails antiguos


PROBLEMA

Información relevante, pero difícil de procesar

Se detectaron problemas como:

  • bloques de texto extensos
  • baja jerarquía visual
  • falta de foco en la acción principal
  • diseño poco escaneable
  • uso poco eficiente del espacio

Esto generaba una experiencia de lectura poco clara y aumentaba la carga cognitiva del usuario.

Estructura con problemas de compatibilidad
Estructura con problemas de compatibilidad

OBJETIVO

Hacer los emails más claros, rápidos de entender y accionables

  • mejorar legibilidad
  • priorizar información clave
  • facilitar escaneo visual
  • guiar la acción del usuario
  • alinear diseño con comunicación

Diagrama de análisis

MI ROL

Diseño centrado en comunicación

Participé en el rediseño de templates de email, enfocándome en:

  • estructura de contenido
  • jerarquía visual
  • diseño UI
  • claridad del mensaje
  • adaptación responsive
Nueva grilla
Nueva grilla


ENFOQUE

De informar a comunicar

El rediseño se abordó desde una lógica UX:

  • menos texto, más claridad
  • jerarquía visual definida
  • foco en acción principal
  • contenido escaneable

El objetivo no era solo “mostrar información”, sino facilitar su comprensión inmediata.

jerarquía visual
jerarquía visual

DECISIONES CLAVE

Simplificar para mejorar comprensión

Reducción de contenido

Se eliminaron textos redundantes y se priorizó lo esencial.

Jerarquía visual clara

  • títulos más visibles
  • separación de bloques
  • uso de espacios

Foco en acción

Se reforzó la acción principal mediante:

  • botones claros
  • ubicación estratégica
  • contraste visual

Escaneabilidad

Se diseñaron layouts que permiten:

  • lectura rápida
  • identificación inmediata de información clave
Nuevos e-mails
Nuevos e-mails

DISEÑO UI

Estructura clara y consistente

El nuevo diseño propone:

  • bloques bien definidos
  • uso consistente de tipografía
  • jerarquía de colores
  • separación visual clara
Elementos Ui
Elementos Ui

RESULTADO

Comunicación más clara y efectiva

El rediseño permitió:

  • mejorar comprensión del mensaje
  • reducir carga cognitiva
  • facilitar la lectura
  • destacar acciones clave
Versión desktop modo claro
Versión desktop modo claro
Versión mobile modo oscuro
Versión mobile modo oscur

IMPACTO

Mejora en experiencia de usuario

Aunque no se midió directamente con métricas cuantitativas, el rediseño se orienta a mejorar factores clave de UX:

  • claridad
  • legibilidad
  • usabilidad

Sabemos que optimizar estos aspectos puede impactar directamente en la efectividad de la comunicación digital.

REFLEXIÓN

La claridad también es UX

Este proyecto demuestra que la experiencia de usuario no solo ocurre en interfaces complejas, sino también en elementos cotidianos como un email.

Pequeños cambios en estructura y jerarquía pueden tener un gran impacto en la comprensión y efectividad de la comunicación.