Confeccionar un lloc web corporatiu enfocat a l’usuari i que respongui a un objectiu fixat.

1. Objectiu del projecte

Confeccionar un lloc web corporatiu orientat a l’usuari i alineat amb un objectiu de negoci definit (captació de leads, presentació de catàleg, reserves, etc.). El web s’ha de construir amb Joomla + plantilla Helix Ultimate i Page Builder.

2. Requisits tècnics i de contingut

2.1. Estructura i navegació

• Menú principal (top bar) i menú Off‑canvas (icona de 3 ratlles).

• Home/Inici: no ha d'aparèixer al menú principal; només ha de ser accessible fent clic al logotip.

• Submenús: com a mínim 2 apartats amb subelements.

• Enllaços d’àncora: mínim 2 enllaços que desplacin a seccions de la mateixa pàgina.

• Pàgines mínimes essencials: Inici, Qui som, Serveis/Productes, Catàleg, Blog/Novetats (amb un mínim de 3 entrades), Contacte.

2.2. Contingut i mòduls

• Testimonis: secció dins d’una pàgina (no un menú propi) amb un mínim de 4 testimonis.

• Diapositives/Sliders: 2 seccions amb slider (mínim de 3 imatges cadascuna).

• Galeria: 1 apartat amb un mínim de 6 fotos.

• Formulari: 1 formulari operatiu amb enviament al responsable, autoresposta a l’usuari, validacions i Captcha.

• Ubicació: mòdul amb Google Maps (o mapa de codi obert).

• Peu de pàgina: nom del lloc i nom i cognoms de l’alumne/a.

• Page Builder: la majoria d’apartats s’han de construir amb Page Builder.

2.3. Catàleg

• Menú CATÀLEG amb llistat de productes: foto, descripció, preu, enllaç (a fitxa, botiga externa o formulari).

• Recomanat: Camps personalitzats d’articles (preu, referència, etiqueta) o component específic de catàleg.

2.4. Disseny i marca

• Coherència tipogràfica i de colors (mini guia d’estil inclosa al document lliurable).

• Imatges pròpies o lliures de drets (citar font si cal); edició bàsica per uniformitzar.

• Responsive: correcte en mòbil, tauleta i escriptori.

2.5. SEO bàsic i social

• Títol i meta descripció únics a les pàgines principals.

• Estructura H1–H2–H3 coherent.

• Text alternatiu (alt) a imatges clau.

• Enllaços a ≥ 2 xarxes socials (icones a header/peu o mòdul específic).

2.6. Accessibilitat i UX (User eXperience - Experiència d'usuari)

• Contrast de color i mida de font adequats.

• Botons/CTA (Call To Action) clars i consistents (per exemple.: “Demana pressupost”, "Contacta").

2.7. Rendiment (bàsic)

• Compressió d’imatges (WebP/JPEG optimitzat).

2.8. Aspectes legals (RGPD + LSSI) - Reglament General de Protecció de Dades (UE) i Llei de Serveis de la Societat de la Informació i de Comerç Electrònic (Espanya)

• Avís legal, Política de privacitat i Política de cookies amb enllaços al peu de pàgina.

• Banner de cookies amb opció d’acceptar/rebutjar.

• Clàusula informativa i consentiment al formulari (checkbox obligatori).

3. Lliurable

1. URL del lloc  i  usuari/contrassenya (rol editor) per fer la  revisió.

2. Guia breu (PDF, 2–3 pàg.) amb: objectiu de negoci, públic objectiu, guia d’estil (colors, tipografies, logotip), arquitectura d’informació, extensions utilitzades, resolució de catàleg i formulari. Enllaç exemple de document

3. Dossier de legalitat: textos utilitzats a privacitat/cookies/avís.

4. Captures de pantalles principals + una captura en mòbil.

5. El pes màxim del PDF ha de ser de 10 Mb.