tmo.

take me out

Case Study

tmo.

take me out

Case Study

Take me out es una solución digital que les permite a los usuarios encontrar el bar ideal en pocos pasos. Además, brinda descuentos y beneficios con pagos desde la plataforma.

[project-category-list]
[project-tag-list]
u

problema

Hay gran variedad de aplicaciones para hacer pedidos, pero no hay un producto en donde los usuarios puedan ver distintas opciones de bares según ubicación y preferencias.

A la hora de elegir un bar, solemos pedir recomendaciones a amigos o caemos siempre a lo conocido. ¿Pero qué hacemos si queremos cambiar o sorprender a alguien?.

Solución

Creamos un mockup funcional que conecta a los usuarios con bares que sean de su preferencia. Los usuarios podrán ver los distintos establecimientos, conocer su carta y atributos. Una vez en el bar, podrán realizar su compra desde la aplicación y calificar su experiencia.

A su vez, los establecimientos tendrán un administrador para poder ver sus ventas con tmo. y las estadísticas de las mismas.

Cómo lo
hicimos

Antes de comenzar a trabajar nos reunimos con el cliente para conversar en mayor detalle sobre la visión del producto, sus objetivos y el público al que apunta. Recurrimos a algunas dinámicas de Product Discovery para definir junto con el cliente las características principales del producto a desarrollar, la voz y el tono de la marca Take me out.

Utilizamos herramientas de Ux y Ui para entender el contexto, el valor del producto y cómo satisfacer a nuestros usuarios.

Cómo lo
hicimos

Antes de comenzar a trabajar nos reunimos con el cliente para conversar en mayor detalle sobre la visión del producto, sus objetivos y el público al que apunta. Recurrimos a algunas dinámicas de Product Discovery para definir junto con el cliente las características principales del producto a desarrollar, la voz y el tono de la marca Take me out.

Utilizamos herramientas de Ux y Ui para entender el contexto, el valor del producto y cómo satisfacer a nuestros usuarios.

CÓMO LO HICIMOS!
Benchmark
Analizamos la competencia directa e indirecta para identificar buenas prácticas y asegurarnos de que la solución esté alineada con los patrones ya conocidos por los usuarios.
CÓMO LO HICIMOS!
Benchmark
Analizamos la competencia directa e indirecta para identificar buenas prácticas y asegurarnos de que la solución esté alineada con los patrones ya conocidos por los usuarios.
CÓMO LO HICIMOS!

Contexto

TMO es una herramienta de búsqueda. Apunta a un público joven que suele utilizar el celular durante todo el día. El producto se utilizará mayormente entre la tarde y la noche y sin mucha anticipación.
CÓMO LO HICIMOS!

Entrevistas

Creamos una guía de preguntas para conversar con los usuarios y saber qué piensan, hacen y sienten. Las mismas se hicieron en cuarentena, por lo tanto nuestras entrevistas fueron todas online.
CÓMO LO HICIMOS!

Entrevistas

Creamos una guía de preguntas para conversar con los usuarios y saber qué piensan, hacen y sienten. Las mismas se hicieron en cuarentena, por lo tanto nuestras entrevistas fueron todas online.
CÓMO LO HICIMOS!

User Persona

Se definieron 4 arquetipos de usuario, representando el público objetivo al cual está destinado TMO. Estos usuarios sirvieron de guía durante todo el proyecto para la toma de decisiones.
CÓMO LO HICIMOS!

User Persona

Se definieron 4 arquetipos de usuario, representando el público objetivo al cual está destinado TMO. Estos usuarios sirvieron de guía durante todo el proyecto para la toma de decisiones.
CÓMO LO HICIMOS!

User Flows

Representamos cómo los usuarios acceden a la información que les brinda el producto, definimos puntos de contacto y los posibles caminos en esas interacciones.

CÓMO LO HICIMOS!

Site Maps

Diagramamos la interfaz de manera jerárquica. Con esta técnica armamos la estructura y agrupamos el contenido.
CÓMO LO HICIMOS!

Wireframes

 en media fidelidad

Diseñamos cada página del producto sin una guía de estilos determinada. No se presentaron colores ni imágenes definidas, haciendo foco en las funcionalidades y las jerarquías del contenido. Esto ayudó a ordenar ideas y probar distintas propuestas de forma rápida para validarlas.
CÓMO LO HICIMOS!

Pruebas

de usabilidad

Observamos y analizamos cómo los usuarios utilizan el producto. Esa información nos sirvió para entender el comportamiento de los usuarios y evaluar la usabilidad de la plataforma. Las pruebas se realizaron en wireframes de media y alta fidelidad, y como se hicieron de manera remota incorporamos la herramienta Useberry que además nos proporcionó métricas útiles para la toma de decisiones.
CÓMO LO HICIMOS!

Wireframes

 en media fidelidad

Diseñamos cada página del producto sin una guía de estilos determinada. No se presentaron colores ni imágenes definidas, haciendo foco en las funcionalidades y las jerarquías del contenido. Esto ayudó a ordenar ideas y probar distintas propuestas de forma rápida para validarlas.
CÓMO LO HICIMOS!

Pruebas

de usabilidad

Observamos y analizamos cómo los usuarios utilizan el producto. Esa información nos sirvió para entender el comportamiento de los usuarios y evaluar la usabilidad de la plataforma. Las pruebas se realizaron en wireframes de media y alta fidelidad, y como se hicieron de manera remota incorporamos la herramienta Useberry que además nos proporcionó métricas útiles para la toma de decisiones.
CÓMO LO HICIMOS!

Wireframes

 en alta fidelidad

Por último, creamos el producto en pantallas de alta fidelidad, dejando por finalizado la primer etapa del proyecto. Estos wireframes son navegables y se encuentran listos para su desarrollo.
CÓMO LO HICIMOS!

Wireframes

 en alta fidelidad

Por último, creamos el producto en pantallas de alta fidelidad, dejando por finalizado la primer etapa del proyecto. Estos wireframes son navegables y se encuentran listos para su desarrollo.