Bet Puigbò 
UX/UI





DeporXperience

Alzapp
Deporvillage / My orders
Radical kids

TEApp

Mediapp (UX)

Sant Andreu Salut (UX)

    Contacte





    Hello! 👋 
    Sóc UX/UI i dissenyo interfícies clares i intuïtives que connecten les necessitats dels usuaris amb els objectius del projecte.


    DeporXperience.






    Transformació de DeporXperience: 
    El programa de loyalty de Deporvillage.


    Reinventar l'experiència de membresia amb un sistema de nivells i beneficis personalitzats.





    Context inicial


    En la seva primera fase, el projecte oferia una funcionalitat limitada basada en un sistema de punts amb l'únic objectiu d'incentivar les compres. Tot i això, mancava una experiència més rica i personalitzada per als membres, fet que limitava el compromís i la fidelització dels usuaris.





    El meu paper en el projecte


    El meu paper va ser liderar la ideació i disseny de la nova versió de la plataforma, assumint la responsabilitat com a lider de disseny durant el redisseny de l’aplicació. Em vaig centrar en atendre les necessitats reals dels usuaris per facilitar els seus objectius a través del producte. Vaig simplificar problemes, fluxos i arquitectures complexes, millorant l’experiència global dels usuaris a través d’una eina responsive dissenyada per a web i dispositius iOS (iPhone i iPad). Amb aquest enfocament, vaig garantir que el producte fos funcional, intuïtiu i atractiu, complint tant amb les expectatives dels usuaris com amb els objectius del negoci.





    Enfocament


    S'ha seguit un enfocament de Disseny Centrat en les Persones (DCP), on aquestes han estat el centre de tot el procés. S'han involucrat els usuaris en totes les fases del desenvolupament, seguint un procés de Design Thinking. En cadascuna d'aquestes fases, s'han utilitzat diferents mètodes i eines per recollir informació i extreure conclusions que orientin i validin les decisions del projecte:





    Recerca


    La investigació va incloure una anàlisi exhaustiva de la competència per comprendre millor els fluxos i l'experiència d'usuari en altres e-commerce. Les enquestes als usuaris van ser essencials per identificar les seves necessitats i problemes clau, definint les variables més rellevants per al projecte. Finalment, les entrevistes individuals van proporcionar una visió qualitativa i emocional que va permetre aprofundir en els punts crítics del recorregut dels usuaris.





    Aprofundir en l’empatia de l’usuari


    Amb una millor comprensió de qui són els usuaris del club de fidelització de Deporvillage, em vaig centrar a identificar els perfils principals per poder prendre decisions de disseny més precises i efectives. Els usuaris són principalment compradors de Deporvillage: persones apassionades pel ciclisme, el running i les activitats outdoor, amb una mitjana d’edat situada en els 35-50 anys, predominantment homes amb un nivell adquisitiu mitjà-alt.

    Per entendre les seves necessitats i expectatives, vaig definir els aspectes qualitatius clau del seu perfil com a membres del club. Aquest exercici em va ajudar a visualitzar dues motivacions principals: 

    • Aconseguir beneficis tangibles (descomptes, promocions i productes exclusius) 
    • Sentir-se part d’una comunitat esportiva que comparteixi els seus interessos i els impulsi a millorar.








    Explorar el recorregut de l’usuari (journey)


    Entendre com un usuari interactua amb el programa de fidelització és essencial per optimitzar cada punt de contacte i garantir una experiència fluida i satisfactòria. Mapar el recorregut de l’usuari ens permet identificar moments clau, anticipar possibles friccions i descobrir oportunitats per millorar la implicació i fidelitat. A continuació, es presenta el user journey centrat en el procés de registre al programa, un dels primers passos essencials per connectar amb els usuaris i introduir-los als beneficis del club.


     

    L’abast del projecte


    El següent mapa mostra com el programa de fidelització influeix en diferents àrees de la plataforma de Deporvillage. Identifica les zones clau afectades i ajuda a entendre la relació entre les funcionalitats del programa i l'experiència global dels usuaris, oferint una visió clara de les connexions més rellevants.




    Wireframes Low-fidelity


    A continuació es presenten els wireframes inicials del projecte, els quals mostren l'estructura i la distribució dels elements a la pàgina. Es defineixen les funcionalitats clau i la navegació de l'aplicació. Aquesta etapa sempre és fonamental per validar idees i obtenir feedback de manera eficient abans de passar a les fases més detallades del disseny.





    Wireframes Hight-fidelity







    Evolucionant el sistema de disseny


    El projecte del programa de fidelització ha suposat una ampliació i evolució del sistema de disseny existent. S’han creat nous components i patrons específics per donar suport a les funcionalitats del programa de loyalty, mantenint la consistència visual i millorant l’experiència d’usuari. 






    Resultat final






    Alguns components del sistema de disseny


    S'han dissenyat components específics per al projecte, com ara carousels adaptatius en diferents formats (de 2, 3 o 4 blocs) i els seus comportaments en diversos breakpoints. Cada component s'ha creat amb un enfocament responsive per garantir una experiència d'usuari fluida i òptima en qualsevol dispositiu, assegurant alhora la coherència visual i funcional dins del sistema de disseny global.