Portal Mafi de Mafesa: mejorando la experiencia del cliente
Con más de 65 años en el sector, Mafesa se ha consolidado como una empresa de referencia en el ámbito de la distribución y transformación metalúrgica. La proximidad, la confianza y el compromiso con el trabajo bien hecho han sido los pilares de un modelo de negocio que combina experiencia e innovación.

Su actividad se divide en cuatro grandes líneas de negocio: la distribución de hierro y acero; la fabricación de ferralla para la construcción; los servicios de corte láser para proyectos de alta precisión y las soluciones de oxicorte y plasma HD para materiales de gran espesor. Además, ofrece servicios de valor añadido como el corte a medida, granallado, imprimado, perforado o plegado con el objetivo de optimizar los procesos de producción y entregar productos adaptados a cada necesidad.
Su crecimiento se ha basado en el equilibrio entre tecnología y talento humano. La tecnología permite optimizar procesos y mejorar la eficiencia, pero el verdadero diferencial de Mafesa son las personas que hay detrás de cada proyecto. Esta combinación impulsa la mejora continua y refuerza una cultura basada en el compromiso y la innovación.
Con esta filosofía, Mafesa, en colaboración con Itequia, ha desarrollado Mafi, un portal digital que simplifica la gestión de pedidos y mejora la relación con los clientes, ofreciendo una experiencia más eficiente y personalizada.
Mafesa sigue evolucionando, combinando su trayectoria con una apuesta constante por la mejora y la adaptación a las necesidades del mercado.
Lo que buscábamos para nuestros clientes, lo hemos encontrado en Itequia: tecnología y personas. Gracias a su conocimiento y su trato cercano, el proyecto se ha desarrollado de forma ágil y sencilla, aportándonos justo lo que necesitábamos.
Mònica Rovira. Técnico de marketing en Mafesa.
01. El Reto
El proyecto del portal Mafi presentaba varios desafíos significativos:
- Complejidad de productos: Mafesa maneja una amplia gama de productos metálicos, cada uno con características específicas. Esto requería una estructura de visualización detallada y ágil que permitiera a los clientes encontrar fácilmente la información que necesitaban. La diversidad y especificidad de los productos hacían necesario un sistema claro y organizado.
- Integración con sistemas existentes: Era esencial conectar el nuevo portal con el ERP de Mafesa. Esto permitiría extraer información en tiempo real sobre pedidos, albaranes, presupuestos y otros documentos relevantes. La integración debía ser fluida para asegurar que los datos estuvieran siempre actualizados y disponibles para los clientes.
- Gestión documental: Los clientes de Mafesa necesitaban acceso a una variedad de documentos importantes relacionados con sus compras. La gestión documental debía ser eficiente. Así, los clientes podrían acceder a estos documentos de manera rápida y sencilla desde su área personal.
- Multidioma: Mafesa atiende a una base de clientes diversa. Por ello, el portal debía estar disponible en tres idiomas: francés, catalán y español. Esto aseguraría que todos los clientes pudieran utilizar el portal en su idioma preferido, mejorando así la accesibilidad y la satisfacción del usuario.
- Experiencia de usuario: Además de las funcionalidades técnicas, era crucial que el portal ofreciera una experiencia de usuario intuitiva y agradable. Esto implicaba diseñar una interfaz que fuera fácil de navegar, con un diseño moderno y atractivo que reflejara los valores de Mafesa.
- Diversidad de clientes: Mafi debía ser útil para una tipología muy diversa de clientes, desde talleres pequeños hasta grandes oficinas técnicas de estructuristas o empresas constructoras.
- Proximidad con el cliente: Mantener la cercanía y no perder la proximidad con el cliente era fundamental para Mafesa.
02. La Solución
Para abordar estos desafíos, Itequia desarrolló un portal a medida utilizando tecnologías modernas y escalables. El portal Mafi incluye una serie de funcionalidades clave diseñadas para ofrecer una experiencia de usuario eficiente y accesible. Entre las principales funcionalidades se encuentran:
- Login y Registro de Usuarios: Pantallas intuitivas permiten a los usuarios acceder a su área personal de manera segura. El proceso para crear nuevas cuentas y recuperar contraseñas es sencillo. Además hay opciones de acceso a diferentes funcionalidades según las necesidades del cliente.
- Pantalla Principal: Con un buscador optimizado y una visualización clara de los productos, los usuarios pueden navegar fácilmente por el catálogo completo de artículos. Esto les permite encontrar lo que buscan de manera rápida y sencilla.
- Detalles, Disponibilidad de Productos: Cada artículo puede ser visualizado en detalle, con información completa sobre sus características, disponibilidad, facilitando la toma de decisiones de compra.
- Histórico de Documentos: Acceso a un listado completo de documentos, proporcionando un control completo sobre las transacciones y simplificando la gestión administrativa. Además, cada cliente tiene un repositorio personal para compartir cualquier tipo de documentación adicional.

