Producto editorial · Front-end
Vinería
Guía interactiva que hace accesible el vino con búsqueda, filtros y perfiles progresivos. UX editorial enfocada en claridad, descubrimiento y disfrute.
- Contribución
- Dirección editorial, diseño de producto, modelado de contenido e implementación front-end.
- Especialidad
- React 19 · TypeScript · Vite 8
01 / El reto
Entender el negocio antes de diseñar la solución.
Vinería es un producto auto-iniciado para personas que quieren entender variedades, regiones, aromas y maridajes sin enfrentarse a una enciclopedia.
Convertir investigación extensa en una experiencia clara, visual y agradable para quien apenas comienza a explorar el tema.
02 / El enfoque
Una dirección clara para producto, experiencia y operación.
- 01
Priorizar preguntas y decisiones reales del usuario sobre una taxonomía académica.
- 02
Usar búsqueda y filtros breves para reducir la carga inicial.
- 03
Revelar profundidad mediante perfiles, mapa, glosario y maridajes.
03 / Trabajo realizado
Del criterio a una solución que el equipo puede usar.
- Catálogo tipado de veinticuatro variedades.
- Explorador con búsqueda, filtros y perfiles en diálogo nativo.
- Mapa de origen, módulos de maridaje, glosario y bitácora editorial.
04 / El producto
La experiencia en contexto.
05 / Resultado
Lo que el proyecto dejó construido.
- Una experiencia educativa que equilibra orientación, profundidad y disfrute visual.
- Un modelo de contenido preparado para crecer sin perder consistencia.
Principios aplicados
- Claridad para principiantes.
- Profundidad progresiva.
- Contenido y navegación como un solo sistema.
06 / Tecnología
Stack elegido para la solución.
- ReactReact 19
- TypeScriptTypeScript
- ViteVite 8
- VitestVitest
- Testing LibraryTesting Library
- CSSCSS
- Google FontsFraunces
- Google FontsManrope
07 / Repos y consulta
Dónde revisar el proyecto.
Siguiente paso