Contexto
Mobboli es una firma de mobiliario contemporáneo con fuerte foco en color, tapicerías y sostenibilidad. El objetivo: evolucionar su web hacia una experiencia editorial de marca que potencie colecciones, acabados y proyectos contract, conectando con prescriptores (arquitectura/interiorismo) y distribuidores.
Objetivos del proyecto
Expresar identidad: un lenguaje visual vibrante, tipografía limpia y narrativa de diseño.
Potenciar producto: navegación clara por colecciones, familias y variantes.
Facilitar la prescripción: fichas técnicas completas, recursos y acabados accesibles.
Captar demanda: formularios segmentados para proyectos, muestras y distribución.
Mejorar SEO: estructura semántica y taxonomías por tipología, uso y material.
Alcance
Arquitectura de la información orientada a colecciones, piezas y ambientes (home/office/hospitality).
UX/UI con enfoque editorial (look & feel cromático, módulos de storytelling, uso de fotografía en gran formato).
Desarrollo responsive y accesible (WCAG AA) con rendimiento optimizado para Core Web Vitals.
Fichas de producto: galería, variantes (base, tapicería, medidas), descargas (ficha, CAD/BIM), certificaciones y proyectos relacionados.
Selector de acabados (tapicerías, maderas, metales) con combinaciones previsualizadas.
Colecciones y diseñadores: páginas que conectan piezas, procesos y notas de diseño.
Recursos para prescripción: catálogos, guías de mantenimiento, bancos de material.
SEO técnico: schema de producto/organización, metadatos, sitemap y redirecciones.
Analítica: eventos de interacción (descargas, solicitudes de muestra, listas de favoritos).
Metodología
Descubrimiento: workshops con marketing/ventas y mapa de audiencias (prescriptor, retail, comprador final).
Contenido & taxonomía: nomenclatura de colecciones, filtros y atributos de producto.
Prototipado: wireframes → prototipo navegable → diseño UI final.
Desarrollo con componentes reutilizables y media optimizada (lazy, formatos next-gen).
QA + Accesibilidad: contraste, teclado, etiquetas ARIA y pruebas de rendimiento.
Migración de contenidos y puesta en producción con plan de redirecciones.
Formación al equipo y guía de publicación.
Resultados
Identidad digital coherente que resalta color y materiales.
Búsqueda y filtrado más rápidos por tipología, uso, diseñador y acabado.
Fichas ricas que reducen consultas repetitivas y aceleran la prescripción.
Mejor captación de leads cualificados (muestras, proyectos y distribución).
Visibilidad orgánica ampliada gracias a la estructura semántica y contenidos editoriales.
Principales funcionalidades
Listados de Colecciones y Productos con filtros dinámicos y orden por relevancia.
Comparador de variantes y guardado en favoritos para compartir con clientes.
Selector de acabados con previsualización y ficha de materiales descargable.
Páginas de Proyectos (contract/hospitality/office) que relacionan piezas y acabados usados.
Buscador inteligente con sugerencias por colección, diseñador y documento.
Bloques de CTA contextuales (solicitar muestra, pedir presupuesto, localizar distribuidor).
Área de prensa/descargas con media kit y fotografía en alta.
Tecnología y rendimiento
CMS modular (headless) para escalar colecciones y campañas.
Imágenes responsivas con recorte automático por relación de aspecto.
Caché/CDN y métricas de Core Web Vitals monitorizadas.
Mantenimiento y evolución
Roadmap para nuevas colecciones, campañas cromáticas y landing de colaboraciones.
A/B testing de hero, fichas y CTAs.
Revisión continua de SEO técnico, seguridad y accesibilidad.