Creació del menú del lloc web

Memòria Tècnica — Menú de Navegació Professional
SMX1 · TalentFP · Memòria Tècnica

Menú de Navegació Professional

Memòria tècnica del disseny, justificació i implementació del menú de navegació del portafolis digital, seguint criteris d’usabilitat, accessibilitat i experiència d’usuari de nivell PRO+.

✅ PRO+ Justificació ✅ PRO+ Implementació ✅ PRO+ Evidències ✅ PRO+ Portafolis
Rúbrica · Nivell PRO+

Criteris d’avaluació PRO+

El menú de navegació desenvolupa tots els criteris del nivell PRO+ de la rúbrica SMX, amb justificació exhaustiva de cada decisió tècnica i de disseny presa durant la construcció de l’estructura de navegació.

🧭
Criteri 1
Justificació del Disseny
PRO+
⚙️
Criteri 2
Implementació Tècnica
PRO+
📸
Criteri 3
Evidències Documentades
PRO+
🗂️
Criteri 4
Portafolis Complet
PRO+
memòria-tècnica.md · Secció 1 · Justificació del Menú
PRO+ · Menú
Progrés
Secció 1 / 5

Arquitectura He dissenyat el menú de navegació seguint criteris d’usabilitat, accessibilitat i experiència d’usuari, amb l’objectiu que qualsevol persona pugui trobar la informació de manera ràpida, clara i intuïtiva.


Prioritat He col·locat primer els apartats més importants i utilitzats habitualment, com iPOP! i Apunts, ja que són les seccions que l’usuari consultarà amb més freqüència. Aquesta decisió millora l’eficiència de navegació.


Jerarquia Per mantenir una jerarquia visual clara, he agrupat els sis reptes dins d’un submenú desplegable anomenat 1r SMX. Aquesta organització permet conservar una aparença més professional i minimalista.


Estructura Cada apartat del menú té una funció concreta: Home (punt d’accés principal), iPOP! (informació personal), Apunts (contingut acadèmic), 1r SMX (reptes agrupats), Contacte (comunicació) i Polítiques (al final per no interferir).


Accessibilitat He aplicat bones pràctiques de WordPress, utilitzant el sistema de navegació integrat per assegurar que tots els enllaços siguin funcionals, coherents i fàcilment editables en el futur.

memòria-tècnica.md · Secció 2 · Creació del Menú
PRO+ · Implementació
Progrés
Secció 2 / 5

Pas 1 Accés a la configuració del menú: He accedit a l’escriptori de WordPress i he entrat a l’apartat Aparença → Editor → Disseny → Navegació. Des d’aquesta secció és possible gestionar tota l’estructura de navegació del lloc web.

Pas 1 — Accés a la configuració del menú a WordPress
memòria-tècnica.md · Secció 2 · Pas 2
PRO+ · Estructura
Progrés
Secció 2 / 5

Pas 2 Organització de les seccions principals: He creat una estructura clara amb els apartats: Home, iPOP!, Apunts, 1r SMX, Contacte i Polítiques. Distribució basada en freqüència d’ús i importància.

Pas 2 — Organització de les seccions principals del menú
memòria-tècnica.md · Secció 2 · Pas 3
PRO+ · Submenú
Progrés
Secció 2 / 5

Pas 3 Creació del submenú “1r SMX”: He creat un submenú desplegable que organitza els sis reptes del curs, mantenint-los agrupats dins d’una mateixa categoria. Els sis reptes es visualitzen quan l’usuari passa el cursor per sobre del menú desplegable.

Pas 3 — Creació del submenú 1r SMX amb els 6 reptes
memòria-tècnica.md · Secció 2 · Pas 4
PRO+ · Enllaços
Progrés
Secció 2 / 5

Pas 4 Configuració dels enllaços i navegació: He comprovat que tots els enllaços funcionessin correctament i dirigissin a la pàgina corresponent. S’han afegit botons de navegació a la pàgina principal per facilitar l’accés ràpid a les diferents seccions.

Pas 4 — Configuració dels enllaços i botons de navegació
memòria-tècnica.md · Secció 2 · Pas 5
PRO+ · Resultat
Progrés
Secció 2 / 5

