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
Wine explorerVinería

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.

  1. 01

    Priorizar preguntas y decisiones reales del usuario sobre una taxonomía académica.

  2. 02

    Usar búsqueda y filtros breves para reducir la carga inicial.

  3. 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.

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

Siguiente paso

Conversemos sobre experiencias editoriales, catálogos interactivos o productos educativos.

Iniciar conversación