Estudi Guillem Marc.

Cas d'estudi

Landing editorial per a un estudi creatiu. Estudi sense web prèvia. Primera presència online a mida amb disseny editorial, portfolio gestionable des de dins i Lighthouse 97+ que comunica el nivell de l'estudi des del primer scroll.

Landing editorial amb portfolio propi, lliurada el 2025.

Retrat editorial atmosfèric de l'Estudi Guillem Marc
El brief

Un estudi creatiu, sense web pròpia. Tota la captació entrava per Instagram, LinkedIn i referits.

Estudi Guillem Marc treballa per a clients que paguen bé per la diferenciació: disseny editorial i de marca. Funcionava, però faltava una peça digital que comuniqués el mètode de l'estudi a qui aterrava des d'una cerca. El brief va ser clar: una landing que funcionés com una peça més del portfolio, no una web que presentés l'estudi.

  1. 01

    Disseny editorial, no plantilla

    Tipografia cuidada, ritme de pàgina i espais calculats. Sense mosaics prefabricats ni efectes que no aporten.

    Disseny
  2. 02

    A codi, sense plantilla

    Portfolio maquetat a codi, no un theme de portfolio ni una quadrícula de Behance. El disseny és de l'estudi, no d'una plantilla compartida per milers.

    Codi
  3. 03

    Català i castellà natius

    Català per al territori on treballa l'estudi. Castellà per als clients peninsulars. Idiomes reals, no traductor automàtic.

    Multi-idioma

L'estudi sencer ordenat en un sol scroll.

Quatre capes que sostenen el disseny editorial.

El disseny editorial no s'aguanta només amb bon gust. Al darrere hi ha decisions de tipografia, de gestió i de performance que fan que la pàgina continuï sent útil i ràpida d'aquí a un any, sense tornar a tocar codi.

Arquitectura del projecte en 4 capes
  1. 01

    Sistema tipogràfic editorial.

    Serif editorial per a títols, sans neutra per al cos. Jerarquia visual per mida i pes, no per color sorollós. Espaiat calibrat per a desktop i llegible al mòbil.

    • Serif + sans
    • Jerarquia per pes
    • Ritme vertical
    • Mòbil llegible
  2. 02

    A codi, sense plantilla.

    Cada projecte maquetat a mà en codi, amb la seva jerarquia i el seu ritme. Res de themes de portfolio ni quadrícules genèriques: el disseny és de l'estudi, no d'una plantilla que comparteixen milers.

    • Codi propi
    • Sense plantilla
    • Disseny únic
    • Editorial
  3. 03

    Performance sense compromís.

    Cada element decoratiu avaluat pel seu cost: KB sumats, retard del LCP, bloqueig de render. El que no aporta es treu. Resultat: 97/100 mobile en producció sense tocar el disseny editorial.

    • Lighthouse 97/100
    • LCP < 2 s
    • 0 CLS
    • Fonts locals
  4. 04

    Català i castellà estructurals.

    Català com a idioma principal de l'estudi, castellà per a clients peninsulars. URLs separades, hreflang correcte, contingut traduït a mà. Sense paràmetres rars, sense Google Translate.

    • URLs per idioma
    • hreflang correcte
    • Editable
    • 2 idiomes reals
Estudi Guillem Marc, retrat editorial atmosfèric de l'estudi

Primera web de l'estudi,
editorial i gestionable.

Veure web
Rendiment:

Càrrega en menys de 2s,
Lighthouse 97/100 mòbil

El que va guanyar en Guillem:
  • Peça digital al nivell del treball de l'estudi
  • Portfolio editable sense desenvolupador
  • Tipografia editorial coherent
  • Català i castellà natius

"Treballar amb en Maties ha estat una experiència excel·lent de principi a fi. Va entendre les meves necessitats, va aportar idees i el resultat va ser una web atractiva, funcional i ràpida."

GM Guillem Marc, Estudi Guillem Marc
Pagespeed score

Lighthouse 97/100 mobile mesurat en producció. El número que importa quan un client obre la web després de veure l'estudi a Instagram.

2 idiomes
Català per al territori de l'estudi i castellà per a clients peninsulars. Idiomes reals, no traductor automàtic

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

Veure tots els projectes

El teu estudi sense web pròpia encara?

Si treballes amb clients que valoren la diferenciació i la teva web actual no representa el nivell del que entregues, parlem vint minuts. Et dic què canviaria primer i et passo una proposta tancada en dos o tres dies.

Reservar trucada de 20 min