Itequia

Portal Mafi de Mafesa: millorant l’experiència del client

Mafesa company logo in bold black lowercase letters with registered trademark symbol.Innovació i software a mida

Amb més de 65 anys en el sector, Mafesa s’ha consolidat com una empresa de referència en l’àmbit de la distribució i transformació metal·lúrgica. La proximitat, la confiança i el compromís amb la feina ben feta han estat els pilars d’un model de negoci que combina experiència i innovació.

Large warehouse with organized stacks of metal sheets and profiles under natural light.

La seva activitat es divideix en quatre grans línies de negoci: la distribució de ferro i acer; la fabricació de ferralla per a la construcció; els serveis de tall làser per a projectes d’alta precisió i les solucions d’oxicort i plasma HD per a materials de gran gruix. A més, ofereix serveis de valor afegit com el tall a mida, granallat, imprimació, perforació o plegat amb l’objectiu d’optimitzar els processos de producció i lliurar productes adaptats a cada necessitat.

El seu creixement s’ha basat en l’equilibri entre tecnologia i talent humà. La tecnologia permet optimitzar processos i millorar l’eficiència, però el veritable diferencial de Mafesa són les persones que hi ha darrere de cada projecte. Aquesta combinació impulsa la millora contínua i reforça una cultura basada en el compromís i la innovació.

Amb aquesta filosofia, Mafesa, en col·laboració amb Itequia, ha desenvolupat Mafi, un portal digital que simplifica la gestió de comandes i millora la relació amb els clients, oferint una experiència més eficient i personalitzada.

Mafesa continua evolucionant, combinant la seva trajectòria amb una aposta constant per la millora i l’adaptació a les necessitats del mercat.

El que buscàvem per als nostres clients, ho hem trobat a Itequia: tecnologia i persones. Gràcies al seu coneixement i al seu tracte proper, el projecte s'ha desenvolupat de manera àgil i senzilla, aportant-nos just el que necessitàvem.

Mònica Rovira. Tècnica de màrqueting a Mafesa.

01. El Repte

​El projecte del portal Mafi presentava diversos desafiaments significatius

  • Complexitat de productes: Mafesa gestiona una àmplia gamma de productes metàl·lics, cadascun amb característiques específiques. Això requeria una estructura de visualització detallada i àgil que permetés als clients trobar fàcilment la informació que necessitaven. La diversitat i especificitat dels productes feien necessari un sistema clar i organitzat. 
  • Integració amb sistemes existents: Era essencial connectar el nou portal amb l’ERP de Mafesa. Això permetria extreure informació en temps real sobre comandes, albarans, pressupostos i altres documents rellevants. La integració havia de ser fluida per assegurar que les dades estiguessin sempre actualitzades i disponibles per als clients. 
  • Gestió documental: Els clients de Mafesa necessitaven accés a una varietat de documents importants relacionats amb les seves compres. La gestió documental havia de ser eficient. Així, els clients podrien accedir a aquests documents de manera ràpida i senzilla des de la seva àrea personal. 
  • Multidioma: Mafesa atén una base de clients diversa. Per això, el portal havia d’estar disponible en tres idiomes: francès, català i espanyol. Això asseguraria que tots els clients poguessin utilitzar el portal en el seu idioma preferit, millorant així l’accessibilitat i la satisfacció de l’usuari. 
  • Experiència d’usuari: A més de les funcionalitats tècniques, era crucial que el portal oferís una experiència d’usuari intuïtiva i agradable. Això implicava dissenyar una interfície que fos fàcil de navegar, amb un disseny modern i atractiu que reflectís els valors de Mafesa. 
  • Diversitat de clients: Mafi havia de ser útil per a una tipologia molt diversa de clients, des de tallers petits fins a grans oficines tècniques d’estructuristes o empreses constructores. 
  • Proximitat amb el client: Mantenir la proximitat i no perdre la proximitat amb el client era fonamental per a Mafesa.

02. La Solució

