Volver al portfolio
Diseño webCaso metaNext.js

SernaLab

El portfolio que estás leyendo ahora mismo. Construido en Claude Code como demostración literal del recorrido — del concepto a la pantalla, sin saltos invisibles.

Tipo de proyectoProyecto propio · caso meta
Año2026
DisciplinasEstrategia · Arquitectura · Diseño · Build
PlataformaResponsive
HerramientasNext.js · Tailwind · Claude Code · Figma
SernaLab — imagen de portada
Webel medio es el caso
2026
El reto

Una superficie, tres velocidades

Una sola superficie que opere a tres velocidades: portfolio para agencias, catálogo para clientes directos y caso de craft técnico. Que cada audiencia encuentre su lectura sin que las otras estorben.

Tres lecturas en paralelo
01
Portfolio
Para agencias: criterio, proceso y oficio.
02
Catálogo
Para clientes directos: servicios y resultados.
03
Craft técnico
El propio sitio como demostración del método.
El proceso

Siete fases encadenadas

Cada decisión registrada en un documento de contexto que opera como fuente única para la fase siguiente. El proceso no es un accesorio del entregable — es parte del entregable.

Las siete fases
01
Estrategia
Posicionamiento, audiencias y principios.
02
Arquitectura
Mapa del sitio y jerarquía de información.
03
Wireframes
Plantillas y sistema de bloques.
04
Contenido y copy
Voz de marca y redacción de cada pieza.
05
Visuales
Paleta, tipografía y tratamiento de imagen.
06
Dirección de arte
Composición, ritmo y detalle final.
07
Build
Next.js + Tailwind + Claude Code.
El resultado

El medio es el caso

Sitio en producción en sernalab.com sobre Next.js, Tailwind y Claude Code. La metodología forma parte del entregable: el medio es el caso, la documentación del proceso es el caso, la web es el caso.

7
Fases documentadas
6
Páginas del sitio
1
Fuente única por fase
En producción · sernalab.com

¿Tienes un proyecto de identidad o experiencia digital en mente?