DIW_P2

Pràctica 2 de Disseny d'Interfícies Web

Per la correcta visualització del contigunt, caldrà descarregar el repositori i obrir el fitxer index.html amb el Live Server de Visual Studio Code.

La paleta de colors elegida inicialment no era gaire atractiva per ningú. Així doncs, hem elegit colors molt més agradables a la vista.

El Wireframe proposat inicialment era molt simple i no tenia cap tipus de contingut. Per això, he decidit canviar-lo per un altre que tenia més contingut i que era més atractiu.

El menú estil 'burger' ha asumit el contingut del menú de navegació inferior alliberant així un espai important a la pantalla principal.
El cos de la pàgina també ha canviat, per ajudar a la visualització del contingut. Abans era un tant caòtic i no era fàcil de seguir. Ara, el contingut està més ordenat i es pot seguir fàcilment.
Al wireframe no es visualitzava el footer, però aquest element si que hi és al prototype.
La pàgina de projecte també ha canviat, ja que el wireframe es feia entendre que l'autor era més important que el projecte en si. Ara, el projecte és el protagonista i l'autor apareix a la part inferior de la pàgina juntament amb el botó donar.
La pàgina login ha canviat per ser més atractiva i parescuda a la de registre.
El logo de la pàgina sempre et duu a la pàgina principal, com si un botó de homepage es tractés.

Seguint el wireframe, els elements quedaven massa grans i no era fàcil de seguir. Per això, s'ha canviat la mida de les imatges i els textos perquè siguin més petits i així poder seguir el contingut més fàcilment. A més, també s'ha canviat la distribució de la pàgina.
Hi ha molts més projectes que es poden veure a la pàgina principal, ja que el wireframe només en mostrava dos al mateix temps.
El footer ha canviat, ja que el wireframe no el tenia.
La pàgina de projecte també ha canviat, ja que el wireframe es feia entendre que l'autor era més important que el projecte en si. Ara, el projecte és el protagonista i l'autor apareix a la part dreta de la pàgina, pero a la part inferior de la imatge princial del projecte.