​Per abordar aquests desafiaments, Itequia va desenvolupar un portal a mida utilitzant tecnologies modernes i escalables. El portal Mafi inclou una sèrie de funcionalitats clau dissenyades per oferir una experiència d’usuari eficient i accessible. Entre les principals funcionalitats es troben:

  • Login i Registre d’Usuaris: Pantalles intuïtives permeten als usuaris accedir a la seva àrea personal de manera segura. El procés per crear nous comptes i recuperar contrasenyes és senzill. A més, hi ha opcions d’accés a diferents funcionalitats segons les necessitats del client. 
  • Pantalla Principal: Amb un cercador optimitzat i una visualització clara dels productes, els usuaris poden navegar fàcilment pel catàleg complet d’articles. Això els permet trobar el que busquen de manera ràpida i senzilla. 
  • Detalls, Disponibilitat de Productes: Cada article pot ser visualitzat en detall, amb informació completa sobre les seves característiques i disponibilitat, facilitant la presa de decisions de compra. 
  • Històric de Documents: Accés a un llistat complet de documents, proporcionant un control complet sobre les transaccions i simplificant la gestió administrativa. A més, cada client té un repositori personal per compartir qualsevol tipus de documentació addicional.
Welcome screen of Mafesa's client portal showing product categories and greeting message in Catalan.

​El procés de desenvolupament es va centrar en diversos aspectes clau. Es va triar Angular per construir el frontend del portal. Aquesta plataforma permet crear aplicacions web dinàmiques i responsives. Així s’assegura una experiència d’usuari fluida i atractiva. El backend es va desenvolupar amb .NET Core i API a Azure. Això garanteix un rendiment robust i una integració fluida amb altres sistemes. Tota la infraestructura es va allotjar a Azure, cosa que simplifica la gestió i assegura l’escalabilitat del portal.

El disseny del portal es va centrar en l’usuari. Itequia va dur a terme una anàlisi exhaustiva de les necessitats i expectatives dels usuaris finals. Això va permetre dissenyar una interfície intuïtiva i fàcil d’usar. La navegació és clara i accessible. Es van realitzar proves d’usabilitat per assegurar que el portal complís amb els estàndards més alts d’experiència d’usuari.

La personalització i flexibilitat van ser aspectes clau en el desenvolupament del portal. Es va dissenyar per ser altament personalitzable. Això permet a Mafesa ajustar i adaptar les funcionalitats segons les necessitats específiques dels seus clients. Inclou la capacitat de gestionar i actualitzar el contingut del portal de manera autònoma, sense necessitat d’intervenció tècnica.

La seguretat i el compliment normatiu van ser prioritaris. Itequia va implementar mesures de seguretat avançades per protegir la informació sensible dels clients. Assegurant el compliment amb les normatives de protecció de dades. Això inclou el xifrat de dades, autenticació d’usuaris i controls d’accés estrictes.

Screenshot of Mafesa's portal displaying a list of client quotes with status and action options.
Screenshot of Mafesa's portal displaying a list of client quotes with status and action options.

​A més, es van desenvolupar funcionalitats per automatitzar processos clau. Entre elles, la generació d’informes i la gestió de comandes. Això no només millora l’eficiència operativa, sinó que també redueix el risc d’errors humans i assegura la consistència en la gestió de la informació.

TaulaStock_anonimizada_Portal Mafi de Mafesa: mejorando la experiencia del cliente 
Availability chart for tube sizes in Mafesa's portal, indicating stock status by location.

​Finalment, Itequia va establir un pla de suport i manteniment continu. Això assegura que el portal funcioni de manera òptima en tot moment. El pla inclou actualitzacions regulars, monitoratge de rendiment i assistència tècnica, podent així resoldre qualsevol incidència que pugui sorgir.

Tecnologia

Angular / React (Responsive).NET CoreMicroserveis amb backend Microsoft .NET CoreSQL Server / NoSQL DatabaseAzure amb CI/CD per a la màxima productivitat

03. Highlights

​El nou portal Mafi ha transformat l’experiència del client i ha optimitzat l’operativa interna de Mafesa. A continuació, es presenten els punts més destacats:

Optimització de l’operativa interna

La integració amb l’ERP permet una gestió més eficient de les comandes i els documents, millorant els processos interns.

Millora en l’experiència del client

: La interfície intuïtiva i multilingüe facilita l’accés a la informació i millora la satisfacció de l’usuari.

Augment de l’eficiència

: L’automatització de processos clau redueix errors i millora la consistència en la gestió de la informació.

Adaptació a futures necessitats

: L’escalabilitat i flexibilitat del portal garanteixen que Mafesa pugui adaptar-se als canvis del mercat i a les necessitats dels seus clients.

Vols desenvolupar una aplicació web o mòbil a mida? Explica'ns el teu cas