MAFELSA Distribuidora
Sitio corporativo con catálogo de 10 productos forestales y 3 servicios, más un admin Filament para reemplazar contenido estático.
- 10
- Productos
- 3
- Servicios
- 3
- Entidades CRUD
- Laravel
- Filament
- Tailwind CSS
- Vite
- Pest
- MySQL
- Axios
Problema
MAFELSA es una distribuidora forestal peruana con 23 años en el mercado: eucalipto, pino, bambú, esteras, pallets, chip de madera. Su web previa era HTML estático: cambiar el precio de un producto, agregar un nuevo servicio o ver quién había llenado el formulario de contacto requería abrir un editor y hacer commit a mano.
El equipo comercial no es técnico y necesitaba autonomía para mantener el catálogo y leer mensajes sin depender de un dev.
Aproximación
Greenfield Laravel + Filament + MySQL. El sitio público sigue siendo HTML rápido (server-rendered desde Laravel) pero el contenido viene de una BD que el equipo administra desde Filament: 3 entidades CRUD (productos, servicios, mensajes de contacto) + un dashboard con productos activos, servicios activos y mensajes no leídos.
Decisiones
-
Filament sobre admin Laravel custom: para una empresa que no estaba pagando un servicio SaaS y necesitaba autonomía editorial, Filament era el camino con menor TCO. Genera resources tipados (con validación, búsqueda, paginación, filtros) en una declaración de clase. Custom admin habría sumado semanas de trabajo no diferencial al producto.
-
AVIF para imágenes de productos: las fotos de productos forestales son fotografías reales (no ilustraciones), donde AVIF reduce 30–50% el peso vs WebP con calidad equivalente. En el contexto peruano (alto porcentaje de tráfico móvil sobre 4G), cada KB cuenta para que el catálogo cargue rápido. Filament soporta AVIF en su image uploader sin plugins.
-
Live chat widget de tercero (sobre construir uno propio): el equipo necesitaba atención al cliente en horario laboral, no un sistema de tickets ni historial conversacional largo. Embedar un widget gratuito (Tawk.to o similar) tomó minutos y entregó el valor de negocio; construir uno propio habría sido sobreingeniería para 3 servicios.
Resultado
- 10 productos y 3 servicios completamente administrables (antes 0 — todo era estático).
- Tiempo de actualización de contenido: de “abrir un PR” (horas) a “editar en Filament y guardar” (segundos).
- Mensajes de contacto centralizados, con badge de no leídos en el dashboard.
- El equipo comercial mantiene el sitio sin intervención técnica desde el lanzamiento.