Holaluz

Optimitzacióimaquetaciódecampanyesd’emailperaunadelesenergètiques100%verdesreferentsaEspanya.
(SCROLL) ↓
01

Visió general

Cada email, una oportunitat de conversió.

L’objectiu de la col·laboració amb Holaluz era transformar l’email en una palanca de conversió mesurable. La companyia es trobava en plena expansió del servei d’autoconsum solar i necessitava un canal directe que acompanyés l’usuari des de la sol·licitud d’estudi fins a l’activació del contracte.

El repte consistia a dissenyar peces personalitzades, accessibles i optimitzades per a una bateria d’A/B tests sostinguda en el temps, fent del canal d’email una eina estratègica i no un suport secundari.

Fitxa

RolUI/UX Design
Any2020
DisciplinaEmail Marketing Design
SectorEnergy & Sustainability
FormatConsultancy
ClientHolaluz
Disseny UI/UX de les vistes dels correus en un mockup
02

Experiència d’usuari

Desxifrant el comportament per dissenyar el missatge

L’experiència dins d’un email és curta, asíncrona i sovint passiva: l’usuari arriba amb una atenció limitada i ha de decidir en pocs segons si avança o tanca. Vaig treballar amb l’equip d’Holaluz per entendre en quin moment del viatge de l’usuari arribava cada peça i quina acció li estava demanant. Aquesta lectura em va permetre prioritzar la informació, calibrar el to i definir variables clares per a cada test, alineant les decisions de disseny amb les hipòtesis de negoci.

La meva aportació

  • Recerca i estratègia: mapeig dels punts de contacte de l’usuari amb la marca i identificació dels moments crítics de fricció dins de cada campanya.
  • Arquitectura de la informació: definició de l’estructura modular dels emails i jerarquització dels missatges per perfil i fase del funnel.
  • User journeys: construcció del recorregut complet des de la sol·licitud d’estudi fins a la conversió final, identificant els enviaments necessaris a cada etapa.
  • UX writing: redacció de microcopy estratègic per generar confiança, reduir la fricció i fer evident la propera acció esperada.
Sistema de correu modular: els sis blocs d’un correu, fixos, variables A/B i personalitzats
Microcopy abans i després: CTA, assumpte, petició de dades i tancament, amb el motiu de cada canvi
Diagrama de flux de la campanya, del formulari web al contracte signat, amb la branca de recuperació
Graella de maquetació d’un correu: capçalera, cos i peu, amb els espais
Mapa de punts de contacte en set passos, de la sol·licitud al contracte, amb els punts de fricció
03

Prototipatge

Prototipatge en variants i validació amb dades

Cada campanya es va construir com una matriu de variants pensades per aïllar una variable concreta: jerarquia visual, copy del CTA, personalització o estructura del missatge. L’objectiu no era només llançar millors emails, sinó establir un mètode replicable que permetés a l’equip d’Holaluz prendre decisions basades en mètriques i no en preferències, fent del canal d’email un sistema d’aprenentatge continu.

La meva aportació

  • Wireflows estructurals: definició dels esquelets de cada peça i de les seves alternatives, mantenint constants tots els elements excepte la variable a testejar.
  • Sistema de variants: generació de 2 a 4 versions per campanya, llestes per ser servides a segments aleatoris d’usuaris.
  • Validació amb A/B tests: estructuració dels tests, definició de mètriques rellevants (obertura, CTR, conversió post-clic) i lectura dels resultats.
  • Iteració continuada: incorporació de les conclusions de cada test al següent cicle de campanyes, consolidant patrons que funcionaven.
Correu d’Holaluz obert a Gmail en un portàtil
Correu «¡Decídete por la energía 100% renovable!» en dos mòbils, en mode clar i fosc
04

Disseny d’interfície

Disseny d’interfície i sistema d’email

La segona fase del projecte es va centrar en construir un sistema visual fidel a la identitat d’Holaluz (vibrant, càlida i amb un missatge clar de sostenibilitat), però adaptat a les restriccions tècniques del canal: clients de correu antics, HTML basat en taules, mode fosc i dispositius diversos. Vaig desenvolupar una biblioteca de components escalable, pensada perquè qualsevol nova campanya pogués construir-se ràpidament sense sacrificar coherència ni qualitat.

La meva aportació

  • Sistema de disseny per a email: creació d’una llibreria de blocs reutilitzables (hero, cards informatives, CTAs, footers legals) i d’una guia d’estils completa (tipografia, color, espaiats).
  • Vistes d’alta fidelitat (hi-fi): disseny final de totes les peces en versió mobile i desktop, amb personalització dinàmica (nom, ciutat, dades locals).
  • Maquetació production-ready: implementació en HTML d’email compatible amb els principals clients (Gmail, Outlook, Apple Mail) i validació en mode clar i fosc.
  • Handoff per a producció: preparació dels arxius i especificacions per garantir una integració eficient al gestor d’enviaments d’Holaluz.
Set correus de la campanya, sencers
Set correus més de la campanya, sencers
Paleta de colors d’Holaluz: primari, secundari, text i fons
Tipografia de la campanya

Un projecte d’aprenentatge continu. Les campanyes d’email, sovint vistes com a peces menors dins d’un producte digital, van resultar ser un laboratori excel·lent per validar hipòtesis de disseny i comunicació amb impacte directe sobre la conversió. Treballar amb la restricció com a punt de partida em va obligar a ser més precís a cada decisió.

Fotografies de plaques solars sobre teulades

Comparteix aquest projecte