Un sitio web promocional narrativo para una marca de manzanas, que utiliza el diseño de una mascota y principios de UX/UI para ayudar a los clientes a conocer las variedades y comprar con confianza.
Muy pronto en español
Estamos traduciendo el sitio — la versión en español llega muy pronto.
Contexto
Por lo general, la gente elige las manzanas de forma rápida y casi aleatoria: una verde si busca algo ácido, una roja para hornear o simplemente la que mejor aspecto tenga en el expositor.
Esa dinámica cambió cuando "Sobrano v sadu", la primera marca centrada de forma monográfica en la manzana, acudió a nosotros con la necesidad de un sitio web promocional que representara a la marca en el entorno digital y educara al usuario de forma amena. A diferencia de los productores convencionales, para ellos la manzana es un producto que merece ser explicado y descubierto, guiando al consumidor a través de su variedad, sabor u origen.
Objetivos
Construir un sitio web promocional memorable para la marca. Reforzar el conocimiento del producto y la diferenciación entre variedades. Presentar la gama de manzanas de forma clara, didáctica y estructurada. Respaldar una percepción de marca más premium, refinada y adulta. Conectar el entorno offline y el online a través de códigos QR en el envasado que dirijan a contenido exclusivo. Dotar a la marca de una identidad más atractiva y con mayor carga emocional. Elevar la conversión facilitando una toma de decisión más clara en el punto de elección. Estimular la intención de compra mediante un relato de producto más sólido. Reducir las dudas del consumidor entre variedades, favoreciendo una compra más ágil y decidida.
El problema de fondo no era la falta de interés por las manzanas, sino la ausencia de un lenguaje para describirlas. La mayoría de los competidores comunican de forma meramente funcional y transaccional, sin explicar los matices de sabor entre variedades ni sus posibilidades culinarias.
Entendimos que si tratábamos a las manzanas como una categoría con narrativa propia, el usuario no solo distinguiría las diferencias, sino que desarrollaría preferencia, curiosidad y confianza. Este cambio influye directamente en el comportamiento de compra: cuando alguien entiende lo que elige, compra con mayor convicción y vuelve buscando variedades específicas.
De ahí surgió la idea de convertir cada variedad en un pequeño relato —un punto intermedio entre la ficha descriptiva y el microcuento— donde el sabor, el origen y las recomendaciones de uso formaran parte de una experiencia coherente.
El proceso
Iniciamos con una fase de exploración conceptual desarrollando dos direcciones creativas opuestas antes de la producción final. Ambas exploraban cómo posicionar la manzana más allá del producto de cesta básica: una mediante una visión premium inspirada en el concepto de terroir; la otra, a través de un enfoque más poético basado en un jardín de cuento de hadas con guiños a la tradición literaria. La opción seleccionada fue esta última, convirtiendo la web en una suerte de huerto digital.
El lenguaje visual se construyó sobre una ilustración serena, deudora de los láminas botánicas clásicas, los libros antiguos y una atmósfera suave y nostálgica. Un pilar clave fue el rediseño de la mascota: el erizo que ya figuraba en los envases. Lo evolucionamos hacia un guía digital más maduro, encargado de acompañar al usuario por el sitio e introducir cada variedad con breves apuntes. La mascota actuó además como puente entre el packaging físico y la experiencia web mediante códigos QR impresos en el producto.
Estructuramos el sitio como un sistema narrativo por capas: página principal, sección de historia de marca y páginas individuales por cada variedad. Cada ficha de producto se diseñó como una historia independiente que combina origen, notas de cata, textura, aroma y usos recomendados (repostería, ensaladas o consumo fresco). El proceso de diseño pasó por múltiples iteraciones para equilibrar narrativa, legibilidad y rendimiento, dando como resultado un espacio más amplio, un uso del color contenido y delicados acentos manuscritos que refuerzan el tono de marca sin recargar la experiencia de usuario.
Después estructuramos el sitio como un sistema narrativo de varias capas: una página principal, una sección con la historia de la marca y páginas individuales para cada variedad de manzana. Cada página de variedad se diseñó como una minihistoria autónoma que combina origen, descripción del sabor, textura, aroma y usos recomendados, como hornear, preparar ensaladas o el consumo diario. El proceso de diseño pasó por varias iteraciones para equilibrar narrativa, legibilidad y rendimiento, y dio como resultado un sistema con más espacio visual, un uso contenido del color y sutiles acentos manuscritos que reforzaban el tono de la marca sin abrumar la experiencia del usuario.
El resultado
El sitio web final se convirtió en algo más que una presentación digital: se transformó en un ecosistema narrativo estructurado donde la comprensión del producto guía de forma natural la decisión del usuario. Al traducir las variedades de manzana en relatos claros y atractivos, redujimos la duda en el momento de la elección, haciendo el proceso mucho más intuitivo.
Esta claridad tuvo un impacto directo en la eficacia comercial: los usuarios navegan con mayor fluidez, entienden las diferencias con facilidad y eligen con más seguridad, lo que impulsa el potencial de conversión del catálogo.
Al mismo tiempo, la marca consolidó una presencia digital premium y coherente donde el relato, el diseño y la lógica de producto funcionan en sintonía. La web reforzó la confianza, incrementó el interés por las distintas variedades y sentó una base escalable para la comunicación y promoción de futuros lanzamientos.