El Mercantil

Diseño UI

Publicación digital enfocada a la información sobre la logística, el transporte y la cadena de suministro en España.

El Mercantil

Diseño UI

Publicación digital enfocada a la información sobre la logística, el transporte y la cadena de suministro en España.

El Mercantil

Diseño UI

Publicación digital enfocada a la información sobre la logística, el transporte y la cadena de suministro en España.

Research

Llevo a cabo una investigación exhaustiva para obtener información relevante y estudio la competencia para emplear un lenguaje visual eficaz y reconocible. Realizo múltiples entrevistas con el cliente para entender a fondo sus necesidades y conocer mejor a su público objetivo.

Captura de pantalla de la página principa de la web del periódico

Research

Llevo a cabo una investigación exhaustiva para obtener información relevante y estudio la competencia para emplear un lenguaje visual eficaz y reconocible. Realizo múltiples entrevistas con el cliente para entender a fondo sus necesidades y conocer mejor a su público objetivo.

Captura de pantalla de la página principa de la web del periódico

Research

Llevo a cabo una investigación exhaustiva para obtener información relevante y estudio la competencia para emplear un lenguaje visual eficaz y reconocible. Realizo múltiples entrevistas con el cliente para entender a fondo sus necesidades y conocer mejor a su público objetivo.

Captura de pantalla de la página principa de la web del periódico

Ideación

Reviso la propuesta inicial de arquitectura de la información y optimizo el flujo para mejorar la navegación del usuario. Diseño wireframes en baja fidelidad y creo un prototipo en baja fidelidad, que utilizo para validar la estructura y el flujo al realizar pruebas con usuarios.

Ideación

Reviso la propuesta inicial de arquitectura de la información y optimizo el flujo para mejorar la navegación del usuario. Diseño wireframes en baja fidelidad y creo un prototipo en baja fidelidad, que utilizo para validar la estructura y el flujo al realizar pruebas con usuarios.

Definición

Con la información recopilada, defino los casos de uso, los user personas y los escenarios relevantes. Analizo los journeys de usuario para identificar puntos de fricción y propongo soluciones efectivas para mejorar la experiencia.

Captura de pantalla de la sección "opinión"

Definición

Con la información recopilada, defino los casos de uso, los user personas y los escenarios relevantes. Analizo los journeys de usuario para identificar puntos de fricción y propongo soluciones efectivas para mejorar la experiencia.

Captura de pantalla de la sección "opinión"

Definición

Con la información recopilada, defino los casos de uso, los user personas y los escenarios relevantes. Analizo los journeys de usuario para identificar puntos de fricción y propongo soluciones efectivas para mejorar la experiencia.

Captura de pantalla de la sección "opinión"

Ideación

Reviso la propuesta inicial de arquitectura de la información y optimizo el flujo para mejorar la navegación del usuario. Diseño wireframes en baja fidelidad y creo un prototipo en baja fidelidad, que utilizo para validar la estructura y el flujo al realizar pruebas con usuarios.

Captura de pantalla de algunos wireframes realizados durante el proceso de ideación

Ideación

Reviso la propuesta inicial de arquitectura de la información y optimizo el flujo para mejorar la navegación del usuario. Diseño wireframes en baja fidelidad y creo un prototipo en baja fidelidad, que utilizo para validar la estructura y el flujo al realizar pruebas con usuarios.

Implementación

En esta fase, desarrollo el prototipo en alta fidelidad, incorporando interacciones y animaciones que reflejan fielmente el producto final. Este prototipo se somete a pruebas adicionales para asegurar su efectividad antes de pasar al desarrollo. Utilizo una familia tipográfica amplia para establecer una jerarquía visual clara y aplico principios de accesibilidad para garantizar que el diseño sea inclusivo para todos los usuarios.

Implementación

En esta fase, desarrollo el prototipo en alta fidelidad, incorporando interacciones y animaciones que reflejan fielmente el producto final. Este prototipo se somete a pruebas adicionales para asegurar su efectividad antes de pasar al desarrollo. Utilizo una familia tipográfica amplia para establecer una jerarquía visual clara y aplico principios de accesibilidad para garantizar que el diseño sea inclusivo para todos los usuarios.

Implementación

En esta fase, desarrollo el prototipo en alta fidelidad, incorporando interacciones y animaciones que reflejan fielmente el producto final. Este prototipo se somete a pruebas adicionales para asegurar su efectividad antes de pasar al desarrollo. Utilizo una familia tipográfica amplia para establecer una jerarquía visual clara y aplico principios de accesibilidad para garantizar que el diseño sea inclusivo para todos los usuarios.

Implementación

En esta fase, desarrollo el prototipo en alta fidelidad, incorporando interacciones y animaciones que reflejan fielmente el producto final. Este prototipo se somete a pruebas adicionales para asegurar su efectividad antes de pasar al desarrollo. Utilizo una familia tipográfica amplia para establecer una jerarquía visual clara y aplico principios de accesibilidad para garantizar que el diseño sea inclusivo para todos los usuarios.