EspurnaStudio
Encén el teu projecte
Webs ràpides, segures i sense errors, amb dissenys que no s’obliden. Les dissenyo i les programo jo, de cap a peus, per al negoci que hi ha al darrere.
El 53% de les visites des del mòbil s’abandonen si la web triga més de 3 segons a carregar. Cada dècima que guanyes són diners que no perds.
De poc serveix la web més bonica si ningú no la veu. La preparo per a Google i per als cercadors amb IA, perquè apareguis quan et busquen.
Tens 50 mil·lisegons per causar una primera impressió. L’aprofito amb disseny a mida, moviment amb intenció i una identitat que és només teva.
Una web caiguda o piratejada costa clients i reputació. Les meves neixen protegides, provades i llestes per no fallar quan més importa.
Hi ha negocis a qui no els falta una pàgina: els falta una eina que encara no existeix. Això també ho construeixo, i va pel seu propi camí.
Veure els sistemes a mida →El pilot · Qui sóc
Em dic Javier Caballero i faig webs i aplicacions a mida: cada projecte es pensa i s’escriu per al negoci que el demana, en comptes d’omplir una plantilla. Cinc anys programant, i sempre parles amb mi.
Sense gestors de comptes ni telèfons espatllats: m’ho expliques a mi i ho construeixo jo. Qui dissenya, qui programa i qui et contesta el correu són la mateixa persona.
El codi va comentat i documentat, perquè qualsevol altre programador el pugui continuar el dia de demà. No depens de mi.
Mòbils petits, tauletes, pantalles grans, teclat, lector de pantalla i contrast mesurat. Si alguna cosa no s’ha pogut comprovar, t’ho dic.
Tecnologia estàndard, i domini, allotjament i comptes al teu nom. Si algun dia t’ho vols endur a un altre lloc, t’ho endús tot.
La regla és triar el més senzill que resolgui el problema. Aquesta web, per exemple, no fa servir cap framework: és HTML, CSS i JavaScript escrits a mà. El que faig servir cada dia:
Si el teu projecte demana una altra cosa —una app nativa, una integració concreta, una base de dades que ja tens muntada— ho parlem i et dic si és el que et convé o si hi ha un camí més curt.
Pla de vol · Com treballo
Res de «ja t’ensenyaré alguna cosa quan estigui». En tot moment saps què toca, què necessito de tu i què encara pots decidir.
Per videotrucada o per telèfon, com prefereixis. Em contes què véns, a qui i què t’està fallant ara. En surto sabent si el que necessites és una web, una altra cosa o res — i si és res, t’ho dic, perquè vendre’t alguna cosa que no et serveix em costa més del que em dona.
De tu: explicar-ho tal com és, inclòs el que no funciona.
Què hi entra, què no, per a quan i quant. Si alguna cosa es pot fer més barata aconseguint el mateix, va escrit allà en comptes de callar-m’ho. I si durant el projecte demanes alguna cosa que era fora, la veuràs com un afegit a part abans que existeixi: mai al final i mai per sorpresa.
De tu: dir que sí, dir que no o demanar que canviï alguna cosa. Fins aquí no has pagat res.
Primer l’estructura —què s’explica i en quin ordre— i després el disseny. L’ordre importa: moure un bloc sobre un esbós és una estona, moure’l sobre una web construïda és refer-la. Per això ho ensenyo en el moment en què la teva opinió encara és gratis.
De tu: textos i fotos si en tens; si no, els escric jo i et dic exactament quines fotos calen.
La pots obrir quan vulguis, sense avisar i sense demanar permís, per veure per on va. Abans d’encendre-la es prova en mòbils petits, tauletes i pantalles grans, amb teclat i amb el contrast mesurat, no mirat. I el que no s’hagi pogut comprovar, t’ho dic: prefereixo un informe amb pegues a un «tot llest» que no s’aguanta.
De tu: mirar-la i dir-me què grinyola. Les revisions són justament per a això.
Domini, allotjament i comptes al teu nom, no al meu. El codi comentat i documentat, perquè qualsevol altre programador el pugui seguir. I una explicació de com tocar el que voldràs tocar. Si un dia vols canviar de mans, te’n vas amb tot i sense demanar-me res. I si prefereixes no ocupar-te’n, em quedo amb el manteniment.
De tu: res. És teva.
Hi ha negocis que no necessiten una altra pàgina: necessiten una eina que encara no existeix. El lloc on deixes de repetir feina, de perseguir dades i de fiar-ho tot que ningú s’equivoqui. Això també es construeix, i es construeix per a tu.
Un panell propi amb les teves fitxes, els teus estats i els teus permisos: cada persona veu el que és seu, els canvis queden registrats i ningú trepitja la feina de ningú. S’hi entra des del navegador, sense instal·lar res i des del mòbil.
Un CRM fet per a com vens tu: contactes, seguiment, avisos del que toca avui i l’historial complet de cada conversa. Sense pagar per usuari cada mes i sense torçar la teva manera de treballar perquè càpiga en un programa genèric.
Connectar el que ja fas servir —botiga, facturació, magatzem, el full de càlcul de sempre, el programa del gestor— perquè una dada s’escrigui un cop i viatgi sola. Quan no hi ha integració possible, es construeix la peça que falta.
Un producte de debò: comptes d’usuari, plans, cobrament recurrent, panell d’administració i les mesures que exigeix guardar dades d’altres persones. Surt per fases, amb alguna cosa que funciona i es pot ensenyar aviat.
Informes que es generen sols, avisos que surten quan toca, dades que passen d’un lloc a l’altre sense que ningú les copiï. El que és repetitiu ho fa la màquina i el teu equip es dedica al que una màquina no sap fer.
Vesta és un sistema immobiliari complet i està obert: catàleg públic, panell de gestió amb altes, fotos, historial de canvis i consultes, i la seva pròpia base de dades. Entra com a administrador i toca tot el que vulguis — és una maqueta nostra, no el web de ningú, i els canvis no es guarden.
No porten preu de partida, i no és una evasiva. Dos sistemes no s’assemblen en res: el número surt de l’abast, i l’abast surt d’una conversa mirant com treballes avui. Et passo un pressupost per escrit, amb l’abast detallat, abans de començar. Sense compromís.
Quadern de bitàcola · Casos
Encarregat, cobrat i lliurat a un client, que ha donat permís per escrit per publicar-lo. Avui és un. Quan siguin més, seran aquí.
Amorin Artificial Grass instal·la gespa artificial a Miami-Dade. Tenia un any i mig de feina ensenyada a Instagram i cap web: tot el trànsit moria dins de l’aplicació. Investigant el mercat va aparèixer el que importava — de nou competidors del comtat, cap tenia web en castellà, en un comtat on dues de cada tres persones parlen castellà a casa.
Web bilingüe amb el castellà com a idioma principal i no com a traducció de cortesia: és l’avantatge que el sector sencer estava deixant sobre la taula. L’obra real surt de les seves pròpies publicacions, i el comparador abans/després apareix només on les dues fotos estan fetes des del mateix lloc — un comparador mal alineat no demostra res i es nota a l’instant. I la calor es tracta de cara, que és l’objecció més documentada del sector i la que cap dels nou aborda.
Puntuació mesurada
Lighthouse, móvil · Mesurat sobre el lliurament que el client publica al seu domini, servit comprimit. És la pitjor de les tres pàgines mesurades (les altres donen 99 i 100). Com qualsevol mesura d’una web viva, depèn del servidor i del moment: reprodueix-la tu mateix si vols.
Lliurada l’agost de 2026 i publicada pel client al seu propi domini. Les quatre puntuacions són del lliurament, mesurades abans que ell la pugés: pots passar-li Lighthouse tu mateix i comprovar-ho.
Obrir amorinartificialgrass.com (s’obre en una pestanya nova) ↗
No són encàrrecs i no hi ha cap client al darrere. Vaig triar tres sectors, vaig estudiar què falla un cop i un altre a les seves webs i vaig construir la resposta sencera, amb marques inventades, per poder ensenyar com treballo sense ensenyar la feina de ningú. Estan acabades i són navegables: obre-les i mesura-les tu.
És el patró que més es repeteix al sector: la carta viu en un PDF pensat per al paper, el telèfon és una imatge —o sigui que no es pot prémer— i per reservar cal sortir a una altra aplicació. Qui mira una carta a les dues del migdia ho fa dret, amb una mà i amb pressa.
Carta en HTML de debò, llegible sense ampliar i amb els al·lèrgens al costat de cada plat: el PDF es descarta sencer perquè qualsevol adob a sobre d’un PDF continua sent un PDF. Telèfon que es pot prémer, adreça que obre el mapa i horari que s’entén d’un cop d’ull. Sense aplicació pel mig.
Puntuació mesurada
Lighthouse, mòbil · mesurat el
*El SEO no arriba a 100 per una decisió deliberada: les maquetes van en noindex perquè un negoci inventat no aparegui a Google. És l’única cosa que li falta.
Una immobiliària mou el seu catàleg cada setmana. Si donar d’alta un habitatge, canviar un preu o pujar quatre fotos exigeix trucar a qui va fer la web, el catàleg es queda vell — i un catàleg vell costa trucades.
No una web: un sistema. Catàleg públic amb fitxa per habitatge i formulari de consulta, i al darrere un panell de gestió amb altes, baixes, fotos, historial de canvis i safata de consultes, sobre la seva pròpia base de dades. Es va fer així perquè el problema no era el disseny, era qui pot canviar el contingut: si això continua depenent de mi, la web neix caducant. Pots entrar al panell i tocar-ho tot.
Puntuació mesurada
Lighthouse, mòbil · mesurat el
*El SEO no arriba a 100 per una decisió deliberada: les maquetes van en noindex perquè un negoci inventat no aparegui a Google. És l’única cosa que li falta.
A barberies, estètica, tallers o consultes, l’agenda es porta a mà i les cites entren per missatge. Es contesta quan es pot, i cada minut que passa el client està mirant el del costat. Qui treballa amb les mans ocupades no pot estar pendent del telèfon.
Els serveis amb el seu preu i la seva durada al davant, sense haver de preguntar: la meitat dels missatges que interrompen són «quant costa?». La cita en un pas, des del mòbil i sense instal·lar res. I la web en tres idiomes, que a Girona no és cap caprici.
Puntuació mesurada
Lighthouse, mòbil · mesurat el
*El SEO no arriba a 100 per una decisió deliberada: les maquetes van en noindex perquè un negoci inventat no aparegui a Google. És l’única cosa que li falta.
En una ciutat amb turisme, bona part de qui obre la carta no llegeix l’idioma en què està escrita. L’apedaç habitual és un PDF per idioma o un traductor automàtic a sobre: el primer es queda vell el dia que canvia un preu —i només en tres dels quatre fitxers—, i el segon tradueix els noms dels plats, que és justament el que no s’ha de traduir.
Una sola web en quatre idiomes —català, castellà, anglès
i francès—, cadascun amb la seva adreça pròpia i amb hreflang,
perquè Google ensenyi la bona i no la tradueixi ell. La carta no és un
document: és informació, i un preu es canvia un cop i canvia en els quatre
idiomes alhora.
Està feta amb React (Next.js) i això es paga: 84 de rendiment, davant del 90-97 de les maquetes d’HTML pla d’aquí dalt. El codi que fa possible canviar d’idioma sense recarregar s’ha de descarregar. Amb dos idiomes no compensaria; amb quatre, sí.
Puntuació mesurada
Lighthouse, mòbil · mesurat el
*El SEO no arriba a 100 per la mateixa decisió que en les altres: noindex. El 84 de rendiment sí que és real i està explicat a dalt: és el que costa una aplicació de React davant d’una pàgina estàtica.
Lighthouse (el mateix que porta Chrome a dins, a «Eines per a
desenvolupadors»), perfil mòbil: pantalla de 412 × 823, xarxa 3G
ràpida i processador frenat ×4. Es mesura la portada de cada maqueta, amb la
memòria cau desactivada. Les quatre puntuacions són les quatre categories que dona
Lighthouse tal qual: no es tria la millor ni es fa mitjana de diverses passades.
Dos advertiments, perquè el número signifiqui alguna cosa.
El primer: Rendiment depèn del dia, de la xarxa i de la màquina, així que
si ho repeteixes et sortirà semblant, no idèntic — les altres tres categories sí que
són estables. El segon: les maquetes porten noindex a propòsit, perquè
són negocis inventats i no han de competir a Google amb ningú; Lighthouse ho
considera un error de SEO i per això aquella columna es queda a la
seixantena. És l’única cosa que els falta a tres de les quatre; la quarta paga a més el
preu d’estar feta amb React, i ho diu a la seva pròpia fitxa.
Tot això ho pots repetir tu en un minut: obre la maqueta, pestanya «Lighthouse»,
mode mòbil, «Analitza». Per això estan obertes.
Estació de preus · Preus
Tres plans de web, amb el preu al davant i sense sorpreses. Tots inclouen disseny a mida, responsive de debò i la web preparada per als cercadors. Els sistemes a mida són una altra cosa i van a part.
Per començar a brillar
des de 800€+ IVA
Per consolidar la teva marca
des de 1.500€+ IVA
Per no passar desapercebut
des de 3.000€+ IVA
La quarta via
CRM, ERP, panells interns, SaaS i automatització de processos. No porten preu de partida perquè no s’assemblen entre si: el número surt de l’abast i l’abast surt d’una conversa. Mira què es construeix →
«Des de» = preu de partida segons l’abast del projecte.
Revisions incloses segons el pla.
Es reserva amb una paga i senyal del 30 % i la resta al lliurament.
Manteniment opcional des de 75 €/mes,
i me n’encarrego jo.
Tots els imports són sense IVA: a la factura s’hi afegeix el 21 % vigent.
Estació final · Contacte
Explica’m què necessites i et contesto jo amb una proposta clara —normalment en menys de 24 h laborables— sense compromís ni tecnicismes. Si prefereixes veure abans un ordre de magnitud, la calculadora és aquí al costat.
Prefereixes escriure’m directament? javier@espurna.studio
Senyal rebut.
T’escric jo, en Javier, des de javier@espurna.studio, en menys de 24 hores laborables. Si no veus res, fes un cop d’ull a la carpeta de correu brossa i marca’l com a desitjat.
No s’ha pogut enviar.
Ha fallat alguna cosa al servidor, no el que has escrit. Escriu-me directament a javier@espurna.studio i ho mirem igual — i perdona la volta.
Control de terra · Preguntes
Una web de presentació (La Chispa) surt en una o dues setmanes. Una web completa (La Llama), en un mes aproximadament. Una experiència immersiva (La Hoguera) va de dues setmanes a un mes segons el que porti dins, i el termini exacte queda tancat per escrit al pressupost abans de començar, no després. El rellotge comença quan tinc els textos i les fotos: si els escric jo, et dic quant suma.
No, és el normal. Els textos els escric jo a partir de la conversa que tinguem: tu saps vendre el que fas parlant, i la meva feina és posar-ho per escrit perquè també vengui llegint-ho. Amb les fotos et dic exactament quines preses calen i com fer-les, o busquem un fotògraf. A la calculadora pots marcar «no tinc res» i veure quant suma.
Teus. Es contracten a nom teu i amb la teva targeta, directament amb el proveïdor: jo només els configuro. Costen el que cobri el proveïdor —no hi porto comissió ni els revenc— i si algun dia vols anar-te’n a un altre lloc, o treballar amb una altra persona, t’ho endús tot sense demanar-me permís. És la diferència entre tenir una web i llogar-la.
Dues coses. La primera, els canvis petits que vulguis fer —un text, un preu, una foto, un horari nou—: me’ls demanes i els faig jo. La segona, que la web no caigui, no es pengi i no doni errors: la vigilo, i si alguna cosa es trenca ho arreglo sense que te n’hagis d’adonar tu. Per poder sostenir això hi van dins les còpies de seguretat, les actualitzacions de seguretat i l’avís de renovació del domini i l’allotjament abans que caduquin. Una funció nova o un redisseny es pressuposten a part, i t’ho dic abans de tocar res. És opcional: la web funciona igual sense ell, i te’n pots donar de baixa quan vulguis.
Arreglar un error meu —alguna cosa que no funciona, que es veu malament o que no és el que havíem acordat— no es cobra mai. Després del lliurament, els canvis petits entren al manteniment i la resta es pressuposta. I com que el codi s’entrega comentat i documentat, també te’l pots endur a qualsevol altre programador.
Amb una paga i senyal del 30 % que reserva la data, i el 70 % restant al lliurament. Amb un exemple: si la web són 1.000 €, en començar en pagues 300 i en rebre-la els altres 700. Amb factura i amb l’IVA desglossat. No hi ha quotes amagades ni permanència: el manteniment, si el vols, va a part i es pot cancel·lar.
Sí. Sóc a Girona i m’agrada fer un cafè amb qui tinc a prop, però la feina es fa igual de bé per videotrucada: l’últim projecte entregat és per a una empresa de Miami, en castellà i en anglès (és als casos). L’únic que canvia amb la distància és l’horari de les trucades.
Un programa fet per a com treballes tu, en comptes d’una web: un tauler on portar les teves fitxes, un CRM amb els teus clients, la connexió entre dos programes que avui no es parlen. S’hi entra des del navegador, sense instal·lar res. Va per pressupost i no porta preu de partida perquè no s’assemblen entre si. Estan explicats un a un a Fora d’òrbita, i n’hi ha un de navegable (Vesta) que pots obrir i tocar.