Auditoría de experiencia del visitante: el mensaje, el proyecto y cómo comprar.

Resumen en 30 segundos

La web cuenta un proyecto extraordinario con una estética coherente y un nivel de transparencia poco común. Lo que más margen tiene desde el punto de vista de una online shop es el camino hacia la compra: hoy el producto (los 6 vinos y su precio) aparece tarde y todos los caminos de compra pasan por el asistente. Tres datos comprobados que lo resumen:

Lo que ya funciona (y conviene no tocar)

Antes de las propuestas, lo comprobado que juega a favor — para que ninguna mejora se lleve esto por delante:

• Un solo mensaje, repetido con disciplina: «cada caja compensa 100 kg de CO₂ netos» aparece en la barra superior, héroes, tienda, certificaciones y cómo funciona. La escala 100 kg → 16,7/botella → 2,8/copa es memorable y está bien contada.
• «Cómo funciona» es ejemplar: 5 pasos concretos, formas de pago (tarjeta, Apple/Google Pay), envíos claros (España peninsular 5 €, gratis desde 2 cajas, 21 países). Es la página más «práctica» de la web.
• El caso práctico es un arma de conversión: un pedido real navegable con factura, certificado CT-2026-2210 y cuenta demo. Pocas tiendas del mundo tienen algo así.
• Los vinos (catálogo) ya vende bien: los 6 con uvas, grado, descripción de una línea, precio y botón «＋ Añadir a mi caja» directo.
• El carrito explica el CO₂ con tu dirección (país + CP, desglose producción/transporte/prudencia) — el «momento mágico» está construido.
• Estética consistente y propia: amarillo de marca, etiquetas protagonistas, tipografía cuidada; el aviso de cookies es honesto (solo técnicas). Prueba social real en la home (cita de Guía Repsol, Bagá).

P1El camino de compra

Lo que más afecta a «cómo comprar». Nota importante: sé que la compra guiada como tienda principal fue una decisión deliberada (jul 2026) y las propuestas la respetan — se trata de sincerar etiquetas y acortar el camino para quien ya sabe lo que quiere, no de eliminar el asistente.

P11 · Todos los caminos de compra llevan al asistente — incluso los que se llaman «tienda»

Hecho comprobadoEn las 19 páginas auditadas: header «Comprar» → compra-guiada.html; héroe «Comprar los vinos» → asistente; «Ir a la tienda →» (particulares, sostenibilidad, certificaciones, caso práctico) → asistente; pie «Tienda» → asistente. La tienda real (tienda.html) solo es accesible desde el enlace «Prefiero elegir yo por mi cuenta» del propio asistente y desde enlaces secundarios (fichas, carrito, regalo, wine bar y metodología, entre otros).

Por qué importa (criterio CRO)Un enlace que dice «tienda» y abre un cuestionario rompe la expectativa — el visitante decidido (y el que vuelve a comprar) quiere ver producto y precio en 1 clic. Los asistentes convierten muy bien al indeciso, pero castigan al decidido si son ruta única.

PropuestaMantener el asistente como puerta por defecto, pero: (a) sincerar los textos — el CTA al asistente pasa a llamarse «Comprar con RUUUTUS →» o «Montar mi caja», y todo lo que diga «Tienda»/«Ir a la tienda» apunta de verdad a tienda.html; (b) en el paso 1 del asistente, subir «Prefiero elegir yo por mi cuenta →» a la zona visible (hoy queda debajo de las tarjetas); (c) en el header, dos entradas: «Comprar» (asistente) y «Los vinos» (catálogo con precios).

P12 · El precio aparece demasiado tarde

Hecho comprobadoNi la puerta, ni la home de particulares (840 palabras, 12,3 pantallas móviles), ni la ficha de vino, ni el paso 1 del asistente muestran un solo precio por botella (0 apariciones de «€» en esas páginas; en el asistente solo un total «0,00 €»). El primer precio visible del recorrido está en tienda.html / los-vinos.html: 18,50 € (Nº1–4), 19,90 € (Nº5), 25,00 € (Nº6), personalización +4 €/botella.

