¡Hola! Soy Coca Diez

Contexto y Desafío Good Food S.A. con su marca de alimentos Gourmet, comenzaba su presencia digital en 2000 con un sitio web. El desafío fue acompañar su crecimiento y evolución tecnológica durante 15 años, adaptándose a nuevas tendencias y necesidades del negocio.

Rol y Responsabilidades Como diseñadora UX/UI, fui responsable del diseño de alta fidelidad, de varias versiones del sitio, desarrollo en HTML/CSS, implementación de SEO, diseño y envío de mailings, investigación de usuarios y realización de tests de usabilidad tipo guerrilla para validar y mejorar la experiencia. Iteración con el cliente y asesoría permanente.

Proceso y Metodología Introducción temprana de SEO y métricas de Google Analytics para fidelización orgánica. Investigación de usuarios para entender sus necesidades y comportamientos. Tests de usabilidad tipo guerrilla para obtener feedback rápido y mejorar iterativamente los diseños. Creación progresiva de nuevas funciones: mailing mensual, gamificación, tienda online, RRSS integradas (Facebook, YouTube y Twitter) y campañas digitales de lanzamiento de productos nuevos.

Migración del sitio a WordPress en las últimas versiones, cuidando que el capital SEO adquirido no solo se mantuviera, sino que mejorara. Desarrollo de un "tema Gourmet" personalizado para facilitar la creación y edición de páginas mediante templates. Capacitación al cliente para que pudiera gestionar autónomamente la adición de contenido, como recetas, tips de cocina y otros.

Resultados e Impacto Arquitectura de la información centrada en el usuario y flujos eficientes. 40.000 suscriptores orgánicos al mailing mensual con suscripciones orgánicas de usuarios activos, con una alta tasa de lectura y bajísima tasa de rebote. Excelente posicionamiento SEO orgánico y crecimiento sostenido de la marca en el ecosistema digital. Cliente empoderado para gestionar contenido digital sin depender del equipo técnico.

• Design Thinking
• Arquitectura de la Información
• HTML/CSS
• Wordpress
• SEO
• Sistema de Diseño
• Tipografía
• Color

Contexto y Desafío La empresa de ingeniería a cargo de crear un CMS propietario para Viña Concha y Toro nos convocó a un equipo de diseño y desarrollo web para apoyarlos con la propuesta visual y el front-end del proyecto. El requerimiento exigía una plataforma bilingüe (inglés y español), una propuesta visual innovadora de alto impacto que proyectara el liderazgo mundial de la marca. Sin embargo, tras un par de años de uso, el motor de contenidos comenzó a presentar frecuentes fallas técnicas que generaban una gran fricción en múltiples tareas. Esto dio paso a una segunda etapa donde se nos encomendó migrar la plataforma a WordPress para resolver la inestabilidad, otorgar independencia en la publicación de contenidos en un proyecto escalable a largo plazo.

Rol y Responsabilidades En ambas etapas asumí el rol de Diseñadora UX/UI y fui la responsable de conceptualizar el look and feel, diseñar todas las páginas y secciones, y maquetar los HTML y CSS para su integración en el CMS propietario. En la segunda etapa mantuve estas mismas funciones durante la migración, diseñando luego distintos minisitios y dando mantenimiento al ecosistema.

Proceso y Metodología En la primera etapa, se definieron wireframes, se realizaron prototipos, diseño de alta fidelidad, entrega de los archivos HTML y guidelines necesarios para el desarrollo del CMS propietario. Para la segunda fase, cooperé en la transición hacia WordPress migrando la estructura existente, pero incorporando el resultado de iteraciones y mejoras continuas de usabilidad. A partir de esa nueva base, diseñé un sitio para la comunidad del club de fans de la viña y posteriormente, un nuevo minisitio ampliando el alcance a mercados asiáticos con traducción al chino mandarín, coreano y japonés para respaldar la alianza global de la viña con el equipo de fútbol profesional de Inglaterra Manchester United.

Resultados e Impacto La migración a WordPress eliminó las fallas del sistema anterior y devolvió la autonomía operativa a los periodistas y encargados de comunicaciones para publicar material en sus respectivas áreas. La flexibilidad del nuevo ecosistema permitió acompañar la expansión internacional de la viña y adaptar su presencia a mercados estratégicos. El proyecto derivó en un servicio recurrente donde diseñé, maqueté y envié un mailing mensual, además de dar mantenimiento continuo durante siete años.

• Equipo Interdisciplinario
• Adaptabilidad
• Entornos Ágiles
• Wireframes
• HTML/CSS
• Adobe Suite
• Wordpress
• Guidelines de Diseño

Otros Proyectos A lo largo de mi carrera he tenido la oportunidad de colaborar con muchas marcas y empresas, grandes y pequeñas, de una amplia cantidad de sectores, en el diseño de sus productos digitales. Cada proyecto ha sido una oportunidad única para aprender, aplicar metodologías y diseñar soluciones para los más diversos tipos de usuarios y necesidades. Algunos ejemplos:

Matetic, La Casona y Aviasur: Diseño, desarrollo y actualización mensual de sitios web. Varias versiones a lo largo de los años.

Fernando Mayer, Casabarros, La Casona, Piar: Rediseño de sitios web y arquitectura de la información.

