Eurocesped
El proyecto
Eurocesped es una marca consolidada del sector del césped artificial, que buscaba actualizar por completo su presencia digital.
Partiendo de una web obsoleta, el objetivo era construir una plataforma moderna, accesible y preparada para comunicar la nueva identidad visual de la marca, con foco especial en mejorar la navegación, la experiencia de usuario y la conversión comercial.
Agencia
Plataforma X las marcas
Rol
Product Designer & Web Implementation
El reto
Se trataba de una web de gran envergadura, con decenas de productos, líneas comerciales, públicos y necesidades técnicas. Un rediseño integral que abarcaba desde la arquitectura de la información hasta el desarrollo a medida.
El reto no solo era de diseño, sino de producción: el proyecto se desarrolló de integralmente por un equipo reducido de solo dos diseñadores entre los que me incluía, teniendo que gestionar toda la fase de diseño de producto y desarrollo web.
Rol y enfoque
Aunque la identidad visual ya estaba definida, asumimos el diseño completo de todas las páginas, diseñando y desarrollando cada sección. Esto incluyó la toma de decisiones fundamentales en cuanto a estructura de contenidos, navegación, jerarquía visual y experiencia responsive.
Fue un trabajo de exploración constante, aprendizaje acelerado y capacidad de reacción diaria ante nuevos retos y cambios.
Visión y Solución
Para no diseñar a ciegas, arrancamos con una foto rápida del sector y del usuario: analizamos competidores directos (venta e instalación de césped artificial) y referentes de retail con catálogos complejos. En paralelo, hicimos un barrido de dudas frecuentes en foros, reseñas y consultas al equipo comercial.
Qué vimos:
La compra no es solo estética: se decide por uso (jardín familiar, terraza/piscina, deporte, paisajismo), por resistencia y altura de fibra, y por mantenimiento. Los sitios que mejor convertían:
- Orientan la navegación por casos de uso antes que por marcas internas
- Ofrecen comparativas simples (dos-tres atributos clave).
- Resuelven dudas de instalación y garantías sin esconderlas
- Muestran foto y vídeo en contexto, gente disfrutando, no solo macro de fibra.
- Cuidan el SEO long-tail con landing pages por necesidad concreta.
Decisiones de diseño clave a partir de esto
Nuestra solución
La solución se centró en rediseñar la experiencia digital de Eurocesped desde cero, creando una arquitectura de la información clara y accesible que facilitara al usuario encontrar el producto adecuado en pocos pasos. Se desarrolló un sistema de navegación optimizado, fichas de producto enriquecidas con comparativas simples y CTAs consistentes, además de landings estratégicas orientadas a SEO para cubrir distintos contextos de uso como jardines, terrazas o instalaciones deportivas. Todo ello apoyado en un banco visual aspiracional que conectaba con familias y situaciones de ocio, alejándose de un enfoque puramente técnico.
El resultado fue una web moderna, escalable y centrada en la conversión, con un diseño visual atractivo y funcional que reforzó la marca y mejoró significativamente la experiencia de compra. Gracias a esta nueva identidad digital, Eurocesped consiguió transmitir cercanía, confianza y profesionalidad, al mismo tiempo que simplificó procesos clave tanto para los usuarios finales como para la propia gestión de contenidos de la empresa.
Definiendo la estructura
Se realizó un diseño modular y escalable para las páginas de producto, permitiendo una adaptación flexible y eficiente a futuras necesidades. Además, se construyó un mega menú que articula y organiza de forma clara toda la estructura del sitio. Se puso especial énfasis en la priorización de la jerarquía visual y la legibilidad, optimizando la experiencia del usuario, especialmente en dispositivos móviles.
Flujo de evaluación de producto y captación
Este flujo refleja la experiencia principal del usuario en la web: descubrir césped, compararlo y, en cualquier momento, convertir mediante la solicitud de una muestra o un presupuesto.
Además, se muestra la opción de registrar la garantía (para clientes ya compradores), indicando la consciencia de fases postventa en la experiencia global
Otros flujos importantes como son ¿Donde comprar? o Distribuidor
Impacato del proyecto
Conversiones online
Durante el primer año tras el lanzamiento.
Visitas al catálogo de productos
Gracias a una arquitectura de información más clara
Tiempo de permanencia
Favorecido por un diseño más visual, fluido y centrado en el usuario.
Mejora en rendimiento
Optimizando la carga en dispositivos móviles y mejorando la experiencia global.
Lo que aprendí
Este fue uno de mis primeros proyectos como diseñador UX/UI, y sin duda uno de los más exigentes. Me permitió aprender a manejar la complejidad de un proyecto real de gran escala, tomar decisiones sin red y aplicar principios de UX/UI desde la intuición, el sentido común y la observación.
Eurocesped fue mi primera gran experiencia como diseñador UX/UI, enfrentándome a un proyecto de escala real y con una complejidad que supuso un reto enorme. Aunque llegué con una base visual ya establecida, asumí junto a mi compañero el diseño, desarrollo y estructuración de todas las páginas clave.
Hoy miro atrás y reconozco cuánto aprendí en este proceso: usabilidad, arquitectura de la información, decisiones de navegación, responsive, sistemas de componentes... Todo fue diseñado y maquetado a cuatro manos, con mucha intuición, dedicación y sentido común.
A día de hoy, rediseñaría muchas cosas. Pero no cambiaría por nada lo que este proyecto me enseñó.