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.


    Deporvillage / My orders.




    Redisseny de la secció "My orders" per millorar la usabilitat, claredat i experiència d'usuari a través d'una interfície més intuïtiva i funcional.



    Context i objectius del projecte


    La versió actual de la secció “My orders” presentava problemes de claredat i usabilitat, dificultant la identificació de les comandes i el seu estat. Aquestes mancances afectaven directament la satisfacció dels usuaris i podien generar un augment de consultes al servei d’atenció al client.

    L’objectiu principal del projecte era redissenyar la secció “My orders” per fer-la més intuïtiva i funcional. Per aconseguir-ho, es va proposar:





    El meu paper en el projecte


    Vaig liderar la iniciativa de principi a fi, des de la recerca fins a l’avaluació del disseny. Em vaig encarregar de la definició i ideació de l’aplicació, incloent l’anàlisi de la informació recollida, la documentació de requeriments, així com la creació de wireframes i prototips per desenvolupar un producte funcional, intuïtiu i adaptat a les necessitats dels usuaris.





    Enfocament, etapes i metodologies. Design Thinking + Design Sprint


    Per al redisseny de la pàgina de comandes, es va aplicar la metodologia Design Thinking, centrant-se en la resolució de problemes.
    - Recerca: Es van analitzar les necessitats dels usuaris mitjançant escolta empàtica i preguntes clau per detectar els principals punts dèbils del sistema actual.
    - Definició: Un cop recollida la informació, es van prioritzar els problemes per enfocar-nos en aquells que aportarien més valor a l’MVP.
    - Ideació: Es van generar i esbossar diverses solucions mitjançant brainstorming, fomentant la creativitat.
    - Prototipatge: Es van crear wireframes inicials i es van avaluar iterativament per assegurar-ne la funcionalitat.
    - Testatge: Els usuaris van provar el prototip i es va analitzar el seu feedback per aplicar millores.

    Sprints: Es va planificar un calendari amb fites setmanals, assegurant una execució clara i el lliurament a temps de l’MVP.





    Recerca


    La investigació va incloure una anàlisi de la competència per comprendre millor els fluxos i l'experiència d'usuari en altres e-commerce. Posteriorment, les enquestes als usuaris van ser fonamentals per identificar les seves necessitats i problemes clau, ajudant a definir les variables més rellevants. I finalment, les entrevistes individuals van aportar una visió qualitativa i emocional sobre els punts crítics del recorregut dels usuaris.





    Transformació del disseny i l'experiència





    Fets rellevants i oportunitats de millora en la gestió de comandes


    El següent pas ha estat realitzar una dinàmica amb usuaris reals per identificar els seus punts de dolor, necessitats i oportunitats de millora en la gestió de comandes. A través d’aquesta sessió, s’han detectat diversos aspectes a optimitzar per millorar l’experiència d’usuari.
    A partir dels fets detectats, aquests s’han agrupat en categories per facilitar l’anàlisi i la priorització de les accions a implementar.





    Value Proposition Canvas: Identificant necessitats i oportunitats


    Després de la fase de definició, el Value Proposition Canvas permet identificar les necessitats, desitjos i punts de dolor dels usuaris, així com les possibles solucions per abordar-los de manera efectiva. Aquesta eina ajuda a alinear el producte o servei amb les expectatives reals dels usuaris, maximitzant el seu valor.





    De la definició de necessitats a les primeres solucions: Wireframes Low-fidelity


    A partir de les conclusions extretes del Value Proposition Canvas, es va elaborar un llistat de requisits clau per millorar l’experiència de gestió de comandes. Aquest llistat va servir com a base per definir les funcionalitats essencials i prioritzar les accions a implementar.

    Un cop establerts els requisits, es va iniciar la fase de conceptualització mitjançant la creació dels primers wireframes de baixa resolució. Aquests esbossos inicials van permetre visualitzar l’estructura de la interfície, organitzar la informació de manera clara i validar les solucions proposades abans d’entrar en el detall del disseny.





    Alguns components del sistema de disseny


    S'han dissenyat diversos components específics seguint el sistema de disseny establert. Aquests components són totalment responsive, adaptant-se a diferents dispositius i pantalles per garantir una experiència d'usuari fluida i coherent.





    Resultat Final: El disseny definitiu de la solució


    Després de diverses iteracions i refinaments, el disseny final pren forma en aquest MVP. Aquests prototips representen la síntesi de recerca, proves d’usabilitat i ajustaments basats en feedback real. El resultat és una interfície intuïtiva i funcional, pensada per oferir una experiència fluida i eficient als usuaris.