1. Context i Objectius
Mundovan ha sol·licitat un redisseny integral del seu lloc web per millorar l'experiència dels usuaris, optimitzar l'ús de l'espai i facilitar una navegació més intuïtiva. L'objectiu principal és renovar l'aspecte visual i funcional de la plataforma, mantenint els continguts actuals però reestructurats de manera més clara i accessible.
2. Metodologia i Eines
Per dur a terme aquest redisseny hem seguit els següents passos: - Anàlisi de l'existent: Revisió de la web actual per identificar punts febles en la navegació i la distribució del contingut. - Estudi de la guia d'estil: Basada en una paleta cromàtica que combina tons blaus, taronges i verds, i l'ús de la tipografia Montserrat. - Prototipatge amb Adobe XD: Creació de prototips per visualitzar les noves interfícies (pàgina d'inici, resultats, producte i secció d'anuncis). - Revisions iteratives: Proves amb usuaris per validar que les millores en la distribució de l'espai i els elements interactius contribueixen a una millor experiència.
3. Decisions Estructurals
Algunes de les decisions clau en aquest redisseny han estat: - Redistribució de l'espai: Reducció dels marges i augment de l'espai entre el contingut per aconseguir una disposició més harmoniosa. - Millora del buscador superior: Re-dissenyat per fer-lo més intuïtiu, mostrant només opcions rellevants segons el context (per lloguer o compra). - Nou menú inferior: Dividit en cinc seccions principals (Notícies, Serveis, Perfil, Imatges i Comunitat) amb una secció "Altres" per a informació complementària. - Pàgines de producte optimitzades: Informació dividida en dues columnes que permet mostrar més detalls, amb botons per contactar amb l'empresa. - Redisseny de la capçalera i formulari: Adaptats a la nova guia d'estil per aconseguir coherència visual.
4. Disseny Visual i Guia d'Estil
La nova guia d'estil es basa en: - Paleta Cromàtica: Colors que evoquen el cel i el mar (blau), amb detalls en taronja per destacar elements interactius i verd per botons específics. - Tipografia: Ús de la font Montserrat en diferents pesos per a títols (H1, H2, H3) i text corrent. - Reticle Responsive: Estructura de 12 columnes, adaptable als principals breakpoints (smartphone, tablet i escriptori).
5. Elements d'Interacció
- Botons de Navegació: La barra superior canvia de color (de blau a taronja) segons la secció activa.
- Filtres i Cerca: Els filtres es mostren de manera destacada a la part superior i inclouen botons per ordenar els resultats segons les preferències de l'usuari.
- Pàgina de Producte: Informació distribuïda en dues columnes amb botons per contactar amb l'empresa i icones resum de les característiques.
- Element "Tornar a dalt": Icone fix a la part inferior per facilitar el retorn a la part superior de la pàgina.
6. Resultats Esperats
Amb aquest redisseny es preveu: - Una experiència de navegació més fluida i intuïtiva. - Una visualització més clara dels continguts gràcies a la redistribució de l'espai. - Una interfície moderna i coherent que reflecteix la identitat de la marca. - Un augment de la interacció de l'usuari amb elements clau com el cercador, els filtres i els botons de contacte.
7. Conclusió
El redisseny del lloc web de Mundovan integra noves directrius visuals i estructurals que responen a les necessitats actuals dels usuaris. Amb la implementació d'una guia d'estil coherent i una reorganització del contingut, s'aconsegueix una experiència més agradable i accessible per als visitants.
Gràcies per confiar en nosaltres per aquest projecte.
