Rediseño web: de la marca líder de queso crema gallega reconocida internacionalmente
Rediseño de la web corporativa de una marca líder de quesos para conectar pequeños consumidores, chefs y empresas industriales de producción de alimentos, desde la auditoría SEO de la antigua web, el concepto, llegando al prototipado y desarrollo en WordPress (Elementor).
Role
Design / Project Manager
Industria
Alimentación
Fecha
2023
Proceso de diseño
Para el desarrollo del proyecto, se empleó una metodología adaptada del Design Thinking, centrada en comprender las necesidades de los usuarios y traducirlas en soluciones efectivas. El proceso se estructuró en cuatro etapas clave:
Empatizar: Exploramos las necesidades de los usuarios a través de la investigación, con el objetivo de comprender su contexto, expectativas y desafíos.
Definir: A partir de los hallazgos, identificamos los problemas clave que debíamos resolver, estableciendo el marco de acción del diseño.
Idear: Generamos posibles soluciones, fomentando la creatividad y explorando diversas aproximaciones para responder a los desafíos identificados.
Diseñar: Refinamos y materializamos las ideas en soluciones tangibles, asegurando que fueran viables, deseables y alineadas con los objetivos del proyecto.
Este enfoque nos permitió desarrollar un producto alineado con las expectativas del usuario, optimizando la experiencia y asegurando su impacto en el mercado.
Roadmap de trabajo (gestión del proyecto)
Iniciamos definiendo el roadmap para dividir el proyecto en fases, estructurar los tiempos y coordinar las tareas con el equipo de marketing y comunicación del cliente.
Para la gestión del proyecto, se aplicó la metodología en cascada, un enfoque secuencial que permite estructurar el desarrollo en fases definidas y consecutivas. Este modelo garantiza un control preciso del proceso, estableciendo entregables claros en cada etapa antes de avanzar a la siguiente.
Su aplicación en proyectos digitales facilita la planificación detallada, la asignación eficiente de recursos y el cumplimiento de plazos, asegurando coherencia en la ejecución y alineación con los objetivos estratégicos.
Fase 1: Investigar
En esta primera fase, realizamos una reunión con el equipo de marketing de Quescrem para alinear objetivos, entender sus necesidades y definir el alcance del proyecto. Durante esta sesión, analizamos el contexto del negocio, las expectativas de la marca y los desafíos a abordar. Además, recopilamos información clave sobre la audiencia objetivo, los valores de la empresa y las oportunidades en el mercado. Todo este trabajo se documentó en un briefing detallado, que sirvió como punto de partida para guiar las siguientes fases del proceso de diseño.
Desk Research
Llevamos a cabo un desk research para analizar el mercado y comprender el posicionamiento de las principales marcas de queso en España. Esta investigación exploratoria nos permitió identificar referentes del sector, analizar sus estrategias de comunicación, propuesta de valor y diferenciación en el mercado. A partir de este análisis, obtuvimos insights clave sobre tendencias, expectativas de los consumidores y oportunidades de mejora, que sirvieron como base para el desarrollo del proyecto.
Algunas marcas analizadas en el benchmark fueron: Philadelphia, President, García Baquero, Valdecabras, entre otras.
SEO Audit
Realizamos una auditoría completa del sitio web, analizando en detalle los factores clave que influyen en su posicionamiento SEO. Durante este proceso, identificamos hallazgos relevantes que nos ayudaron a consolidar el contexto inicial y definir áreas de mejora.
Principales problemas detectados:
Arquitectura web y errores de indexación
La estructura del sitio no solo presentaba problemas de usabilidad, sino que también contenía errores graves, como múltiples páginas 404 y enlaces rotos. Esto afectaba negativamente el índice global de la web, impactando su posicionamiento en los motores de búsqueda.Problemas con el etiquetado Hreflang
La configuración de las etiquetas Hreflang era incorrecta, lo que generaba inconsistencias en las diferentes versiones idiomáticas del sitio y afectaba la correcta distribución del tráfico internacional.Deficiencias en el contenido y SEO on-page
Falta de una estructura clara de headings (H1, H2, H3, etc.) para optimizar la jerarquía del contenido.
Ausencia de un análisis de palabras clave, lo que limitaba el alcance orgánico.
Contenido duplicado en varias páginas, generando problemas de canibalización SEO.
Estrategia de linkbuilding inexistente
No se había desarrollado una estrategia de enlazado interno ni externo, lo que debilitaba la autoridad del dominio. Además, se detectaron anchor texts poco optimizados y sin coherencia estratégica.Optimización de las SERPs
Las páginas no contaban con títulos, metadescripciones ni llamados a la acción (CTAs) optimizados, lo que afectaba su visibilidad y tasa de clics en los resultados de búsqueda.Problemas de usabilidad y accesibilidad
Falta de un diseño responsive, dificultando la experiencia en dispositivos móviles.
Sobrecarga cognitiva para el usuario, sin una estructura clara ni jerarquía visual.
Deficiencias en contraste y accesibilidad, afectando la legibilidad y la navegación.
Diseño inconsistente, impactando la experiencia del usuario y la eficiencia en la resolución de tareas.
Bajo rendimiento y velocidad de carga crítica
La web presentaba tiempos de carga excesivamente altos, afectando tanto la experiencia del usuario como el posicionamiento en buscadores.
Consecuencia:
Todas estas deficiencias han impactado negativamente la autoridad del dominio, reduciendo su capacidad de posicionamiento y visibilidad en los motores de búsqueda.
Entrevistas
Para comprender mejor las necesidades de los usuarios y detectar desafíos específicos, realizamos entrevistas con cuatro perfiles clave: dos empleados de Quescrem y dos chefs profesionales.
Tras un análisis detallado de las conversaciones, identificamos patrones y tendencias que nos permitieron extraer conclusiones relevantes sobre sus experiencias y expectativas.
Revisamos también las reseñas y opiniones de los usuarios, este tipo de comentarios en concreto llamó nuestra atención:
No existe una información clara de los puntos de venta del producto. Algunas reseñas pueden perjudicar la reputación de la marca.
Fase 2: Definir
User personas
Creamos dos perfiles ficticios que encapsulan las características y necesidades de los usuarios ideales para nuestro producto.
Arquitectura de la información
Proceso de diseño
Para el desarrollo del proyecto, se empleó una metodología adaptada del Design Thinking, centrada en comprender las necesidades de los usuarios y traducirlas en soluciones efectivas. El proceso se estructuró en cuatro etapas clave:
Empatizar: Exploramos las necesidades de los usuarios a través de la investigación, con el objetivo de comprender su contexto, expectativas y desafíos.
Definir: A partir de los hallazgos, identificamos los problemas clave que debíamos resolver, estableciendo el marco de acción del diseño.
Idear: Generamos posibles soluciones, fomentando la creatividad y explorando diversas aproximaciones para responder a los desafíos identificados.
Diseñar: Refinamos y materializamos las ideas en soluciones tangibles, asegurando que fueran viables, deseables y alineadas con los objetivos del proyecto.
Este enfoque nos permitió desarrollar un producto alineado con las expectativas del usuario, optimizando la experiencia y asegurando su impacto en el mercado.
Roadmap de trabajo (gestión del proyecto)
Iniciamos definiendo el roadmap para dividir el proyecto en fases, estructurar los tiempos y coordinar las tareas con el equipo de marketing y comunicación del cliente.
Para la gestión del proyecto, se aplicó la metodología en cascada, un enfoque secuencial que permite estructurar el desarrollo en fases definidas y consecutivas. Este modelo garantiza un control preciso del proceso, estableciendo entregables claros en cada etapa antes de avanzar a la siguiente.
Su aplicación en proyectos digitales facilita la planificación detallada, la asignación eficiente de recursos y el cumplimiento de plazos, asegurando coherencia en la ejecución y alineación con los objetivos estratégicos.
Fase 1: Investigar
En esta primera fase, realizamos una reunión con el equipo de marketing de Quescrem para alinear objetivos, entender sus necesidades y definir el alcance del proyecto. Durante esta sesión, analizamos el contexto del negocio, las expectativas de la marca y los desafíos a abordar. Además, recopilamos información clave sobre la audiencia objetivo, los valores de la empresa y las oportunidades en el mercado. Todo este trabajo se documentó en un briefing detallado, que sirvió como punto de partida para guiar las siguientes fases del proceso de diseño.
Desk Research
Llevamos a cabo un desk research para analizar el mercado y comprender el posicionamiento de las principales marcas de queso en España. Esta investigación exploratoria nos permitió identificar referentes del sector, analizar sus estrategias de comunicación, propuesta de valor y diferenciación en el mercado. A partir de este análisis, obtuvimos insights clave sobre tendencias, expectativas de los consumidores y oportunidades de mejora, que sirvieron como base para el desarrollo del proyecto.
Algunas marcas analizadas en el benchmark fueron: Philadelphia, President, García Baquero, Valdecabras, entre otras.
SEO Audit
Realizamos una auditoría completa del sitio web, analizando en detalle los factores clave que influyen en su posicionamiento SEO. Durante este proceso, identificamos hallazgos relevantes que nos ayudaron a consolidar el contexto inicial y definir áreas de mejora.
Principales problemas detectados:
Arquitectura web y errores de indexación
La estructura del sitio no solo presentaba problemas de usabilidad, sino que también contenía errores graves, como múltiples páginas 404 y enlaces rotos. Esto afectaba negativamente el índice global de la web, impactando su posicionamiento en los motores de búsqueda.Problemas con el etiquetado Hreflang
La configuración de las etiquetas Hreflang era incorrecta, lo que generaba inconsistencias en las diferentes versiones idiomáticas del sitio y afectaba la correcta distribución del tráfico internacional.Deficiencias en el contenido y SEO on-page
Falta de una estructura clara de headings (H1, H2, H3, etc.) para optimizar la jerarquía del contenido.
Ausencia de un análisis de palabras clave, lo que limitaba el alcance orgánico.
Contenido duplicado en varias páginas, generando problemas de canibalización SEO.
Estrategia de linkbuilding inexistente
No se había desarrollado una estrategia de enlazado interno ni externo, lo que debilitaba la autoridad del dominio. Además, se detectaron anchor texts poco optimizados y sin coherencia estratégica.Optimización de las SERPs
Las páginas no contaban con títulos, metadescripciones ni llamados a la acción (CTAs) optimizados, lo que afectaba su visibilidad y tasa de clics en los resultados de búsqueda.Problemas de usabilidad y accesibilidad
Falta de un diseño responsive, dificultando la experiencia en dispositivos móviles.
Sobrecarga cognitiva para el usuario, sin una estructura clara ni jerarquía visual.
Deficiencias en contraste y accesibilidad, afectando la legibilidad y la navegación.
Diseño inconsistente, impactando la experiencia del usuario y la eficiencia en la resolución de tareas.
Bajo rendimiento y velocidad de carga crítica
La web presentaba tiempos de carga excesivamente altos, afectando tanto la experiencia del usuario como el posicionamiento en buscadores.
Consecuencia:
Todas estas deficiencias han impactado negativamente la autoridad del dominio, reduciendo su capacidad de posicionamiento y visibilidad en los motores de búsqueda.
Entrevistas
Para comprender mejor las necesidades de los usuarios y detectar desafíos específicos, realizamos entrevistas con cuatro perfiles clave: dos empleados de Quescrem y dos chefs profesionales.
Tras un análisis detallado de las conversaciones, identificamos patrones y tendencias que nos permitieron extraer conclusiones relevantes sobre sus experiencias y expectativas.
Revisamos también las reseñas y opiniones de los usuarios, este tipo de comentarios en concreto llamó nuestra atención:
No existe una información clara de los puntos de venta del producto. Algunas reseñas pueden perjudicar la reputación de la marca.
Fase 2: Definir
User personas
Creamos dos perfiles ficticios que encapsulan las características y necesidades de los usuarios ideales para nuestro producto.
Arquitectura de la información
Fase 3: Idear
En esta etapa, nos enfocamos en generar soluciones creativas a partir de los aprendizajes obtenidos en la investigación. Para ello, llevamos a cabo un proceso de brainstorming estructurado, con el objetivo de explorar diversas ideas antes de definir la dirección final del diseño.
El proceso se desarrolló en varias fases:
Definición del reto
Comenzamos estableciendo claramente el problema a resolver, asegurándonos de que todos los participantes tuvieran una comprensión alineada de los objetivos y limitaciones del proyecto.Divergencia y generación de ideas
A través de técnicas como brainwriting, y mapas mentales, propusimos múltiples enfoques sin limitaciones, fomentando la creatividad y evitando la autocensura en esta primera fase.Agrupación y filtrado
Una vez generadas las ideas, las organizamos por categorías, identificando similitudes y descartando aquellas menos viables en función de los criterios del proyecto.Priorización y validación
Seleccionamos las soluciones con mayor potencial basándonos en su factibilidad, impacto y alineación con las necesidades del usuario y los objetivos de negocio.
Este ejercicio nos permitió definir una base sólida para la estructuración de los primeros wireframes, garantizando que las soluciones fueran coherentes, viables y centradas en la experiencia del usuario.
Fase 4: Diseñar
En esta etapa, transformamos las ideas seleccionadas en propuestas visuales concretas, asegurando que el diseño estuviera alineado con la identidad de Quescrem. Para ello, seguimos las directrices del manual corporativo, respetando su estética, tono y valores de marca.
El trabajo incluyó el diseño de diferentes landings orientadas a campañas específicas, como el lanzamiento de un nuevo producto para Navidad. Estas páginas fueron concebidas para maximizar el impacto visual, mejorar la experiencia del usuario y optimizar la conversión.
Finalmente, presentamos el proyecto a los stakeholders de Quescrem, explicando las decisiones estratégicas detrás de cada diseño y cómo estas soluciones contribuirían a los objetivos de la marca.
Posteriormente, con el diseño validado pasamos a desarrollarlo en WordPress implementando Elementor Pro.
Conclusiones:
Este proyecto aplicó un enfoque estructurado y escalable de diseño, alineando cada fase con los objetivos estratégicos de Quescrem. A través de investigación de mercado, entrevistas y auditorías digitales, logramos una comprensión profunda del negocio, permitiéndonos definir problemas clave y plantear soluciones viables.
Las técnicas empleadas, como brainstorming, wireframing y diseño iterativo, garantizaron una propuesta coherente, siguiendo las directrices del manual corporativo. Además, diseñamos landings específicas para campañas, como el lanzamiento de productos navideños.
Finalmente, la presentación a los stakeholders consolidó el proyecto, estableciendo una base escalable para futuras optimizaciones y fortaleciendo la presencia digital de Quescrem.
Fase 4: Diseñar
En esta etapa, transformamos las ideas seleccionadas en propuestas visuales concretas, asegurando que el diseño estuviera alineado con la identidad de Quescrem. Para ello, seguimos las directrices del manual corporativo, respetando su estética, tono y valores de marca.
El trabajo incluyó el diseño de diferentes landings orientadas a campañas específicas, como el lanzamiento de un nuevo producto para Navidad. Estas páginas fueron concebidas para maximizar el impacto visual, mejorar la experiencia del usuario y optimizar la conversión.
Finalmente, presentamos el proyecto a los stakeholders de Quescrem, explicando las decisiones estratégicas detrás de cada diseño y cómo estas soluciones contribuirían a los objetivos de la marca.
Posteriormente, con el diseño validado pasamos a desarrollarlo en WordPress implementando Elementor Pro.
Conclusiones:
Este proyecto aplicó un enfoque estructurado y escalable de diseño, alineando cada fase con los objetivos estratégicos de Quescrem. A través de investigación de mercado, entrevistas y auditorías digitales, logramos una comprensión profunda del negocio, permitiéndonos definir problemas clave y plantear soluciones viables.
Las técnicas empleadas, como brainstorming, wireframing y diseño iterativo, garantizaron una propuesta coherente, siguiendo las directrices del manual corporativo. Además, diseñamos landings específicas para campañas, como el lanzamiento de productos navideños.
Finalmente, la presentación a los stakeholders consolidó el proyecto, estableciendo una base escalable para futuras optimizaciones y fortaleciendo la presencia digital de Quescrem.
Otros proyectos
Rediseño de plataforma: para el grupo español de expertos en piscinas que buscan la mejor solución de gestión y venta.
Creando la mejor plataforma europea para conectar usuarios interesados en piscinas, mejorando su experiencia y alineándola con los objetivos de negocio y stakeholders.
Rediseño de una web corporativa y comercial, que incluye el diseño de un tarificador en línea de piscinas
Transformando el ecosistema de las piscinas con una plataforma diseñada para optimizar la captación de leads calificados de manera interactiva. A través de una herramienta intuitiva, los usuarios pueden obtener cotizaciones en línea adaptadas a sus necesidades, agilizando el proceso de compra y facilitando el cierre de ventas para la marca.