Estudi Guillem Marc.

Caso de estudio

Landing editorial para un estudio creativo. Estudio sin web previa. Primera presencia online a medida con diseño editorial, portfolio gestionable desde dentro y Lighthouse 97+ que comunica el nivel del estudio desde el primer scroll.

Landing editorial con portfolio propio, entregada en 2025.

Retrato editorial atmosférico del Estudi Guillem Marc
El brief

Un estudio creativo, sin web propia. Toda la captación entraba por Instagram, LinkedIn y referidos.

Estudi Guillem Marc trabaja para clientes que pagan bien por la diferenciación: diseño editorial y de marca. Funcionaba, pero faltaba una pieza digital que comunicara el método del estudio a quien aterrizaba desde una búsqueda. El brief fue claro: una landing que funcionara como una pieza más del portfolio, no una web que presentara al estudio.

  1. 01

    Diseño editorial, no plantilla

    Tipografía cuidada, ritmo de página y espacios calculados. Sin mosaicos pre-fabricados ni efectos que no aportan.

    Diseño
  2. 02

    A código, sin plantilla

    Portfolio maquetado a código, no un theme de portfolio ni una cuadrícula de Behance. El diseño es del estudio, no de una plantilla compartida por miles.

    Código
  3. 03

    Catalán y castellano nativos

    Catalán para el territorio donde trabaja el estudio. Castellano para los clientes peninsulares. Idiomas reales, no traductor automático.

    Multi-idioma

El estudio entero ordenado en un solo scroll.

Cuatro capas que sostienen el diseño editorial.

El diseño editorial no se aguanta solo con buen gusto. Detrás hay decisiones de tipografía, de gestión y de performance que hacen que la página siga siendo útil y rápida dentro de un año, sin volver a tocar código.

Arquitectura del proyecto en 4 capas
  1. 01

    Sistema tipográfico editorial.

    Serif editorial para títulos, sans neutra para cuerpo. Jerarquía visual por tamaño y peso, no por color ruidoso. Espaciado calibrado para desktop y legible en móvil.

    • Serif + sans
    • Jerarquía por peso
    • Ritmo vertical
    • Móvil legible
  2. 02

    A código, sin plantilla.

    Cada proyecto maquetado a mano en código, con su jerarquía y su ritmo. Nada de themes de portfolio ni cuadrículas genéricas: el diseño es del estudio, no de una plantilla que comparten miles.

    • Código propio
    • Sin plantilla
    • Diseño único
    • Editorial
  3. 03

    Performance sin compromiso.

    Cada elemento decorativo evaluado por su coste: KB sumados, retraso del LCP, bloqueo de render. Lo que no aporta se quita. Resultado: 97/100 mobile en producción sin tocar el diseño editorial.

    • Lighthouse 97/100
    • LCP < 2 s
    • 0 CLS
    • Fuentes locales
  4. 04

    Catalán y castellano estructurales.

    Catalán como idioma principal del estudio, castellano para clientes peninsulares. URLs separadas, hreflang correcto, contenido traducido a mano. Sin parámetros raros, sin Google Translate.

    • URLs por idioma
    • hreflang correcto
    • Editable
    • 2 idiomas reales
Estudi Guillem Marc, retrato editorial atmosférico del estudio

Primera web del estudio,
editorial y gestionable.

Ver web
Rendimiento:

Carga en menos de 2s,
Lighthouse 97/100 móvil

Lo que ganó Guillem:
  • Pieza digital al nivel del trabajo del estudio
  • Portfolio a código, no una plantilla
  • Tipografía editorial coherente
  • Catalán y castellano nativos

"Trabajar con Maties ha sido una experiencia excelente de principio a fin. Entendió mis necesidades, aportó ideas y el resultado fue una web atractiva, funcional y rápida."

GM Guillem Marc, Estudi Guillem Marc
Pagespeed score

Lighthouse 97/100 mobile medido en producción. El número que importa cuando un cliente abre la web tras ver el estudio en Instagram.

2 idiomas
Catalán para el territorio del estudio y castellano para clientes peninsulares. Idiomas reales, no traductor automático

Más cosas en cartera. Casos completos en camino.

Ver todos los proyectos

¿Tu estudio sin web propia todavía?

Si trabajas con clientes que valoran la diferenciación y tu web actual no representa el nivel de lo que entregas, hablemos veinte minutos. Te digo qué cambiaría primero y te paso una propuesta cerrada en dos o tres días.

Reservar llamada de 20 min