La creació de la pàgina web va recaure en les mans dels estudiants del PFI Auxiliar de muntatge i manteniment d’equips informàtics. L’encàrrec que se’ls va fer arribar era la creació d’una pàgina web del projecte amb la finalitat de donar difusió i informar sobre el projecte, l’alumnat implicat, el procés d’elaboració del sabó i la importància de l’economia circular.

Els estudiants van treballar de forma individual seguint les següents fases de creació:

1. ANÀLISI

2. DISSENY I MAQUETACIÓ

3. ESTRUCTURA I COPYS

4. DESENVOLUPAMENT I IMPLEMENTACIÓ

1. ANÀLISI: A QUI va dirigit?

Un cop identificat el públic objectiu, el col·lectiu de joves com ells, es va fer un estudi de benchmarking d’altres webs que comercialitzen el mateix tipus de producte per tal de detectar les millores pràctiques i les tendències del sector. Amb aquest estudi es va poder consensuar la primera proposta de requeriments funcionals i de continguts del web.

2. DISSENY I MAQUETACIÓ: COM ho volem fer?

El PFI d’Auxiliar de vendes, oficina i atenció al públic, va crear el nom comercial i el logo que en què ens vam basar per a fer recerca del disseny més adequat per la web, respectant la definició de la paleta de colors marcada.

3. ESTRUCTURA I COPYS: QUÈ volem dir? Com ens volem MOSTRAR?

Des de la coordinació del projecte, ens varen fer arribar tant la redacció del contingut com l’estructura que varen servir de base per a crear les pàgines i/o seccions de la pàgina.

4. DESENVOLUPAMENT I IMPLEMENTACIÓ. Amb quines EINES?

HTML, CSS i Javascript

La majoria de l’alumnat va fer cerca de plantilles prefetes i gratuïtes d’HTML i va aprofundir en l’estudi d’aquest llenguatge. Cadascuna de les pàgines, es va adaptar al disseny del logotip i de la paleta de colors, tot desenvolupant la seva creativitat i deixant palès la seva empremta personal. Varen aprendre a modificar imatges i format amb full d’estils CSS. Algun d’ells, fins i tot es va atrevir a fer modificacions en el codi de Javascript per a crear efectes en algunes imatges.