Por qué importaEl precio es la pregunta nº1 de cualquier visitante de una tienda online; ocultarlo hasta el 3er–4º clic genera desconfianza («será caro») justo en una marca que presume de cuentas claras. Además el rango 18,50–25 € posiciona: es información de marketing, no solo transaccional.

Propuesta(a) En la home, en la sección «Seis vinos», añadir el precio a cada tarjeta o al menos un «desde 18,50 € · IVA incluido» con CTA; (b) ficha de vino: precio + botón «＋ Añadir a mi caja» (hoy solo «Comprar en la tienda online →»); (c) asistente paso 1: una línea «6 vinos · desde 18,50 €/botella · cajas de 6»; (d) puerta: «desde 18,50 €» en el panel particular. Encaja además con la narrativa de «Las cuentas claras».

P13 · El producto no está en el primer nivel del menú

Hecho comprobadoLa navegación visible es: logo · «RUUUTS ▾» (desplegable con 7 páginas: La bodega, Los vinos, El proyecto, Las cuentas claras, Certificaciones, Cómo funciona, Nuestro Wine Bar) · «Caso práctico» · «Comprar» · idiomas · cesta · cuenta. «Los vinos» — el producto — está dentro del desplegable.

Por qué importaEn una tienda online el producto es la ruta más demandada; esconderlo tras un hover con nombre de marca («RUUUTS ▾» no anuncia qué contiene) añade un clic y ambigüedad. «Caso práctico», en cambio, ocupa primer nivel siendo contenido de apoyo.

PropuestaHeader: Los vinos · El proyecto ▾ (resto) · Caso práctico · Comprar. Mismo orden en el menú móvil. El desplegable pasa a llamarse «El proyecto ▾» (anuncia contenido, no marca).

P2El mensaje y la home

P24 · El héroe promete «mucho»; el dato exacto ya existe y es mejor

Hecho comprobadoHéroe actual: «…la ampliamos un 50% por si acaso, y el resultado lo multiplicamos por mucho: cada caja entregada equivale a 100 kg de CO₂ retirados de la atmósfera.» La cifra concreta ya se usa en otras páginas: «unas 13 veces nuestra huella» (Impacto) y «unas 13× su huella» (certificado del caso práctico).

Por qué importa«Por mucho» es la única vaguedad en una web que presume — con razón — de números. Un multiplicador concreto es más creíble, más memorable y más defendible (la cifra ya está publicada en la propia web).

Propuesta«…y compensamos unas 13 veces nuestra huella: cada caja entregada equivale a 100 kg de CO₂ retirados de la atmósfera.» (Misma longitud, cero jerga nueva. Wording final a validar con la revisión ECGT que ya tenéis en marcha.)

P25 · Home móvil de 12,3 pantallas sin CTA de compra intermedio

Hecho comprobadoLa home de particulares mide 12,3 pantallas en móvil (390×844). Orden de CTAs: héroe («Comprar los vinos», «Conocer el proyecto») → «Diseñar mi etiqueta» → «Regalar RUUUTS» / «Tarjeta regalo» → «Ir a la tienda» (sección final «Llena tu caja», ~pantalla 10) → «Conocer el bar». La sección «Seis vinos» (el producto) muestra las 6 etiquetas sin precio y sin botón.

Por qué importaEn móvil, el 90% del recorrido de la home no ofrece ninguna acción de compra. Quien se convence en «Seis vinos» o en «Las cuentas claras» no tiene dónde hacer clic y debe volver arriba o llegar al final.

Propuesta(a) Tarjetas de «Seis vinos» con precio y «＋ Añadir» (reutilizando el patrón de Los vinos); (b) repetir un CTA de compra tras «Las cuentas, claras» y tras «Seis vinos»; (c) valorar una barra fija inferior en móvil («desde 18,50 € · Comprar») que aparezca tras pasar el héroe; (d) subir «Seis vinos» por delante de «¿Para quién es tu RUUUTS?» — primero qué vendo, luego para quién.

P26 · Cinco páginas para la confianza CO₂: contenido excelente, jerarquía difusa

