Guía de vinos

Vinería

Una guía para elegir vino sin saber de vino. Buscas, filtras por lo que te gusta y cada ficha te va contando más solo si quieres seguir leyendo.

Escríbeme Ver el proyecto

Portada de Vinería — Captura real del proyecto

Producto propio: tipo de proyecto
React 19 · TypeScript: herramientas principales
5: capturas reales del proyecto

01 · El reto

Qué estaba pasando

Contexto

Vinería es un proyecto propio. Nace de algo que le pasa a mucha gente: quieres entender de vino, abres cualquier guía y te topas con un vocabulario que asume que ya sabes.

El problema

Convertir mucha investigación en algo que un principiante disfrute, sin volverlo tan simple que deje de ser útil cuando ya sabes un poco más.

Mi parte

Escribí el contenido, decidí cómo se estructura, diseñé la interfaz y programé el sitio.

02 · Cómo lo resolví

Cómo decidí resolverlo

01
Organizar por lo que la gente pregunta («qué tomo con esto», «cuál me va a gustar») y no por cómo lo clasifica un sommelier.
02
Arrancar con pocas opciones: un buscador y cuatro filtros, no treinta.
03
Que la información profunda esté ahí, pero solo aparezca si decides seguir leyendo.

03 · Lo que hice

Lo que quedó hecho

Veinticuatro variedades documentadas, todas con la misma estructura.
El explorador: buscas, filtras y abres la ficha sin salir de la página.
Mapa de dónde viene cada uno, con qué comida va, glosario y la bitácora de mi investigación.

04 · Gráficos

Los números en gráficos

VIN-PROF

La profundidad aparece si la pides

Se empieza con pocas opciones y el detalle se revela solo al avanzar.

01
Buscas
Un campo de búsqueda, sin vocabulario técnico.
02
Filtras
Cuatro filtros por lo que te gusta, no treinta.
03
Abres
La ficha llega con lo esencial primero.
04
Profundizas
Origen, maridaje y glosario, si decides seguir.

Describe el recorrido diseñado; no representa comportamiento medido de usuarios.

05 · El producto

Explora el proyecto

Hero con El vino, explicado sin poses, y dos rutas de entrada.

01 Editorial cálido para empezar sin saber nada de vino.

Catálogo con búsqueda, filtros de tintas y blancas, cuerpo, acidez y origen.

02 Filtros por sensación, no por jerga: 24 uvas encontrables.

Ficha de Merlot, 2 de 24, con origen, alias e historia de la variedad.

03 Perfil en diálogo nativo: navegación 2/24 sin perder el catálogo.

04 Sensaciones en escalas visuales, no en vocabulario de sommelier.

Maridaje para comida mexicana: uvas emparejadas con mole, arrachera y birria.

05 Pairing local: Cabernet con mole, Merlot con arrachera, Syrah con birria.

06 · Cómo quedó

Qué cambió al final

Alguien que no sabe nada de vino puede elegir uno en dos minutos y entender por qué.
La estructura aguanta crecer: agregar variedades no obliga a rehacer nada.

Lo que no negocié