/ Aplicación híbrida

Experiencia Gastronómica

Mi rol: Product Designer · UX/UI

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

/ 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.

/ 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.

/ Objetivo

Crear una aplicación ú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.

Mi contribución

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

Participé en la definición de la estructura de información, flujos de navegación y diseño de la interfaz, colaborando con desarrollo para integrar el contenido del sitio mediante su API y adaptar la experiencia a dispositivos móviles.

Participación

Arquitectura de información
Flujos de usuario
Wireframes
Diseño UI
Prototipo interactivo
Especificaciones para desarrollo

La solución

Una aplicación diseñada para el contexto de uso.

La solución integró el contenido del sitio web dentro de una aplicación híbrida optimizada para consulta, incorporando herramientas que permitían localizar establecimientos, guardar favoritos y acceder al contenido sin depender de una conexión constante.

Evidencia

Arquitectura de información

Una estructura pensada para reducir la profundidad de navegación y facilitar el acceso a las principales categorías de contenido.

Diseño de interfaz

La interfaz respetó la identidad visual existente mientras adaptó componentes y patrones de interacción propios de dispositivos móviles para ofrecer una experiencia consistente.

Los primeros esquemas permitieron validar la distribución de la información, el comportamiento de la navegación y la integración de funcionalidades móviles antes del diseño visual.

Wireframes

Ver Diseño

Ver Wireframes

Resultado

La aplicación permitió extender el alcance de la plataforma hacia dispositivos móviles, incorporando funciones que enriquecieron la exploración del contenido y facilitaron su consulta en diferentes contextos de uso.

Una experiencia preparada para mobile.

08. Aprendizaje

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

Este proyecto reforzó la importancia de adaptar una experiencia existente al comportamiento de los usuarios móviles, aprovechando las capacidades del dispositivo sin perder consistencia con el producto original.