Cas d'estudi · Disseny i desenvolupament
Un portfolio que la Lara actualitza sola, sense tocar codi.
Lara Carrasco Álvarez (Lara's Oak) és artista de storyboard, concept art i disseny per a animació i videojocs. El seu portfolio creix constantment: cada projecte nou porta la seva pròpia barreja de seqüències, làmines soltes i esbossos, així que necessitava un sistema de publicació, no una web estàtica.
Del disseny a Figma al bloc en producció
Abans d'escriure una línia de codi, vam mapejar a Figma com es mouria un visitant entre les diferents pàgines de projecte i quins blocs necessitaria cadascuna: el mateix llenguatge que després es tradueix, un a un, a l'editor real.
Blocs, no plantilles fixes
En comptes de pàgines de projecte amb una estructura fixa, vam construir un CMS a mida sobre un sistema de blocs propi: text, encapçalaments, imatges, galeries a pantalla completa, vídeo, i embeds directes de YouTube i de ToonBoom (la seva eina de storyboard). Cada projecte es munta combinant els blocs que necessita, en l'ordre que necessita, sense que dues pàgines s'hagin d'assemblar.
SEO i compartits, per pàgina
Cada pàgina del portfolio té el seu propi panell de SEO: títol, descripció, paraules clau i la imatge que es mostra en compartir l'enllaç a xarxes. Tot editable sense tocar codi, des del mateix editor on munta els blocs.
Publicar sense dependre d'un desenvolupador
La Lara afegeix, reordena i treu blocs des d'un editor visual, amb previsualització en temps real. Pujar un projecte nou, o reordenar tot el portfolio abans d'un lliurament, deixa de requerir un canvi de codi o un desplegament.
Responsive de fàbrica
Cada bloc que la Lara afegeix (text, imatge, galeria, vídeo) es comporta igual de bé al mòbil que a l'escriptori, sense maquetació addicional per projecte.
El resultat
El front-end continua sent una única aplicació coherent: mateixa tipografia, mateixa graella, mateix comportament de galeria. Però el contingut que l'omple el controla la Lara, no nosaltres.
Domini, correu i desplegament, tot al mateix lloc
El domini de Lara's Oak viu a Cloudflare: registres DNS, certificat SSL amb renovació automàtica i regles de WAF i firewall que filtren el trànsit abans que arribi al CMS. El correu corporatiu es configura amb els seus propis registres MX, sense dependre d'un proveïdor a part.
El desplegament corre a Vercel, amb una vista prèvia automàtica per cada branca i el pas a producció integrat en el mateix cicle de desenvolupament: escriure, revisar en preview i publicar, sense passos manuals pel mig.