Sitio web Scanform

El mobiliario es una decisión estratégica

Contexto

Scanform diseña y fabrica mobiliario corporativo en Colombia: sillas, escritorios, mesas y soluciones para oficinas, salud, educación y horeca, con sedes en Bogotá y Medellín. Su sitio tuvo un rediseño completo: el catálogo pasó de páginas estáticas a WooCommerce usado como catálogo, con más de 300 fichas de productos y proyectos, sin precios, pensado para que cada cliente pida asesoría.

🖌️ Figma

🖥️ WordPress

🏗️ Elementor

🛒 WooCommerce

🔎 Yoast SEO

Tipo de proyecto

Diseño y desarrollo web

Rol

Diseño, desarrollo WordPress y SEO

Resultado

Sitio en producción en scanform.com.co, en español e inglés.
312 productos con título y descripción para buscadores, y 13 redirecciones 301 desde el sitio anterior.
Unas 60 imágenes a WebP: cerca de 100 MB menos; la imagen principal del inicio pasó de 2.740 KB a 127 KB.

El reto

Rediseñar el sitio de Scanform. El anterior tenía muchos productos, pero cada uno era una página estática: cualquier cambio se hacía a mano, página por página, y el catálogo era difícil de mantener y de ordenar. Las condiciones:

Una oferta amplia (muebles, sillas, mesas, percheros y más), con líneas de producto y marcas, incluida Vitra.
Contenido del sitio anterior por migrar: productos, proyectos, materiales y banners.
URLs antiguas que Google seguía mostrando, algunas con títulos en inglés del sitio anterior.
Un catálogo sin precios, pensado para que el cliente pida asesoría.

Objetivo

Pasar de páginas estáticas a un catálogo administrable, con una sola plantilla para todas las fichas.
Un catálogo fácil de recorrer por categoría, línea de producto y tipo de proyecto.
Migrar el contenido sin perder posicionamiento.
Un sitio rápido y bien indexado después del lanzamiento.

Mi rol

Me encargué del proyecto de punta a punta:

Diseño: propuesta del nuevo sitio y su navegación.
Desarrollo: construcción en WordPress con Elementor, usando WooCommerce como catálogo.
Contenido: migración y carga masiva de productos, proyectos, materiales y banners del sitio anterior.
SEO técnico: auditoría y optimización después del lanzamiento.

Decisiones clave

WooCommerce como catálogo, no como tienda: en lugar de una página estática por producto, cada mueble es un producto de WooCommerce sin precio ni carrito, y toda la oferta (muebles, sillas, mesas, percheros y más) se muestra con una misma plantilla.
Categorías, taxonomías y etiquetas: la oferta se organiza por categoría, línea de producto y tipo de espacio, así que agregar una ficha o moverla de categoría no exige tocar el diseño.
Navegar como piensa el cliente: menús por tipo de producto, línea de producto, marca Vitra y proyectos por tipo de espacio (trabajo, reuniones, salud, espera, horeca, home, aprendizaje y auditorios).
Los proyectos como prueba: cada proyecto usa la misma estructura del catálogo, con su ficha de fotos y descripción, agrupada por tipo de espacio.
Migración automatizada: carga masiva por CSV y scripts para traer los materiales y los banners del sitio anterior.
SEO desde el lanzamiento: redirecciones de las URLs viejas, metadatos en español para todo el catálogo y limpieza de las páginas que no debían indexarse.

Solución

Inicio: carrusel de ambientes, accesos por tipo de uso (concentración, intercambio, conexión y aprendizaje), categorías, productos destacados y proyectos.
Catálogo: fichas generadas desde WooCommerce con una sola plantilla, organizadas en categorías con submenús.
Proyectos: organizados por tipo de espacio, cada uno con su ficha.
Recursos: catálogos en PDF, materiales por acabado, videos, manual de mantenimiento y garantías.
Contacto: formularios de contacto y suscripción, y botón de WhatsApp.
Idiomas: versión en español e inglés.

Resultados

El sitio está en producción en scanform.com.co, en español e inglés.
Todo el catálogo comparte una plantilla: una ficha nueva o un cambio de categoría se hace desde el administrador, sin diseñar páginas.
312 productos quedaron con título y descripción para buscadores, además de las páginas principales y 16 categorías.
13 redirecciones 301 llevan las URLs del sitio anterior a sus páginas nuevas.
Unas 60 imágenes pesadas pasaron a WebP: cerca de 100 MB menos en total, y la imagen principal del inicio bajó de 2.740 KB a 127 KB.

Aprendizajes

WooCommerce no es solo para vender: usado como catálogo, sus categorías, taxonomías y plantillas hacen que cientos de fichas sean fáciles de mantener.
Un rediseño también es una migración: sin redirecciones ni metadatos, Google sigue mostrando el sitio anterior.
El rendimiento se gana en las imágenes: unas pocas fotos sin optimizar pueden pesar más que todo el código del sitio.

Pantallas relevantes

Inicio, categoría de productos, ficha de producto, proyectos, ficha de proyecto y materiales.

Responsive

En móvil: inicio, categoría de productos, ficha de producto y proyectos.