Pas 5 Resultat final del menú a la web: He verificat el funcionament del menú des de la vista real de la pàgina web. El resultat és una navegació clara, moderna i ordenada, amb un disseny que facilita l’accés als continguts. Quan l’usuari passa per sobre de 1r SMX, es despleguen automàticament els sis reptes.

memòria-tècnica.md · Secció 3 · Catàleg de Projectes
PRO+ · Reptes
Progrés
Secció 3 / 5

Nucli El nucli del portafolis presenta els resultats del treball tècnic organitzat en una graella responsive:

Repte Títol del Projecte Descripció Tècnica
1.1 Gestió i Doc. WordPress Configuració d’eines digitals i documentació de sistemes.
1.2 Aules Digitalitzades Implementació d’infraestructures TIC en entorns educatius.
1.3 Int. Help Desk (Case #806) Suport tècnic internacional realitzat íntegrament en anglès.
1.4 Flowcharts d’Incidències Disseny de diagrames de flux sota normativa ISO per a resolució de problemes.
1.5 Disseny LAN Party 2026 Creació de material gràfic professional i cartelleria tècnica.
1.6 Menú de Navegació Professional Disseny i implementació del menú amb submenús, accessibilitat i documentació completa.
memòria-tècnica.md · Secció 4 · Evidències i Documentació
PRO+ · Evidències
Progrés
Secció 4 / 5

Documentació Per documentar correctament tot el procés, he inclòs captures de pantalla pròpies de cada pas important de la configuració del menú i de la seva implementació dins de WordPress. Les evidències mostren tant la configuració interna com el resultat final visible a la web.


Organització La documentació està organitzada cronològicament per facilitar la comprensió del procés complet de creació, configuració i verificació del menú de navegació.

memòria-tècnica.md · Secció 5 · Portafolis
PRO+ · Portafolis
Progrés
Secció 5 / 5

Estructura El portafolis s’ha estructurat de manera clara i organitzada, amb una navegació funcional entre totes les pàgines i apartats del projecte. S’ha creat una pàgina directori amb enllaços operatius que permeten accedir ràpidament a tota la documentació, evidències i reptes.


Coherència L’organització general manté coherència visual i facilita l’accés als continguts tant per als usuaris com per al professorat.

Auditoria de Compliment · PRO+

Verificació Rúbrica PRO+

Per garantir el nivell màxim de la tasca, s’han verificat tots els punts de la rúbrica de forma exhaustiva.

01
Justificació del Disseny del Menú
Explicació detallada de les decisions preses: prioritat d’elements, jerarquia visual, agrupació de reptes en submenú, i distribució lògica de continguts basada en freqüència d’ús.
02
Implementació Tècnica a WordPress
Procés documentat pas a pas: accés a la configuració, creació d’estructura principal, submenú desplegable amb 6 reptes, configuració d’enllaços i verificació del resultat final.
03
Evidències amb Captures de Pantalla
Captures de pantalla pròpies de cada pas del procés, organitzades cronològicament. Documentació tant de la configuració interna com del resultat visible a la web.
04
Portafolis Estructurat i Funcional
Pàgina directori amb enllaços operatius a tota la documentació. Navegació funcional entre totes les pàgines, coherència visual i accés facilitat per a usuaris i professorat.
💡 Connexió amb els objectius del cicle: La justificació del menú demostra comprensió d’usabilitat i UX, la implementació pas a pas evidencia competència tècnica amb WordPress, les captures documenten el procés complet, i l’estructura del portafolis consolida l’organització professional. Aquesta connexió explícita és el requisit definitiu del nivell PRO+.
✅ Qualitat Tècnica PRO+
Menú professional amb submenús i accessibilitat
Estructura jeràrquica amb 6 seccions principals i submenú desplegable per als reptes. Navegació intuïtiva, coherent i adaptable. Bones pràctiques de WordPress aplicades.
✅ Documentació Completa
Procés documentat cronològicament amb evidències
5 passes documentades amb captures de pantalla pròpies. Justificació de cada decisió de disseny. Organització clara que facilita la comprensió del procés complet.
Evidència Completada
✅ Nivell PRO+ assolit — Menú de Navegació Professional

El menú de navegació compleix exhaustivament tots els criteris PRO+: justificació detallada de cada decisió de disseny, implementació tècnica pas a pas amb WordPress, documentació completa amb captures de pantalla de cada fase, i portafolis estructurat amb navegació funcional i pàgina directori amb enllaços operatius.