Caso de estudio · Diseño y desarrollo
Un portfolio que Lara actualiza sola, sin tocar código.
Lara Carrasco Álvarez (Lara's Oak) es artista de storyboard, concept art y diseño para animación y videojuegos. Su portfolio crece constantemente: cada proyecto nuevo trae su propia mezcla de secuencias, láminas sueltas y bocetos, así que necesitaba un sistema de publicación, no una web estática.
Del diseño en Figma al bloque en producción
Antes de escribir una línea de código, mapeamos en Figma cómo se movería un visitante entre las distintas páginas de proyecto y qué bloques necesitaría cada una: el mismo lenguaje que después se traduce, uno a uno, en el editor real.
Bloques, no plantillas fijas
En vez de páginas de proyecto con una estructura fija, construimos un CMS a medida sobre un sistema de bloques propio: texto, encabezados, imágenes, galerías a pantalla completa, vídeo, y embeds directos de YouTube y de ToonBoom (su herramienta de storyboard). Cada proyecto se arma combinando los bloques que necesita, en el orden que necesita, sin que dos páginas tengan por qué parecerse.
SEO y compartidos, por página
Cada página del portfolio tiene su propio panel de SEO: título, descripción, palabras clave y la imagen que se muestra al compartir el enlace en redes. Todo editable sin tocar código, desde el mismo editor donde arma los bloques.
Publicar sin depender de un desarrollador
Lara añade, reordena y retira bloques desde un editor visual, con vista previa en tiempo real. Subir un proyecto nuevo, o reordenar el portfolio entero antes de una entrega, deja de requerir un cambio de código o un despliegue.
Responsive de fábrica
Cada bloque que Lara añade (texto, imagen, galería, vídeo) se comporta igual de bien en móvil que en escritorio, sin maquetación adicional por proyecto.
El resultado
El front-end sigue siendo una única aplicación coherente: misma tipografía, misma grilla, mismo comportamiento de galería. Pero el contenido que la llena lo controla Lara, no nosotros.
Dominio, correo y despliegue, todo en el mismo sitio
El dominio de Lara's Oak vive en Cloudflare: registros DNS, certificado SSL con renovación automática y reglas de WAF y firewall que filtran el tráfico antes de que llegue al CMS. El correo corporativo se configura con sus propios registros MX, sin depender de un proveedor aparte.
El despliegue corre en Vercel, con una vista previa automática por cada rama y el paso a producción integrado en el mismo ciclo de desarrollo: escribir, revisar en preview y publicar, sin pasos manuales de por medio.