Project Description
Renovación web Krafft
Krafft es un proveedor global y referente de productos químicos para el mundo del recambio del automóvil y para diferentes industrias especializadas. Con casi 70 años de andadura profesional, ofrece productos de alta calidad en los sectores de la automoción, la construcción y la industria
¿Qué hemos hecho?
Basándonos en las necesidades que Krafft requería mejorar, desde Hispavista propusimos un proyecto basado en tres diferentes fases:
- Prototipo: El objetivo era hacer que el sitio web fuese usable, centrándonos en el usuario de Kraftt como el foco principal del sitio web, organizando y clasificando la información relevante en consecuencia. Nuestro enfoque tuvo en cuenta las necesidades reales de la audiencia de Krafft, con el fin de lograr la mejor experiencia del usuario.
- Diseño Visual: En Hispavista entendemos el diseño de manera integral, no sólo como una solución estética, sino también como un refuerzo de la experiencia del usuario, alineando recursos gráficos y estándares de usabilidad a favor de la facilidad de uso. Por eso mismo, el equipo de diseño de Hispavista trabajó en una propuesta visual para el sitio web con la validación del equipo de Krafft. Este diseño fue una representación estática de cómo se vería el sitio web, tratando de representar cualquier interacción o estado activo de manera comprensible.
- Construcción y desarrollo: En esta fase, adaptamos el diseño acordado a la plataforma del sitio web. En términos generales, configuramos el entorno de desarrollo, los encabezados globales, la navegación, los estilos generales y todos los tipos de contenido que el equipo de Krafft pudiera gestionar y crear por sí mismos en el futuro. El diseño se adaptó a todos los dispositivos (desktop, tabletas, teléfonos inteligentes….). El objetivo fue tener una representación fiel del diseño planteado y optimizada para un rendimiento óptimo.
Situación
Krafft detectó la necesidad de readaptar su página web con el fin de incluir las siguientes características dentro de ello:
- Diferenciación de audiencia: Consumidor – Profesional
- Páginas de productos
- Categoría de productos
- Contenidos corporativos, talento y descargas
- Presencia de Redes Sociales
Nuestra solución
- Prototipo: Esta fase detectó las funcionalidades presentes, ausentes o que necesitaban simplificación en el sitio web actual. Esto permitió alinear todas las perspectivas desde el principio y evitar cualquier problema en el desarrollo y el sitio web final. Las principales pantallas en las que trabajamos fueron: Página de inicio, categorías de productos, página individual de productos, teniendo en cuenta la diferenciación de audiencia.
- Diseño Visual: El diseño visual del sitio web se adaptó a las pantallas principales del mercado tanto en dispositivos móviles como en tablets. Hispavista siguió las líneas gráficas y los requisitos visuales que Krafft requiriese. Para lograr un diseño superior y ofrecer una excelente experiencia del usuario, se implementaron principios de interfaz de usuario (UI)aceptados por la comunidad, como consistencia en el diseño, elementos interactivos inequívocos y anticipación y respuesta a las preguntas del usuario.En esta fase se representó tanto el look and feel como también las principales interacciones mediante prototipos interactivos.
- Construcción y desarrollo: De acuerdo con los requisitos planteados tanto a nivel funcional como técnico, se propuso el sistema de gestión de contenido WordPress como la plataforma. Una única instalación de WordPress fue suficiente para alojar todas las páginas, productos, distribuidores y otros contenidos y funcionalidades. WordPress es actualmente el líder indiscutible en el segmento de CMS (Sistema de Gestión de Contenidos) de código abierto, con más del 30% de penetración en sitios web. La combinación de una curva de aprendizaje baja para los editores y una gran flexibilidad para los desarrolladores hace de WordPress una de las soluciones más versátiles en el mercado. Entre las características destacadas, podemos resaltar:
- Basado en código abierto, con una comunidad importante respaldando el desarrollo y cumpliendo ampliamente con los estándares del W3C (Html5, Esquemas Web…), lo que asegura la compatibilidad y la posibilidad de desarrollo y mantenimiento futuro.
- Facilidad de gestión para los editores, con control de perfiles y roles, y la posibilidad de auditar cambios.
- Integración sencilla con otros sistemas mediante protocolos y formatos estándar de difusión de contenido (RSS Feed,…), así como la fácil inserción de código en el frontend (Tag Manager,…) e integración con otras plataformas (Rest API, Xml-RPC…).
Plataforma 100% compatible con SEO desde su concepción y potenciada conplugins externos (All in one Seo, Yoast…) que permiten el correcto funcionamiento del SEO On Page.
- SEO: Se realizó un trabajo inicial de SEO On Page para el posicionamiento. Las principales tareas fueron:
- Creación de títulos y metas de las páginas.
- Registro y seguimiento en Google Search Console después del lanzamiento.
- Mejora del archivo Robots.
- Creación, optimización y registro de sitemap.xml en los motores de búsqueda.
Las tareas detalladas anteriormente tenían como fin que Google leyera el contenido del sitio y que el sitio tuviera presencia en los primeros resultados de los motores de búsqueda. Trabajamos en las páginas principales y categorías del sitio, excluyendo las páginas de noticias y/o blog. Además, después de la publicación del sitio web, se verificó la correcta indexación del sitio en los motores de búsqueda y su migración, para preservar el tráfico anterior. Con el fin de asegurarse de que las URL históricas indexadas por Google siguieran redirigiendo a las nuevas URL del nuevo sitio web, se realizó un mapeo y se instaló las redirecciones en el servidor, para evitar que el lapso de tiempo de Google corrigiera las URL que dan errores 404. Se revisaron y corregieron posibles errores después de la migración utilizando Google Search Console. También se realizó un seguimiento de las URL migradas y la indexación por parte de Google durante un período de un mes, para asegurarse de que Google indexase el 100% del contenido que se había desarrollado.
- Training: Junto con el desarrollo del proyecto, HispaVista ofreció a los clientes formación sobre cómo se administraba el sitio web, junto con un manual de usuario. El objetivo era que el cliente se sintiera cómodo realizando el mantenimiento del sitio web. El contenido de la formación fue directo y también se incluyó en el manual.
- Analytics: Analizamos todo el flujo de tráfico, combinando diferentes estrategias, siempre con la perspectiva de lograr los objetivos (leads, branding, registro para eventos, formularios de contacto, etc.).
Después de medir todos los aspectos de adquisición, retención y conversión, tanto para el tráfico orgánico como para campañas pagadas (si las hay), campañas promocionales para abrir nuevos correos electrónicos, se analizaron todas las métricas.