Cas d'estudi

Africa Navarro. Landing page per captar de veritat.

Marca personal que necessitava traduir la seva proposta en una landing que tanqués reserves, no que semblés una galeria. Dissenyada des de zero, sense plantilla, amb copy estructurat per intenció i CTA visible abans del primer scroll.

Landing page d'Africa Navarro amb hero amb foto editorial i CTA de reserva
Client
Africa Navarro
Sector
Marca personal · serveis professionals
Any
2025
Abast
Landing page a mida + sistema de captació + 2 idiomes
Lloc
africanavarro.com
01El brief

Tenia trànsit. Però no convertia.

L'Africa va arribar amb una web prèvia de plantilla (tipus Wix) que mostrava bé qui era, però no aconseguia tancar reserves. El trànsit hi era — venia d'Instagram i de boca a orella — però el visitant aterrava a una pàgina plena de text editorial, sense un següent pas clar.

El brief va ser directe: refer la landing com una eina de captació, no com un aparador. Disseny a mida, copy organitzat per intenció de l'usuari, formulari de contacte/reserva visible des del primer scroll, i performance prou bona per què el mòbil no perdi el lead esperant 4 segons.

L'objectiu no era impressionar. Era que el visitant sabés, en menys de 10 segons, què se li ofereix i com fer el següent pas.

02Com es va construir

Decisions de disseny i de codi.

Una landing que converteix es nota poc. El que importa és sota: estructura, jerarquia visual, performance, copy editat per intenció.

Foto editorial a l'esquerra, proposta en una sola frase a la dreta, CTA de reserva ja pintada en pantalla. Sense scroll obligat per entendre què es ven. A sota, seccions de serveis, testimonis i FAQs ordenades per intenció decreixent del visitant.

Cada bloc pensat per a la seva marca personal: tipografia editorial per als títols, sistema de color sobri, espais respirables. Sense restriccions de tema Wix ni components prefabricats. Disseny coherent entre desktop, tablet i mòbil.

Imatges WebP amb srcset, fonts locals amb font-display swap, JS només on aporta valor (sense frameworks innecessaris), CSS minificat. LCP per sota de 2 segons en 4G. Sense això, una landing personal perd un 7-20% de visitants només per velocitat.

GA4 amb esdeveniments personalitzats: clic en CTA principal, scroll a secció serveis, enviament de formulari, temps a la pàgina. El just per saber què funciona sense haver d'endevinar.

03Resultats

Mètriques mesurades. En producció, no en local.

0/100

Lighthouse mobile
Performance verificat

<0s

LCP en 4G
Largest Contentful Paint

0%

Disseny a mida
Zero plantilla reutilitzada

0

Idiomes actius
ES + EN estructurals

La teva landing té trànsit
però no converteix?

Si et passa una cosa semblant, parlem-ne 20 min. Et dic què canviaria primer.

Reservar trucada de 20 min