/ Aplicación híbrida

Experiencia Gastronómica

Transformar un sitio web en una aplicación móvil con acceso offline, geolocalización y herramientas para descubrir experiencias gastronómicas.

Mi rol: Product Designer · UX/UI

1. Contexto

Llevar la experiencia más allá del navegador.

La organización contaba con un sitio web consolidado para consultar contenido gastronómico, pero necesitaba una aplicación móvil que permitiera a los usuarios acceder a la información desde cualquier lugar, aprovechar funciones nativas del dispositivo y mantener una experiencia consistente con la identidad existente.

2. El desafío

Del sitio web a una aplicación móvil.

El reto no consistía únicamente en adaptar un sitio web a una pantalla más pequeña. La aplicación debía responder a escenarios de uso distintos, incorporando funcionalidades como acceso offline, geolocalización y listas personalizadas sin perder claridad ni consistencia visual.

3. Descubrimiento

Antes de definir la solución, se analizó la experiencia existente del sitio web para identificar cómo los usuarios consumían el contenido y qué oportunidades ofrecía una experiencia móvil. También se revisaron las capacidades técnicas de la API y las funcionalidades nativas que aportarían mayor valor en dispositivos móviles.

Comprender el comportamiento.

Análisis de la experiencia del sitio web.

Benchmark de aplicaciones similares.

Definición de requerimientos.

Identificación de escenarios de uso móvil.

4. Hallazgos

Insights que guiaron el diseño.

El análisis permitió identificar oportunidades para mejorar la experiencia desde un contexto móvil:

Los usuarios necesitaban consultar información mientras recorrían diferentes lugares.

La ubicación debía facilitar el descubrimiento de restaurantes cercanos.

El acceso al contenido debía mantenerse aun cuando no hubiera conexión a internet.

La navegación debía simplificarse para acceder rápidamente a la información más relevante.

5. Objetivo

Crear una app útil dentro y fuera de línea.

Diseñar una aplicación híbrida para iOS y Android que facilitara la exploración de contenido gastronómico, permitiera planificar recorridos personalizados y ofreciera acceso a la información incluso sin conexión a internet.

6. Mi contribución

Del análisis al diseño de la solución.

Participé en todo el proceso de diseño del producto, desde el descubrimiento y análisis hasta la arquitectura de información, flujos de usuario, wireframes, diseño de interfaz, prototipado interactivo y documentación para desarrollo.

7. La solución

Una app diseñada para el contexto de uso.

La aplicación integró el contenido del sitio web en una experiencia móvil optimizada para la exploración gastronómica, incorporando acceso offline, geolocalización y herramientas para guardar contenido y consultarlo en cualquier momento.

8. Proceso de diseño

Arquitectura de información

Se reorganizó el contenido para facilitar la navegación desde dispositivos móviles, agrupando la información en categorías claras y priorizando los recorridos más frecuentes.

Flujos de usuario

La aplicación integró el contenido del sitio web en una experiencia móvil optimizada para la exploración gastronómica, incorporando acceso offline, geolocalización y herramientas para guardar contenido y consultarlo en cualquier momento.

Diseño de interfaz

La interfaz respetó la identidad visual existente mientras incorporó patrones propios de dispositivos móviles para ofrecer una experiencia consistente y familiar.

Los wireframes permitieron validar la distribución del contenido, la jerarquía visual y el comportamiento de la navegación antes de avanzar al diseño de alta fidelidad.

Wireframes

Ver Diseño
Ver Wireframes

9. Validación

Las propuestas fueron revisadas junto con el cliente y el equipo de desarrollo para validar la organización del contenido, la navegación y la viabilidad técnica antes de la implementación.

Este proceso permitió realizar ajustes tempranos y asegurar que la solución respondiera tanto a las necesidades del usuario como a las capacidades del producto.

Refinando la experiencia.

10. Resultado

La aplicación permitió extender el alcance de la plataforma hacia dispositivos móviles mediante una experiencia optimizada para explorar contenido gastronómico en diferentes contextos de uso.

Las funcionalidades de geolocalización, acceso offline y listas personalizadas facilitaron una navegación más flexible y adaptada a las necesidades de los usuarios.

Una experiencia preparada para mobile.

11. Aprendizajes

Diseñar para el contexto, no solo para la pantalla.

Este proyecto reforzó la importancia de comprender el contexto de uso antes de diseñar una interfaz. Adaptar una experiencia existente implica replantear flujos, priorizar funcionalidades y aprovechar las capacidades del dispositivo para ofrecer mayor valor al usuario.