Essential MICE
Context
L’Esther és llicenciada en Turisme i va treballar durant diversos anys per a diferents hotels. Després d’això, es va vincular a la indústria d’esdeveniments dins del sector del turisme de negocis. Al cap d’un temps, va fer el salt i va decidir muntar la seva pròpia marca, Essential MICE, una consultoria especialitzada en turisme de negocis i esdeveniments. Es va posar en contacte amb mi perquè necessitava un lloc web per presentar els seus serveis.
Per cert, per si algú s’ho pregunta, MICE són las sigles de Meetings, Incentives, Conferences & Exhibitions (és a dir, Reunions, Incentius, Conferències i Exposicions).
Solució proposada
L’Esther tenia molt clar des del principi com havia de ser la seva web. Sabia què li agradava i què no, i com volia que s’estructurés.
Alguns punts clau eren els següents
- Aspecte atractiu però sofisticat.
- Els textos serien, en general, breus.
- Estructura simple
L’Esther em va proporcionar alguns esquemes fets a mà de com volia que es veiés cada secció, i també em va enviar una paleta de colors que després vaig incorporar al lloc web. Vaig crear els dissenys usant WordPress i els vaig personalitzar amb codi CSS per acabar d’afinar el resultat. També vaig escollir les tipografies, vaig ajustar-ne les mides i vaig triar els colors a partir de la paleta que m’havia facilitat.
Malgrat que el resultat final pugui semblar senzill, no ho és. El disseny es va fer a mida i es va haver de retocar perquè funcionés correctament en pantalles de dispositius mòbils (tauletes i smartphones). A continuació comento quins van ser els desafiaments tècnics als què em vaig enfrontar.
Desafiaments tècnics
El projecte em va presentar diferents reptes:
- L’Esther volia que cada secció de la web ocupés el 100% del viewport (és a dir, tota l’alçada de la pantalla). Això requereix trobar l’equilibri adequat entre contingut i espais en blanc, i garantir que es vegi bé en diferents dispositius.
- També volia una quadrícula/matriu que mostrés una llista dels seus serveis. Tot i que sembla simple, vaig haver de treballar molt per aconseguir una quadrícula que:
- Ompli el 100% de l’alçada de la pantalla.
- Es veiés bé i es pogués llegir en pantalles més petites.
- Els elements que la componen s’apliessin correctament en dispositius mòbils, de manera que imatges i títols de serveis es mostressin seguint l’ordre correcte.
- Com que el lloc web no tenia gaire contingut, vam optar per una implementació d’una sola pàgina. Això creava els seus propis reptes, ja que alguns continguts requerien la seva pròpia pàgina (p. ex. política de galetes, avís legal, etc.) i això va portar problemes amb el menú.
- Vaig provar diferents implementacions de les descripcions dels serveis (es pot fer clic als noms dels serveis a la quadrícula), i al final vam optar per una solució en forma de pop-up (finestra emergent).
- La raó principal és que l’Esther volia que cada descripció de servei omplís la pantalla. Una finestra emergent és una bona manera de fer-ho i que té sentit en el context dels llocs web. D’altra banda, si les descripcions dels serveis es col·loquessin en una sola pàgina, una darrere l’altra, el lector podria tenir la impressió que no hi havia més contingut per llegir, especialment en pantalles més grans o amb més resolució.
- Com a benefici addicional, aquesta implementació també va resoldre un problema tècnic relacionat amb el desplaçament automàtic dins la pàgina.
Beneficis
L’objectiu principal d’Esther era tenir un lloc web per al seu negoci acabat de crear, que pogués utilitzar per presentar-se i presentar els seus serveis als seus clients potencials. També volia poder canviar fàcilment els textos o les imatges si calgués.
Malgrat que aquests són els beneficis principals, la web també:
- Compleix amb l’RGPD (Reglament General de Protecció de Dades)
- Es fan còpies de seguretat de forma regular, de manera que si alguna cosa va malament, la informació es podrà recuperar.
- Ocasionalment, els formularis de contacte poden deixar de funcionar si el servidor bloqueja l’enviament de correus electrònics. Per evitar problemes, el lloc web emmagatzema els formularis enviats perquè mai es perdin.
