Una bodega que no filtra su vino. Una marca que no dice nada que la tierra no dijera antes. Un sistema que no añade nada que no pueda quitar. La tienda es la parte visible — este caso va de la viña a lo que mantiene la web viva tres semanas después.
Nada que no venga de la uva.
Nada que la tierra no dijera antes.
Nada entra que no pueda salir.
Dónde empezó
Un vino bien hecho, vestido como cualquier otro de la Ribera. Antes de cambiar nada, fui a escuchar.
La bodega ya tenía web y etiqueta. Páginas negras, mayúsculas doradas, un diamante por logo, la caja de madera, aire de bodega de reserva — y la línea «Hacemos vinos auténticos» al pie de cada página. Todo lo que dice una bodega de la Ribera del Duero. Nada de lo que hace esta. Un vino natural, sin filtrar, sin sulfitos añadidos, se vendía con el traje de los vinos contra los que estaba hecho.
La palabra que usa cada etiqueta de la zona.
Lujo prestado del estante de otro.
Lo único que ninguna bodega de alrededor podía decir.
El primer entregable no fue un boceto. Fui al pueblo donde crecen las viñas y hablé con quienes las han trabajado siempre — y lo grabé. No para citarlos en una etiqueta: para entender qué significa la tierra para quienes nunca tuvieron que explicarla.
Todo lo que viene después de este capítulo — el posicionamiento, el nombre en la botella, las palabras de la web — sale de esas grabaciones, no de un moodboard.
El vino natural se bebe joven y se habla de él viejo. La estrategia puso a Junciera Jiné donde pocas bodegas están: el oficio y el precio de un vino hecho a mano en viñas viejas, para quien lo abre un jueves — no en una bodega, no con un discurso.
La marca
Un nombre, una marca, un color, una botella, una voz, cincuenta y cuatro dibujos. Todo antes de una sola página de la web.
Antes de dibujar una letra, fui a por el nombre. Cada palabra resultó ser un objeto — así que la marca se construyó desde los objetos, no desde los adjetivos.
Vasija de barro con la tapa perforada, donde se dejaban hierbas aromáticas para perfumar una estancia.
…que quando llego á casa, y me le quito,
sanea el aposento donde habito,
y arrimado á un rincón, ó adonde quiera,
me sirve de perfume y de junciera.Francisco Gregorio de Salas · Poesías, vol. I · 1797
Un vino que perfuma la habitación en la que se abre, guardado en casa, en un rincón. De ahí sus dos palabras: humilde y hogareño — «vinos humildes, vinos hogareños».
El estudio lo pone junto a la construcción más antigua que hay: dos piedras en pie, una atravesada encima.
«No se añaden sulfitos, ni tartárico ni láctico, sin levaduras comerciales o bacterias lácticas, sin filtrar, sin estabilizar con frío… Un vino alejado del exceso de maquillaje habitual en la zona.»
Sin sulfitos añadidos, ni tartárico ni láctico, sin levaduras comerciales o bacterias lácticas, sin filtrar, sin estabilizar con frío… Un vino alejado del exceso de maquillaje habitual en la zona.
El logotipo se probó en mayúsculas y en minúsculas, en cuatro serifas, sobre los colores de la tierra: el verde oscuro de las encinas, el ocre del rastrojo, el hueso de la caliza. En mayúsculas se leía como un château. En minúsculas, como una casa. Ganó la casa.
JJ.
Las piedras del capítulo 04, dibujadas como letras: dos jotas en pie, una al lado de la otra, sus remates unidos en un solo trazo — el dintel encima. La forma más antigua de construir algo que dura, sin mortero: nada añadido.
Cada vino se fotografió con lo que crece alrededor de sus parajes, y su paleta salió de esa foto: el muro, el membrillo, la cereza, el lacre, la nuez, la corteza, el vidrio. Los colores son los objetos.
muromembrillocerezalacrenuezcortezavidrioY la tierra como una rampa de verdes, del brote nuevo a la encina.
La fotografía de producto tiene una sola idea. Sobre la botella, a lo que huele el vino. Debajo, a lo que sabe. La botella es el balance. Cada objeto de la mesa — manzana silvestre, ciruela, mora, nuez, avellana, tomillo, una amapola seca, corteza — se recogió alrededor de los parajes y representa una nota de ese vino.
Huele aSabe aLa iconografía del capítulo 11 dibuja las mismas notas que levanta el bodegón: fruta roja, fruta de hueso, tomillo, frutos secos. Una nota de cata, tres lenguajes — la copa, la foto, el icono.
Cada botella de la Ribera lleva una etiqueta de papel sobre el vidrio. La nueva se la quita: nada cubre el vino, así que lo ves a contraluz — en crudo, nada escondido, el vino hablando por sí mismo. Lo que queda es la marca, y sube de nivel: el isotipo JJ que les dibujé, el logotipo debajo, el año abajo en el vidrio. El lacre rojo se queda — siempre fue suyo.
La otra mitad de la fotografía es el campo, y aquí la regla se invierte: nada se coloca. Los parajes y la bodega, la gente que los trabaja, mientras trabaja.
Toda la narrativa de la marca es mía: la web, las páginas, las líneas bajo cada foto. Tres reglas la sostuvieron. Ninguna mayúscula — ni en el titular. Frases cortas, del largo de algo dicho en un campo. Y la viña como sujeto: la familia nunca presume, habla la tierra.
Una serifa ligera, grande y apretada.
SangBleu Sunrise Light y Light Italic — licencia del cliente. Aquí solo dentro de imágenes.Una grotesca neutra, pequeña y tranquila.
Helvetica Neue para leer, las etiquetas de las fichas de datos y la navegación.Boca, aromas, elaboración, maridajes, servicio y las fases de cata — ocho familias dibujadas como una: rejilla de 48 × 48, trazo de 1,6, remates redondos. Las marcas de «nada añadido» comparten un gesto: la cosa, tachada. Dos estilos sobre los mismos dibujos. Se entrega como una biblioteca que la bodega usa sola — cajas, dosieres, flyers — así que aquí se muestra como lo entregaría un equipo de producto: explorar, inspeccionar, exportar.
Maquetas de uso · el set se entrega como ficheros para que la bodega los coloque en sus cajas, dosieres y flyers.
La biblioteca no entró en la web como un componente nuevo. Entró como un atributo de un bloque que ya existía: cada línea de una ficha de datos puede llevar ahora un icono, elegido de una lista en el editor. Vacío es sin icono. El sistema creció un campo, no una página.
La web
Lo último que se hizo — y lo único que tiene que seguir cambiando cuando yo no estoy.
Una bodega de vino natural en Peñaranda de Duero, siete viejos planteles por encima de los 800 metros. Querían vender online. Dos personas usan esa tienda y quieren cosas opuestas.
Compra vino de noche, en el móvil, con mala cobertura. Quiere ver la botella y terminar.
Sin PHP, y con miedo a tocar nada por si rompe la web. Quiere cambiar una foto en octubre sin llamar a nadie.
Haz para la primera y la segunda deja de usarla. Haz para la segunda y la primera se va. La mayoría de las tiendas eligen una y lo llaman decisión.
Cada página de la web se construye con los bloques del sistema, compuestos como el cuaderno de campo de un viticultor: una foto a sangre, un titular enorme partido, una rejilla de 12 columnas que se rompe a propósito con imágenes desplazadas, y las láminas como capa de datos. Ni colores nuevos, ni fuentes nuevas — los tokens de la propia web.
La web ya abre con una. Se quitó una segunda pantalla de logo.
El titular, los antetítulos y los nombres de las fichas se quedan en minúscula.
Como el mosaico del inicio. Sin collage escalonado.
El terroir se cuenta como lo contaría un naturalista: tres láminas científicas en una sola línea fina, cada una con un número que la bodega puede defender. Dónde están las viñas, a qué altura y desde cuándo.
Trazo de 0,3 a 1,1, rótulos en la serifa itálica de la marca, un marco fino con marcas cartográficas.
18 KB, 19 KB y 36 KB comprimidas. Dibujadas en el color de la marca, así que cambian con él.
Cada mejora se paga N veces y se desvía. A los seis meses no hay sistema: hay seis webs distintas.
Devuelve el control y se lleva con él el rendimiento y la coherencia. El cliente no quiere maquetar páginas. Quiere vender vino.
Analítica, CRM y recuperación de carrito de terceros. Más barato el primer día — y mete la lista de clientes, el registro de consentimiento y el correo de recuperación dentro del producto de otro.
Obliga a separar sistema y marca desde el principio, y construye la tubería antes de que haya nada que enviar por ella.
Rejilla, tipo, movimiento, la tienda, los filtros, el panel de ajustes. 148 tokens de diseño y 25 bloques de editor. No sabe el nombre de ningún cliente.
Datos, consentimiento, CRM, medición, recuperación de carrito, A/B. Vive aparte del tema porque los datos duran más que un rediseño.
Su tipo, sus colores, sus 8 bloques propios · recontado 2026-10-30. Trece colores de origen; todo otro tono se calcula desde esos.
del código no se vuelve a escribir para la siguiente marca. Todo el código; 91,2% contando solo PHP.
Barras, ventanas y bloques, con su propio panel y cinco suites de prueba.
Incluida la que registra por qué se abandonó el carrito — no solo que se abandonó.
Con vista previa y la parte legal incorporada, para que el consentimiento viva junto al correo que permite.
Series, taxonomía, pulso, acumulados y eventos enviados desde el servidor, no solo desde el navegador.
Cada una solo lo que tiene contratado. Revocar surte efecto al instante.
Un cliente no actualiza si no sabe qué gana: «el resumen de ventas no se ralentiza ni con miles de pedidos».
Leído desde fuera, sin entrar en ninguna.
La copa
Lo que devolvió, y lo que haría distinto.
Dos de esas seis peticiones a terceros devolvían errores. 24 MB del paquete eran fotos de prueba que no pintaban nada ahí.
El 75 de móvil lo manda el servidor — 1,16 s de espera — no el tema. Se dice aquí, no se esconde.
De la primera grabación en el pueblo a una web que la bodega cambia sola.
Estrategia, investigación, identidad, etiquetas, dirección de fotografía, iconografía, cada línea de texto, la tienda y el sistema debajo.
El edge caching se deja para el final y es lo que más mueve la aguja: 1,16 s de espera pesan más que 500 KB de CSS. Mídelo el primer día.
Nombra cada carpeta como la cosa que despliega, desde el minuto cero. Arreglarlo después supuso mover 532 ficheros.
Las fotos del cliente no viven en el tema. 24 MB de material de prueba se colaron en la carpeta que se publica, y tardaron dos semanas en salir.