Hecho comprobadoEl bloque de confianza vive en 5 páginas: El proyecto (1.198 palabras), Metodología (1.156), Certificaciones (572), Las cuentas claras (692) e Impacto. La escala 100/16,7/2,8 aparece repetida en El proyecto y Certificaciones; Impacto además no tiene menú de navegación (solo logo y filtros, sin vuelta al resto de la web).

Por qué importaQuerías explicarlo todo sin renunciar a nada — el contenido está y es bueno. Lo que falta es un mapa: el visitante no sabe si «El proyecto», «Metodología», «Certificaciones» y «Las cuentas claras» son cosas distintas, y puede leer lo mismo dos veces o abandonar antes de llegar a la que le convencería.

Propuesta(a) «El proyecto» como hub: su cierre pasa a ser 4 tarjetas con promesa clara — «La metodología, gramo a gramo» · «Certificados verificables» · «Por qué no encarece tu vino» · «Nuestro impacto en vivo»; (b) la escala 100/16,7/2,8 se cuenta entera una vez (Certificaciones) y en el resto se referencia; (c) añadir el header estándar a Impacto; (d) una mini-FAQ de 5 preguntas en Cómo funciona (¿pago más por lo verde?, ¿devoluciones con etiqueta propia?, ¿cuándo llega?, ¿factura?, ¿verificar certificado?).

P27 · Tres opciones de suscripción «muy pronto» ocupan la mitad del selector

Hecho comprobadoEn la tienda, el bloque «¿Cómo la quieres?» muestra 4 botones: «Compra directa» (activo) y «Mensual», «Trimestral», «Anual» — los tres deshabilitados con la etiqueta «muy pronto».

Por qué importaTres botones muertos en el punto de decisión añaden ruido y una micro-decepción («quería suscribirme y no puedo») justo antes de añadir al carrito.

PropuestaOcultar los tramos deshabilitados y dejar un único aviso discreto: «🔁 Suscripción con descuento — muy pronto. Avísame →» (capturando email). Cuando se active, recuperar los 3 tramos con sus descuentos.

P3Pulido y consistencia

P310 · Detalles menores comprobados

Hechos(a) El velo verde de la primera visita a la home dura 6 s en total (1,5 s de espera + 4,5 s de barrido; solo 1ª visita de la sesión; respeta reduced-motion). (b) Conviven dos catálogos: «Los vinos» (lista con añadir) y la tienda (carrusel de 1 vino con miniaturas). (c) El carrito vacío ofrece «Ver los vinos» — correcto — pero llega con el CO₂ a cero y sin sugerencia de caja.

Propuestas(a) Acortar el velo a ~2,5 s — el guiño se entiende igual y la home «arranca» antes; (b) a medio plazo, valorar unificar tienda y catálogo en un único grid transaccional con el panel «Tu caja» fijo (los dos patrones ya existen; es combinar, no crear); (c) en carrito vacío, añadir «Pack RUUUTS: uno de cada» como arranque en 1 clic.

Plan priorizado

Ordenado por impacto esperado en claridad y conversión frente a esfuerzo. Nada de esto se ha tocado: es la lista para decidir juntos por dónde empezar.

Método y verificación

Para cumplir la regla de «solo hechos comprobados al 100%»:

• Fuente: la web publicada. Se verificó por SHA-256 que los 23 archivos auditados (19 páginas + ruuuts.css + 3 JS) servidos por ruuuts.com son idénticos byte a byte a los de tu carpeta local.
• Render: capturas en Chromium a 390×844 (móvil, con tipografías Manrope/EB Garamond/Caveat reales autoalojadas) y 1440×900 (escritorio), página completa y primer pantallazo, más comprobación visual cruzada en tu Chrome contra ruuuts.com en vivo (héroe y tienda idénticos).
• Datos: títulos, h1, navegación, destinos de todos los enlaces de compra, recuentos de palabras, alturas de página y presencia de precios extraídos del DOM renderizado — no de memoria ni de suposiciones.
• Lo que NO está comprobado (y se presenta como criterio, no como hecho): los juicios de impacto en conversión son práctica experta de CRO/UX — la web no tiene analítica, así que no hay datos propios de comportamiento; no se probó el checkout con pago real; se auditó solo la versión en español.