Volver a Proyectos
UI Design · Ecommerce

eGift Cards miCoca-Cola.cl

Diseño de UI para landing page enfocada en la compra y canje de eGift Cards para miCoca-Cola.cl, con foco en conversión, claridad y alineación con la identidad visual de la marca.

eGift Cards miCoca-Cola.cl

Rol

UI Designer — Diseño de interfaz completo

Herramientas

Figma

Contexto

Ecommerce — Infra Ecommerce Latam / Coca-Cola Chile

Contexto

Diseño de UI para una landing page enfocada en la compra y canje de eGift Cards para miCoca-Cola.cl. La interfaz fue creada con un enfoque en la experiencia del usuario, asegurando un diseño limpio, intuitivo y alineado con la identidad visual de la marca. Se trabajó en la definición de una estructura clara que guía al usuario a través del proceso de selección y adquisición de la gift card, destacando los beneficios y opciones disponibles. Se priorizó una jerarquía visual efectiva, el uso de colores y tipografía característicos de Coca-Cola, y la optimización para distintos dispositivos.

Diseño y funcionalidades

Landing de inicio

Se ofrece un banner inicial representativo de la marca con un llamado a la acción directo para la adquisición del servicio. Se potencia con una imagen que representa relajación, amistad, familia y diversión, diferenciando claramente la parte comercial del contenido emocional de la marca.

Landing de inicio

Módulo informativo

Se entrega información del paso a paso para realizar la compra de eGift Card, desde la selección del monto hasta el proceso de ingreso de destinatario y compra final. Para el caso contrario, se otorga información de uso para los usuarios que reciben las eGift Cards, guiándolos en su proceso de canje de manera simple y rápida.

Módulo informativo

Proceso de selección

La landing de selección de eGift Cards ofrece un mockup de regalo como acompañamiento visual que permite conectar con el usuario y su deseo de entregar un presente. El mockup se actualiza dinámicamente según el monto de preferencia elegido por el usuario, que van desde los $5.000 a $100.000 CLP.

Proceso de selección

Definir destinatario

Se ofrecen dos opciones de compra: de forma personal (para mí) o mediante envío directo al destinatario (para otra persona), completando los datos de quien recibe más un mensaje o dedicatoria opcional. Finalmente se procede a la compra.

Definir destinatario

Resultado

Una experiencia de regalo clara y de marca

El resultado es un diseño atractivo y funcional que facilita la conversión y mejora la interacción del usuario con la marca, manteniendo coherencia con la identidad visual de Coca-Cola y optimizado para distintos dispositivos.

Ver prototipo interactivo