El proceso de desarrollo se centró en varios aspectos clave. Se eligió Angular para construir el frontend del portal. Esta plataforma permite crear aplicaciones web dinámicas y responsivas. Así se asegura una experiencia de usuario fluida y atractiva. El backend se desarrolló con .NET Core y API en Azure. Esto garantiza un rendimiento robusto y una integración fluida con otros sistemas. Toda la infraestructura se alojó en Azure, lo que simplifica la gestión y asegura la escalabilidad del portal.
El diseño del portal se centró en el usuario. Itequia llevó a cabo un análisis exhaustivo de las necesidades y expectativas de los usuarios finales. Esto permitió diseñar una interfaz intuitiva y fácil de usar. La navegación es clara y accesible. Se realizaron pruebas de usabilidad para asegurar que el portal cumpliera con los estándares más altos de experiencia de usuario.
La personalización y flexibilidad fueron aspectos clave en el desarrollo del portal. Se diseñó para ser altamente personalizable. Esto permite a Mafesa ajustar y adaptar las funcionalidades según las necesidades específicas de sus clientes. Incluye la capacidad de gestionar y actualizar el contenido del portal de manera autónoma, sin necesidad de intervención técnica.
La seguridad y el cumplimiento normativo fueron prioritarios. Itequia implementó medidas de seguridad avanzadas para proteger la información sensible de los clientes. Asegurando el cumplimiento con las normativas de protección de datos. Esto incluye el cifrado de datos, autenticación de usuarios y controles de acceso estrictos.


Además, se desarrollaron funcionalidades para automatizar procesos clave. Entre ellos la generación de informes y la gestión de pedidos. Esto no solo mejora la eficiencia operativa, sino que también reduce el riesgo de errores humanos y asegura la consistencia en la gestión de la información.


Finalmente, Itequia estableció un plan de soporte y mantenimiento continuo. Esto asegura que el portal funcione de manera óptima en todo momento. El plan incluye actualizaciones regulares, monitoreo de rendimiento y asistencia técnica. Pudiendo así resolver cualquier incidencia que pueda surgir.
Tecnologia
03. Highlights
El nuevo portal Mafi ha transformado la experiencia del cliente y optimizado la operativa interna de Mafesa. A continuación, se presentan los puntos más destacados:
Optimización de la operativa interna
La integración con el ERP permite una gestión más eficiente de los pedidos y documentos, mejorando los procesos internos.
Mejora en la experiencia del cliente
: La interfaz intuitiva y multilingüe facilita el acceso a la información y mejora la satisfacción del usuario.
Aumento de la eficiencia
La automatización de procesos clave reduce errores y mejora la consistencia en la gestión de la información.
Adaptación a futuras necesidades
La escalabilidad y flexibilidad del portal garantizan que Mafesa pueda adaptarse a los cambios del mercado y a las necesidades de sus clientes.