Veganizer
przez Guadalupe Jimena Barro Gil Grillo @gbarro_1
- 591
- 3
- 0
Introducción
Mi creación es Veganizer, una app web que convierte cualquier receta tradicional en una versión vegana y, si el usuario lo desea, sin gluten. La herramienta permite cargar una receta por texto o imagen y genera automáticamente los reemplazos de ingredientes, explicando cada sustitución y mostrando una receta clara y accesible. Incluye ajustes de accesibilidad, un flujo simple y un diseño pensado para usuarios que quieren cocinar vegano sin complejidad.

Materiales
Figma y Canva
Objetivos
Comprender las necesidades, frustraciones y comportamientos de usuarios veganos, personas con restricciones alimentarias y usuarios interesados en alternativas más saludables, para diseñar una herramienta que permita veganizar recetas de manera rápida, simple y accesible.

Benchmark
Se encontraron la siguientes apps para hacer benchmark

Entrevista UX
- Hola! Bienvenidx a la entrevista, muchas gracias por participar! Te aviso que esto será grabado y tus respuestas van a ser tomadas en cuenta para ayudarme en este proyecto! Por favor, quiero que te sientas comodx de contarme todo lo que quieras, ¿Está bien?
- Si! gracias
- Empecemos!
- ¿Con qué frecuencia cocinás en casa?
- Unas 6 veces por semana
- ¿Qué tipo de recetas sueles preparar en tu casa?
- Suelo preparar recetas vegetarianas y veganas. Trato de cocinar sin huevo ni lacteos, como brochetas, salteados, mezclando masas y verduras
- ¿Solés buscar recetas en Google, TikTok, Instagram, alguna app?
- Si, suelo buscar en google, suelo ver en Instagram, y muchas veces veo recetas con carne y trato de hacer su versión vegetariana
- ¿Solés hacer recetas para alguien que tenga alguna restricción alimentaria como sin gluten, alguna alergia?
- No actualmente, pero he hecho en algun momento
- ¿Te resulta frustrante vegetarianizar algún ingrediente en especial?
- Muchas cosas de pasteleria y el queso, me cuesta entender la quimica de las cosas y cuanto ponerle de cada cosa.
- ¿Te pasa alguna vez que hayas querido vegetarianizar o veganizar una receta y no te quedó bien?
- Si, muchas veces!
- ¿A nivel sabor y cosas, te gusta más que parezca lo más parecido a algo no vegano o te da igual esa situación?
- Depende, no tanco como se ve si no de sabor, como cuando hago jamón vegano, quiero que tenga un sabor lo más parecido a jamón
- Si pudieras tener como la herramienta perfecta a la hora de cocinar, ¿qué sería?
- Un chef personal, una herramienta que me cocine, un chef vegano que me cocine.
- ¿Hay algo más que te gustaría compartirme a la hora de hacer recetas, de cocinar? ¿Algo que te parece interesante que podría suceder?
- Que es difícil a veces pensar en mantener una dieta vegetariana o vegana cuando no es facilitado a veces por los medios o por lo que se ve en el día a día. Como por ejemplo, tenés que probar esto. No, no lo puedo comer. Te paso esta receta. Ah, pero tiene pollo. Claro. Eso.
- Bueno, muchas gracias. Gracias a vos y compartirme tanto, nos mantenemos en contacto!

Protopersona 1
Se creó la siguiente protopersona:

Protopersona 2
Y la siguiente:

User Flow
Happy Path del usuario

Storytelling
Como Veganizer cambio la vida de Juan

Site Map
Home
├── Convert by text
│ └── Result
│ ├── Download recipe
│ ├── Veganize another recipe
├── Convert by image
│ └── Result
│ ├── Download recipe
│ ├── Veganize another recipe
└── Settings
├── Font size
├── High contrast
├── Dark mode
├── Reduced motion
└── Language

Low Fidelity Wireframe
Wireframe en baja fidelidad






Color
La paleta de colores de Veganizer se construyó con dos propósitos principales: transmitir una sensación de frescura y naturalidad, y asegurar que la experiencia sea inclusiva y accesible para todo tipo de usuarios.
El verde funciona como color primario, asociado a lo vegetal, lo saludable y la confianza. Sus variantes permiten diseñar llamadas a la acción claras y coherentes, manteniendo siempre un contraste adecuado para usuarios con baja visión. El naranja, como color acento, aporta energía y dirige la atención hacia elementos clave sin saturar la interfaz. Esta combinación genera un contraste cálido y equilibrado que refuerza la comprensión visual.
La escala de neutros fue elegida para garantizar legibilidad en distintos tamaños de texto y facilitar la lectura prolongada. Los colores semánticos (éxito, advertencia, error e información) mantienen una comunicación clara y consistente, ayudando a los usuarios a identificar estados del sistema rápidamente, incluso en situaciones de baja atención o cansancio visual.
Todos los tonos seleccionados fueron evaluados para cumplir con estándares de contraste WCAG AA, asegurando que la app pueda ser usada cómodamente por personas con dificultades visuales, daltonismo leve o sensibilidad al brillo. En conjunto, esta paleta refuerza una experiencia moderna, amable y accesible, alineada con la misión de Veganizer: simplificar la cocina para todos.

Tipografía
Para Veganizer seleccioné Lora para los títulos, porque aporta calidez y una identidad editorial que combina bien con el mundo de las recetas.
Para el cuerpo de texto utilicé Inter, una tipografía sans serif altamente legible en pantalla y diseñada para accesibilidad.
La combinación Lora + Inter crea una jerarquía visual clara, agradable y fácil de leer, asegurando una experiencia inclusiva para todo tipo de usuarios.

High Fidelity prototype
See the Prototype Here! https://www.behance.net/gallery/239829101/Veganizador






0 komentarzy
Zaloguj się lub dołącz bezpłatnie, aby móc komentować