AlfaBeth, estudio de diseño de marca de Vicky Beth

Todos los proyectos

Cooking Jobs: una app pensada desde el problema, no desde las pantallas

Diseño de producto digital para una app de empleo gastronómico: research, arquitectura de información, wireframes y UI final, con prototipo navegable.

  • UI/UX
  • Producto digital
  • Research a prototipo
  • Proyecto conceptual
Consultoría sin cargo Ver el proceso

Proyecto conceptual de diseño de producto, desarrollado como pieza de portfolio.

El desafío

Conectar trabajadores gastronómicos con empleo de forma simple, rápida y sin vueltas. El sector se mueve rápido y las herramientas genéricas de búsqueda no le hablan a ese usuario.

Por eso este proyecto no arrancó dibujando pantallas. Arrancó entendiendo el problema: quién busca, quién ofrece y qué se interpone entre los dos.

Una app no empieza en las pantallas: empieza en el problema.

La estrategia

Arranqué por el research: benchmarking, user personas y definición de punto de vista y MVP. Con eso armé el mapa de sitio y los flujos de usuario, los bajé a wireframes y recién ahí diseñé la interfaz final, con un sistema visual cálido y directo.

Así se ve el proceso, paso por paso.

01

Paso 01

Research

Antes de pensar una sola pantalla, miré el mercado. Benchmarking de las herramientas que ya existen y user personas para entender a quién le estoy diseñando. Con eso definí el punto de vista del producto y el alcance del MVP: qué entra en la primera versión y qué puede esperar.

Panel de research de Cooking Jobs: benchmarking de apps de empleo y user personas
Research: benchmarking y user personas
Panel de definición de Cooking Jobs: punto de vista, storytelling y alcance del MVP
Punto de vista, storytelling y MVP
02

Paso 02

Arquitectura de información

Con el MVP definido armé el mapa de sitio y tracé los flujos de usuario. Cada recorrido importante quedó dibujado antes de que existiera una sola interfaz.

Mapa de sitio y flujos de usuario de la app Cooking Jobs
Mapa de sitio y flujos de usuario
03

Paso 03

Wireframes

Bajé los flujos a wireframes: estructura, jerarquía y navegación, sin color ni estilo que distraigan. En esta etapa se prueba que el recorrido funciona. El árbol de decisión documenta por qué cada pantalla es como es.

Wireframes de Cooking Jobs con el árbol de decisión de las pantallas
Wireframes y árbol de decisión
04

Paso 04

UI final

Recién con la estructura resuelta diseñé la interfaz final: un sistema visual cálido y directo, aplicado en un prototipo navegable. Cada decisión visual se apoya en todo lo anterior.

Landing de Cooking Jobs con la interfaz final de la app
Landing del producto
Pantallas de la app Cooking Jobs en contexto, sobre dispositivos móviles
La app en contexto

El resultado

Un producto digital coherente del research al prototipo: cada pantalla responde a una decisión documentada, no a un gusto.

Cuando el proceso está documentado, el diseño se puede defender.

También diseño productos digitales dentro de un sistema de marca.

Ver Branding Estratégico

¿Tenés un producto digital en la cabeza?

Contame qué problema querés resolver y te digo por dónde lo encararía, antes de pensar una sola pantalla. La primera charla no tiene costo y salís con un diagnóstico, trabajes o no conmigo.

Consultoría sin cargo