Volver a nuestros trabajos

Marco Beteta es la referencia gastronómica y de estilo de vida más reconocido en México. Cuenta con experiencia de más de 30 años en la industria y ha creado MB by Marco Beteta, con el propósito de inspirar diariamente a su comunidad en el arte del buen vivir.

Se trata de un grupo de foodies y bon vivants cuyo único interés es comer y vivir bien, compartiendo recomendaciones en una plataforma honesta, sencilla y accesible.

  • #plataforma
  • #gastronomía
  • #buenvivir
Dos pantallas de la app: la bienvenida a la comunidad MB y el detalle del restaurante Ryoshi

by Marco Beteta

Problema

Cuentan con un sitio web en donde se comparte información acerca de restaurantes, hoteles, taquerías, destinos recomendados y recetas. Como el mismo presenta mucha data e información, surge la necesidad de contar con una aplicación híbrida.

Objetivo

Ofrecerles a los usuarios la posibilidad de disponer de una aplicación móvil que cuente sólo con información acerca de restaurantes.

El sitio web de MB by Marco Beteta en una notebook, con notas de viaje y recetas

Desarrollo

Luego de realizar una investigación y análisis previo, se le presenta al cliente una propuesta que implica el desarrollo de una app mobile híbrida, tanto para Android como para iOS. Se plantean mejoras aplicadas inherentes al proceso de trasladar un sitio web, con toda su información, usabilidad, flujos y demás, a una aplicación.

En esta conversión se trabaja en cómo reflejar la misma información, de qué manera adaptar los flujos del usuario y el recorrido de la web, entre muchos otros aspectos.

Benchmark

Referencias tomadas: de Mercado Libre, la visualización de productos, de mapas y ubicación; de Airbnb, la reseña y valoración de una experiencia; de Tripadvisor, cómo se visualiza el detalle de un restaurante, los comentarios o reseñas y la valoración de parte de un usuario
  • Airbnb

    Airbnb: el listado de viajes, con la invitación a evaluar la estancia y el historial de estadías Airbnb: la evaluación de la estancia con estrellas Airbnb: la pantalla que pide más información sobre la estancia
  • Mercado Libre

    Mercado Libre: la calificación del producto con estrellas Mercado Libre: el campo para escribir la opinión del producto Mercado Libre: la confirmación de la opinión publicada
  • Tripadvisor

    Tripadvisor: el detalle de un restaurante con su puntaje, opiniones y horarios Tripadvisor: el formulario de opinión con el tipo y la fecha de visita Tripadvisor: el agradecimiento y las preguntas extra sobre el restaurante

Solución

Planteo de una app híbrida, diseñada y desarrollada con un patrón responsive.

La misma podrá ser utilizada tanto por miembros de la comunidad de Marco Beteta, quienes tendrán acceso a todas las funcionalidades del producto, como por aquellos que aún no lo sean.

Contará con un Onboarding en donde el usuario podrá seleccionar la ciudad a visitar y sus preferencias en comidas, lo cual permitirá optimizar su experiencia de búsqueda.

La función principal de la app consiste en brindarle al usuario información acerca de los restaurantes que desee visitar, ayudándolo a decidirse por la opción que mejor se adapte a sus preferencias.

MVP

Funcionalidades del MVP, separadas en imprescindibles y deseables
FuncionalidadesImprescindibleDeseable
Conocer MB
Configurar MB
Conocer restaurantes
Filtrar opciones
Conocer detalles
Conocer experiencias de otros
Resolver dudas
Guardar para otro momento
Identificar usuario
Contactar al restaurante
Compartir info restaurante
Conocer información gastronómica

Prototipos: baja, media y alta fidelidad

UI kit

UI kit: colores primarios y secundarios, la tipografía Neue Montreal con sus pesos, la grilla de iconos y los componentes de la app

Pruebas
de usabilidad

Durante el estudio realizado le pedimos a 11 participantes que completaran una serie de tareas, las cuales variaban según si eran usuarios miembros de la comunidad MB o no.

Metodología

Se llevaron a cabo entrevistas personales, de manera remota, en las cuales participaron el equipo de MangooDev SRL y la persona entrevistada.

Perfiles

  • Conocen a Marco Beteta, son seguidores de su trabajo y recomendaciones. Son miembros de su comunidad.
  • Personas que disfrutan de viajar y del buen comer, buscan experiencias gastronómicas.
  • Viajeros o nómades digitales. Les interesa ahorrar dinero pero vivir buenas experiencias.
Resultados: eficacia, tareas completadas 89% no miembros y 88% miembros; información clara y concisa 83% y 60%; diseño simple 100% y 80%; navegación intuitiva 100% y 80%; eficiencia, tiempo promedio rápido 4 y muy rápido 5 en escala total; experiencia muy buena 46%, buena 36%, moderada 9% y mala 9%
Las pantallas terminadas de la app: la bienvenida, el inicio de sesión, la selección de preferencias de comida y el detalle de un restaurante

Nuestros trabajos

Conoce nuestros
otros proyectos.