Proyecto Nescafé

☕ Proyecto Nescafé

Nescafé es un proyecto de UX/UI realizado en colaboración con la marca durante mi formación en EBAC. En él he explorado diferentes etapas del proceso de diseño, desde la investigación y el análisis hasta la creación de una propuesta visual para la marca.

En este proyecto aprendí especialmente sobre arquitectura de información y organización de contenidos. Antes de trabajar sobre la interfaz, utilicé un mapa del sitio para comprender cómo se relacionaban las diferentes secciones y detectar oportunidades para mejorar la estructura de la experiencia. A partir de esta organización desarrollé propuestas y prototipos en Figma, utilizando los aprendizajes de los proyectos anteriores para tomar decisiones más conscientes sobre jerarquía, navegación y presentación de la información.

Herramientas: Figma, Figjam, Miro, AI generativa

About us

Nescafé fue un proyecto desarrollado durante mi formación en UX/UI en EBAC, en colaboración con una empresa aliada. El proyecto me permitió trabajar distintas etapas del proceso de diseño y explorar cómo organizar una experiencia digital alrededor de una marca reconocida.

Antes de comenzar con el diseño visual, busqué entender qué información debía contener la experiencia y cómo podía organizarse de manera clara para el usuario.

Este análisis me llevó a identificar la necesidad de definir primero una estructura que permitiera organizar los contenidos y establecer una navegación coherente.

Arquitectura y mapa del sitio

Una de las decisiones importantes del proyecto fue trabajar la arquitectura de la información y el mapa del sitio antes de avanzar con las interfaces.

Esto me permitió visualizar cómo se relacionaban las diferentes secciones y definir una estructura más clara antes de llevarla al diseño de las pantallas.

¿Cómo llevé las ideas al diseño?

Con la estructura definida, comencé a trasladar la propuesta a las interfaces, trabajando la organización de los contenidos y la experiencia de navegación.

En esta etapa pude explorar cómo combinar las necesidades de la experiencia con los elementos visuales propios de Nescafé.

De la estructura a las pantallas

A partir de la arquitectura y los objetivos definidos, desarrollé las diferentes propuestas de interfaz, pasando de la organización inicial a una solución visual de mayor fidelidad.

El proceso me permitió entender mejor cómo las decisiones tomadas en etapas anteriores influyen directamente en el resultado de una interfaz.

¿Qué revisé durante el proceso?

Durante el desarrollo fui revisando la organización y presentación de los contenidos para detectar oportunidades de mejora.

Esta etapa me ayudó a comprender que llegar a una propuesta visual no significa que el proceso haya terminado: revisar, cuestionar y ajustar también forma parte del diseño.

Nescafé me ayudó a comprender con mayor claridad la importancia de organizar primero la experiencia y después trabajar la parte visual.

Aprendí que herramientas como la arquitectura de información y el mapa del sitio no son solamente entregables dentro de un proyecto UX/UI, sino recursos que ayudan a tomar mejores decisiones antes de diseñar las interfaces.

Después de trabajar en Nescafé, reforcé la importancia de no comenzar directamente por las pantallas. Hoy entiendo mejor que definir el problema, organizar la información y establecer una estructura permite que las decisiones visuales tengan una base más sólida.

Galeria