Barbie: Diseño de juego online para campaña de lanzamiento de Barbie Diamond Castle.

Embalao: Diseño de juego online para lanzamiento del helado "Embalao" de la marca Savory.

Michelin: Interfaz de usuario para aplicación. Interpretación de datos y monitoreo de estado de neumáticos mineros.

Entel PCS: Aplicación web recomendador de planes de telefonía celular.

• Entornos Ágiles
• Visual Design
• Design Thinking
• Arquitectura de la Información
• Adobe Suite
• Color
• Tipografía
• Layout
• Alta Fidelidad

Contexto y Desafío Auloria presentaba problemas de usabilidad, navegación confusa y saturación técnica que provocaban alta carga cognitiva e inscripciones frustradas. El desafío consistió en transformar la interfaz en una experiencia intuitiva, clara y adaptable a distintos dispositivos.

Rol y Responsabilidades Como Diseñadora UX/UI y Visual, participé en la evaluación heurística, definición de los User Personas y estructuración del sistema de diseño bajo la metodología Atomic Design. Participé en el diseño de la interfaz de alta fidelidad y ejecuté las pruebas de usabilidad en Maze.

Proceso y Metodología Inicié identificando fallos clave como la falta de feedback en el carrito y el desorden en la cabecera. Reestructuré las pantallas usando patrones de lectura F y Z, construí componentes modulares accesibles y validé el prototipo con usuarios en un test cuantitativo y cualitativo.

Resultados e Impacto A pesar de una percepción positiva inicial, las métricas revelaron un cincuenta por ciento de clics erróneos debido al sesgo de cortesía. Iteré la solución agregando confirmaciones inmediatas al seleccionar cursos y entregué un sistema responsivo listo para escalar.

• Investigación de Usuarios
• Figma
• Análisis Heurístico
• User Personas
• User Journey Map
• Alta Fidelidad
• Guidelines
• Sistema de Diseño

Contexto y Desafío La plataforma presentaba problemas de navegación y organización de contenidos que generaban confusión en los usuarios:

• Dificultad para encontrar cursos específicos
• Estructura poco clara y jerarquía confusa
• Desorientación en tareas clave como búsqueda y gestión de cuenta

Esto generaba fricción cognitiva, pérdida de tiempo y una experiencia poco eficiente. El desafío fue diseñar una arquitectura de información limpia para seleccionar opciones en pocos clics.

Rol y Responsabilidades Participé como UX Researcher y Arquitecta de la Información, análisis competitivo, test iniciales, mapeo de servicios y la investigación del modelo mental del usuario. Diseñé el mapa de navegación, los wireframes y coordiné los Tree Testing.

Proceso y Metodología Análisis de la competencia y ejecución de un test de guerrilla que registró hasta noventa y ocho segundos de demora por tarea. Con el perfil de un usuario con tiempo limitado, realicé un Card Sorting que dividió el sitio en tres bloques claros y estructuré una propuesta validada mediante Tree Testing.

Resultados e Impacto • 42.9% tasa de éxito general en navegación
• 85.7% acierto en primer clic en sección principal (Explorar)
• Identificación de puntos críticos de confusión en navegación profunda, ambigüedad en etiquetas y detección de “fugas” hacia secciones incorrectas.

Estos resultados evidenciaron la necesidad de mejorar la organización, navegación, etiquetado y búsqueda lo que se pudo aplicar a un nuevo flujo de usuarios y un nuevo mapa del sitio como resultado final.

• Benchmark
• Mapeo de Servicios
• Card Sorting
• Tree Testing
• Site Map
• Pruebas de Usabilidad

Contexto y Desafío Las plataformas de aprendizaje digital suelen presentar sobrecarga informativa, falta de contraste y arquitecturas confusas que dificultan el estudio. El reto fue aplicar investigación cualitativa bajo el enfoque del Diseño Centrado en el Usuario para identificar problemas reales de accesibilidad visual y cognitiva, demostrando que una interfaz predecible y limpia beneficia a todo tipo de estudiantes.

Rol y Responsabilidades Como investigadora UX y diseñadora de interacción, colaboré en la conducción de 3 de las 8 entrevistas semiestructuradas, realicé el análisis comparativo de la competencia y participé en la creación del mapa del sitio, wireframes en Balsamiq, pruebas de usabilidad y evaluación heurística.

Proceso y Metodología La investigación inició con entrevistas para detectar problemas de usabilidad e inconsistencias en plataformas actuales. Con la evidencia cualitativa y el mapa de viaje del usuario, realizamos sesiones de bocetado rápido, definimos la estructura del sitio e implementamos un prototipo en baja fidelidad que fue evaluado mediante los 10 principios heurísticos de Nielsen.

Resultados e Impacto La evaluación heurística reflejó un promedio de 1,4 (problemas cosméticos a menores), confirmando una propuesta funcional sin fallos críticos. El estudio permitió definir acciones clave como la inclusión de un modo de alta concentración, confirmaciones en flujos de pago y etiquetas textuales claras para reducir la carga mental, incorporando personas, journey maps y recomendaciones WCAG 2.1 AA.

• Entrevistas a Usuarios
• Benchmark
• Diseño Centrado en el Usuario
• Flujos de Usuario
• Sketch
• Wireframe
• Pruebas de Usabilidad
• Journey Map
• WCAG 2.1 AAA