Un sitio web conceptual para una bodega de Toro
Cliente
Teso La Monja
Año
2025
Un sitio de concepto para una bodega de Toro
Teso la Monja es un concepto de iniciativa propia para una bodega de alta gama en la región de Toro. Las botellas son exclusivas y caras, y el sitio debía transmitir esa sensación sin necesidad de gritarlo. Fondos casi negros, una tipografía serif de alto contraste, un rojo vino profundo y mucho espacio vacío alrededor de cada botella. Las interacciones son lentas a propósito.
Alcance del trabajo
El concepto en contexto
El concepto mostrado en contexto, sobre una pantalla casi negra con una tipografía serif nítida y un único color rojo vino. El diseño web de lujo suele anunciarse con un logotipo grande y mucho dorado. Aquí la moderación hace ese trabajo en su lugar: márgenes amplios, letra pequeña y un solo color de acento, que se aproxima más a la forma en que se etiquetan las propias botellas.
La gama en pantalla
Las pantallas principales dispuestas juntas para que el diseño pueda juzgarse como un sistema en lugar de como una composición única. La misma estructura de tres columnas alberga cinco vinos diferentes, cada uno con su propia fotografía y temperatura de color. Verlos uno al lado del otro es cómo se comprueba que una plantilla es flexible sin romperse, lo cual importa más que el hecho de que cualquier pantalla individual se vea bien.
Vino que eleva tus sentidos
La página de inicio se divide en tres columnas que cumplen una función cada una: el titular editorial, la historia de la marca sobre fotografías de la bodega y la botella misma en un carrusel con el precio y la nota de cata siempre visibles. Nada se desplaza por encima del pliegue, por lo que la primera pantalla funciona como una composición fija. Para una bodega que vende a este nivel de precios, mostrar el coste de inmediato es un filtro más que un riesgo.
Alabaster
El mismo hero llevando un vino diferente. La estructura se mantiene mientras que la fotografía, la etiqueta y el tono de fondo cambian, que es lo que convierte una página de inicio en una plantilla que el cliente realmente puede gestionar. Alabaster aporta una imagen de bodega más fría y una etiqueta más pálida, y el diseño absorbe ambas sin ningún ajuste en la cuadrícula.
Victorino
Un tercer intento con el hero, esta vez con Victorino y una imagen de viñedo con tonos verdes. Tres variantes suele ser el punto donde se descubre si un diseño es un sistema o una composición afortunada. Los tamaños de letra, los controles del carrusel y el bloque de precio se mantienen fijos en todos ellos, por lo que solo cambia el contenido.
Notas de cata
La página del producto se abre con la botella centrada y los datos técnicos dispuestos para ser estudiados en lugar de leídos por encima: uva, añada, crianza, graduación alcohólica y temperatura de servicio. Los compradores de este nivel leen las especificaciones de la misma manera que leen una etiqueta, por lo que el diseño otorga a cada cifra su propio espacio en lugar de comprimirlas en una tabla. La acción de añadir al carrito se sitúa cerca del precio, manteniéndose en el color rojo vino que no se utiliza en ningún otro lugar.
Un vino con vocación de leyenda
La página completa del producto, con la ficha de cata por un lado y la historia de la añada por el otro. Dividir la información técnica de la narrativa permite que dos tipos de visitantes utilicen la misma página: el coleccionista que analiza los datos y el recién llegado que lee la historia. Los iconos circulares transmiten las notas de cata de forma visual, lo que evita que el bloque técnico se convierta en una pila compacta de letra pequeña.
Cinco generaciones de viticultores
La historia familiar en fotografías de archivo y una tipografía sobria, que abarca cinco generaciones de viticultores. Esta es la sección que justifica el precio, de ahí que se sitúe antes de la tienda y no después. Se da espacio a las imágenes para que respiren y los textos son breves, porque una historia de herencia familiar pierde su peso en el momento en que se convierte en un ensayo.
Ante todo, somos viticultores
La segunda mitad de la historia, construida en torno al vídeo y a una cuadrícula de imágenes del viñedo y de la bodega. El movimiento se introduce únicamente aquí, lo que hace que se perciba como metraje documental en lugar de un efecto de página web. El diseño se mantiene asimétrico a propósito, de modo que la sección se lee como una página doble de un libro en lugar de otro módulo de contenido.
La gama completa
La gama completa presentada como una familia, en la que cada etiqueta actúa como puerta de entrada a su propia página. A continuación, las páginas de vinos individuales muestran cómo una misma plantilla de producto puede albergar cinco botellas muy diferentes. Para una bodega, la página de la gama es la verdadera herramienta de navegación, ya que la mayoría de los visitantes llegan conociendo al productor, pero sin saber qué vino quieren.
Cuatro colores, en su mayoría negro
Cuatro colores, y en su mayoría negro. Blanco roto para los títulos, rojo borgoña para las llamadas a la acción, un marrón viñedo para el cuerpo del texto y casi negro cubriendo todos los fondos. El rojo aparece solo donde se puede hacer clic, lo que significa que la interfaz nunca necesita el contorno de un botón para explicarse. Restringir la paleta hasta este punto es lo que permite que un diseño oscuro se sienta sofisticado en lugar de pesado.
Serifa de principio a fin
Una serifa de visualización para los grandes titulares, una variante cursiva para las citas y versalitas para los datos del producto. No hay fuentes sans-serif en ningún lugar del sistema, lo cual es inusual para un sitio web y es exactamente lo que hace que todo se lea como una etiqueta de vino en lugar de una tienda. La escala está especificada desde el tono H0 hasta el cuerpo del texto pequeño, por lo que la jerarquía se mantiene intacta en la página de inicio, las páginas de producto y la historia.
