Africa Navarro.

Cas d'estudi

Una web a l'altura de com treballa. Marca personal amb web heretada en WordPress que anava lenta i no donava el nivell que ella ja tenia com a professional. Web nova a mida amb disseny editorial cuidat, animacions GSAP suaus i Lighthouse 96+ en mòbil.

Web aparador de marca personal, lliurada el 2025.

Retrat d'Africa Navarro
El brief

Tenia una web heretada en WordPress que anava lenta i no donava el nivell que ella ja tenia com a professional.

No era una landing de conversió, era una web aparador. El que demanava l'Africa: professionalitat visual, animacions suaus i càrrega ràpida en mòbil, perquè la web estigués a l'altura de com treballa avui.

  1. 01

    Professionalitat visual

    Tipografia editorial, paleta sòbria, espais respirables. Que es noti el criteri al darrere, no una plantilla reciclada.

    Disseny
  2. 02

    Animacions suaus

    Moviment controlat, sense parpelleigs ni salts. Cada transició aporta al recorregut sense fer-se notar.

    GSAP
  3. 03

    Càrrega ràpida en mòbil

    Lighthouse 90+ obligatori. El primer contacte amb la marca passa pel mòbil i no pot trigar quatre segons.

    Performance

Una web editorial que respira com ella treballa.

Disseny cuidat i codi que no destorba.

Migració neta des de WordPress: zero plugins d'animació, tot a mida amb GSAP + Lenis i performance verificada en producció.

Arquitectura del projecte en 4 capes
  1. 01

    Disseny editorial a mida.

    Sistema visual nou des de zero: tipografia editorial per a títols, paleta sòbria, espais respirables. Zero restriccions de tema WordPress ni components prefabricats.

    • Tipografia pròpia
    • Paleta sòbria
    • Sense tema WP
    • Sense builder
  2. 02

    Animacions GSAP + Lenis.

    Animacions d'entrada controlades amb GSAP + ScrollTrigger, scroll suau amb Lenis. Sense plugins de WP ni llibreries inflades. Les transicions aporten sense retardar la càrrega.

    • GSAP 3.12
    • ScrollTrigger
    • Lenis smooth
    • 0 plugins WP
  3. 03

    Performance: de WP a codi propi.

    La web anterior carregava en 4-5 s en mòbil amb plugins acumulats. La nova, codi propi: WebP amb srcset, fonts locals, JS només on aporta, CSS minificat. LCP < 2 s en 4G.

    • WebP + srcset
    • Fonts locals
    • CSS minificat
    • LCP < 2 s
  4. 04

    Migració SEO sense perdre URLs.

    Mapatge d'URLs antigues → noves amb redirects 301. Schema Person + Open Graph editat. El SEO aconseguit en WordPress es transfereix a la versió nova sense pèrdua de trànsit orgànic.

    • Redirects 301
    • Schema Person
    • Open Graph
    • 0 pèrdua trànsit
Africa Navarro, taula parada per a esdeveniment amb flors i cristalleria

Migració de WordPress lent
a web a mida editorial.

Veure web
Rendiment:

Càrrega en menys de 2s,
Lighthouse 96+ mòbil

El que va guanyar l'Africa:
  • Disseny editorial a la seva altura professional
  • Animacions GSAP suaus i controlades
  • Migració neta des de WordPress lent
  • Web pròpia, sense dependències de tema

"Un professional amb totes les lletres. Posa detall a cada projecte, amb un servei tècnic impecable i una comunicació fluida que fa que tot sigui fàcil."

AN Africa Navarro
Pagespeed score

Lighthouse 96/100 mobile des del primer deploy. Migrat des d'un WordPress que arribava amb prou feines a 50/100.

+46 punts
Millora Lighthouse mobile davant del WordPress anterior

Més coses en cartera. Casos complets en camí.

Veure tots els projectes

La teva marca personal amb web amateur de WordPress?

Si la teva web actual no representa com treballes ara, parlem vint minuts. Et dic què canviaria primer i et passo una proposta tancada en dos o tres dies.

Reservar trucada de 20 min