- Rol
- Front, formularios e integración multi-marca
- Año
- 2023
- Cliente
- Peronda Group
- Sitio
- Visitar
Sobre el proyecto
Harmony Inspire es la marca de Peronda Group orientada al diseño y la inspiración. Su web presenta colecciones cerámicas con un enfoque más editorial: protagonismo de designers, ambientes y journal, sin perder la capacidad de consultar producto y descargar material comercial.
El proyecto forma parte de la plataforma multi-site del grupo, pero Harmony tiene front, rutas y experiencia propios. El catálogo llega desde Peronda Cloud; el contenido de marca (journal, about, designers) se gestiona en el CMS. Stack: Laravel 9, Livewire 2 y Vue 2, con media en S3, multiidioma y captación de leads vía Mailchimp/CRM.
Qué incluye la web
Home editorial con colecciones destacadas (colaboraciones con estudios de diseño). Grid de colecciones / projects con filtros por designers, aspectos, materiales y formatos.
Ficha de colección: la colección, ambientes, piezas, galería, designer y contacto. Sección Designers (listado + ficha con intro, vídeo y colecciones asociadas). The Journal: archivo, single y tags.
Catálogos (grid + visualizador), recursos 3D, about, stand virtual, newsletter y formularios de contacto (marca propia → Mailchimp / CRM). Multiidioma.
Reto y solución
Equilibrar inspiración (imágenes, designers, journal) con utilidad de producto (descargas, ficha, contacto). Se modeló una navegación por colecciones y autores, con páginas de proyecto ricas en media.
Los leads y newsletters se gestionan con el módulo de contacto multi-marca (Livewire, reCAPTCHA, jobs asíncronos).
Stack técnico
PHP 8.2 · Laravel 9.52 · Livewire 2.12 · Vue 2.7 · Laravel Mix, Sass/Stylus. Media library / S3, i18n, SEO, sitemaps. Mailchimp (lista Harmony), colas Redis, AWS. Catálogo sincronizado vía import:harmony desde Peronda Cloud.
Mi aportación
En Harmony participé en el front (colecciones, designers, journal), formularios, newsletter e integración con el ecosistema multi-marca del grupo. Trabajé con Laravel, Livewire y Vue: vistas y flujos propios de la marca, datos de producto desde Peronda Cloud, y contacto/newsletter conectados a Mailchimp y CRM.
Parte de la plataforma multi-marca de Peronda Group (Laravel 9): un codebase, varios dominios, catálogo sincronizado con Peronda Cloud e infraestructura AWS.