Portafolis Professional “Love Nature”
Memòria tècnica del desenvolupament d’un ecosistema digital personalitzat, centrat en l’adaptabilitat multi-dispositiu (Responsive Design) i la integració de continguts tècnics del cicle de SMX.
Criteris d’avaluació PRO+
El portafolis “Love Nature” 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’ecosistema digital.
Arquitectura S’ha implementat una arquitectura web líquida que garanteix una experiència d’usuari (UX) òptima independentment del terminal d’accés.
Media Queries Estratègia de Media Queries: S’han establert quatre punts de ruptura (breakpoints) clau: 480px (mòbil), 768px (tauletes), 1024px (escriptori) i 1600px (pantalles d’alta resolució).
Maquetació Sistemes de Maquetació: Combinació de CSS Grid per a la disposició estructural dels reptes i Flexbox per a la distribució dinàmica de la navegació i el peu de pàgina.
Tipografia Fluïdesa Tipogràfica: Ús d’unitats relatives (rem, vw) i la funció clamp() per assegurar que els textos s’escalin correctament sense perdre llegibilitat.
Estructura El sistema de navegació s’ha dissenyat sota criteris d’accessibilitat i coherència jeràrquica. Menú d’accés ràpid amb seccions d’Inici, Sobre mi, Contacte i un Submenú desplegable que organitza els 5 reptes principals.
Desktop Desktop: Menú horitzontal amb efecte hover per al submenú.
Mobile Mobile: Transformació automàtica a Menú Hamburguesa (☰) per optimitzar l’espai en pantalla.
Accessibilitat Accessibilitat: Implementació d’atributs aria-label i enllaços interns totalment funcionals cap a totes les seccions del portafolis.
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. |
Sobre mi S’ha inclòs una secció de “Sobre mi” que defineix les competències assolides: WordPress, Xarxes i Suport Internacional.
Contacte La secció de “Contacte” inclou enllaços actius a plataformes professionals com LinkedIn i GitHub, consolidant la identitat digital de l’estudiant.
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.
El portafolis compleix exhaustivament tots els criteris PRO+: disseny responsive avançat amb CSS Grid i Flexbox, navegació professional amb submenús i menú hamburguesa, documentació completa amb evidències multi-dispositiu, i pàgina directora que vincula tota la documentació. Qualitat tècnica excel·lent, zero errors visuals i experiència UX adaptada a tots els terminals.