Espurna
EspurnaStudio Enciende tu proyecto

Estudio de desarrollo web en Girona No hacemos webs. Encendemos marcas.

Webs rápidas, seguras y sin errores, con diseños que se quedan en la memoria. Las diseño y las programo yo, de principio a fin, para el negocio que hay detrás.

Scroll para seguir explorando Toca para despegar
01 · Mercurio

Tu web carga antes de que respiren.

El 53% de las visitas desde el móvil se abandonan si la web tarda más de 3 segundos en cargar. Cada décima que ganas es dinero que no pierdes.

  • Se mide antes de entregarla. Lighthouse y Core Web Vitals, y te enseño el número.
  • Sin frameworks pesados donde no hacen falta. Código afinado a mano.
  • Imágenes y fuentes optimizadas para que todo aparezca al instante.
Quiero una web rápida →
02 · Tierra

Que te encuentren antes que a tu competencia.

De poco sirve la web más bonita si nadie la ve. La preparo para Google y para los buscadores con IA, para que aparezcas cuando te buscan.

  • SEO técnico y de contenido: estructura, schema, sitemap, velocidad.
  • Preparada para la IA (AEO): que ChatGPT y Google te citen a ti.
  • Medible: analítica para saber qué funciona y qué mejorar.
Quiero posicionar →
03 · Venus

Un diseño que no se olvida.

Tienes 50 milisegundos para causar una primera impresión. La aprovecho con diseño a medida, movimiento con intención y una identidad que es solo tuya.

  • Diseño 100% a medida. Nada de plantillas recicladas.
  • Animación con propósito que guía la mirada y cuenta tu historia.
  • Coherencia total entre marca, mensaje y experiencia.
Quiero destacar →
04 · Marte

Webs blindadas. Probadas antes de encenderlas.

Una web caída o hackeada cuesta clientes y reputación. Las mías nacen protegidas, probadas y listas para no fallar cuando más importa.

  • HTTPS, cabeceras y buenas prácticas de seguridad de serie.
  • Probada en todos los dispositivos antes de encenderla.
  • Mantenimiento opcional para que siga fresca y a salvo.
Quiero tranquilidad →
05 · Júpiter

A veces el problema no es la web.

Hay negocios a los que no les falta una página: les falta una herramienta que todavía no existe. Eso también lo construyo, y va por su propio camino.

Ver los sistemas a medida →

El piloto · Quién soy

Detrás de la nave hay una persona.

Me llamo Javier Caballero y hago webs y aplicaciones a medida: cada proyecto se piensa y se escribe para el negocio que lo pide, en vez de rellenar una plantilla. Cinco años programando, y hablas siempre conmigo.

Hablas con quien lo hace

Sin gestores de cuenta ni teléfonos escacharrados: me lo cuentas a mí y lo construyo yo. Quien diseña, quien programa y quien te contesta el correo son la misma persona.

Se entrega documentado

El código va comentado y con su documentación, para que cualquier otro programador pueda continuarlo el día de mañana. No dependes de mí.

Se prueba antes de encenderla

Móviles pequeños, tabletas, pantallas grandes, teclado, lector de pantalla y contraste medido. Si algo no se ha podido comprobar, te lo digo.

Sin ataduras

Tecnología estándar y dominio, hosting y cuentas a tu nombre. Si algún día quieres llevártelo a otro sitio, te llevas todo.

Con qué lo construyo

La regla es elegir lo más sencillo que resuelva el problema. Esta web, por ejemplo, no usa ningún framework: es HTML, CSS y JavaScript escritos a mano. Lo que uso a diario:

Interfaz
HTML · CSS · JavaScript · TypeScript · React · Astro · Next.js · Tailwind
Animación y 3D
GSAP · Three.js · WebGL
Servidor y datos
PHP 8 · Node.js · SQLite · PostgreSQL · Supabase

Si tu proyecto pide otra cosa —una app nativa, una integración concreta, una base de datos que ya tienes montada— lo hablamos y te digo si es lo que te conviene o si hay un camino más corto.

Plan de vuelo · Cómo trabajo

Cinco pasos, y sabes dónde estás en cada uno.

Nada de «ya te enseño algo cuando esté». En todo momento sabes qué toca, qué necesito de ti y qué puedes decidir todavía.

  1. Por videollamada o por teléfono, como prefieras. Me cuentas qué vendes, a quién y qué te está fallando ahora. Salgo de ahí sabiendo si lo que necesitas es una web, otra cosa o nada — y si es nada, te lo digo, porque venderte algo que no te sirve me cuesta más de lo que me da.

    De ti: contarlo tal cual es, incluido lo que no funciona.

  2. Qué entra, qué no entra, para cuándo y cuánto. Si algo se puede hacer más barato consiguiendo lo mismo, va escrito ahí en vez de callármelo. Y si durante el proyecto pides algo que estaba fuera, lo verás como un añadido aparte antes de que exista: nunca al final y nunca por sorpresa.

    De ti: decir sí, decir no o pedir que cambie algo. Hasta aquí no has pagado nada.

  3. Primero la estructura —qué se cuenta y en qué orden— y después el diseño. El orden importa: mover un bloque sobre un boceto es un rato, moverlo sobre una web construida es rehacerla. Por eso lo enseño en el momento en que tu opinión todavía es gratis.

    De ti: textos y fotos si los tienes; si no, los escribo yo y te digo exactamente qué fotos hacen falta.

  4. Puedes abrirla cuando quieras, sin avisar y sin pedir permiso, para ver por dónde va. Antes de encenderla se prueba en móviles pequeños, tabletas y pantallas grandes, con teclado y con el contraste medido, no mirado. Y lo que no se haya podido comprobar, te lo digo: prefiero un informe con pegas a un «todo listo» que no se sostiene.

    De ti: mirarla y decirme qué chirría. Las revisiones están justo para eso.

  5. Dominio, hosting y cuentas a tu nombre, no al mío. El código comentado y documentado, para que cualquier otro programador pueda seguirlo. Y una explicación de cómo tocar lo que vas a querer tocar. Si un día quieres cambiar de manos, te vas con todo y sin pedirme nada. Y si prefieres no ocuparte, me quedo con el mantenimiento.

    De ti: nada. Es tuya.

Hay negocios que no necesitan otra página: necesitan una herramienta que todavía no existe. El sitio donde dejas de repetir trabajo, de perseguir datos y de fiarlo todo a que nadie se equivoque. Eso también se construye, y se construye para ti.

  • Panel de gestión

    Lo llevas todo en hojas de cálculo y ya no caben.

    Un panel propio con tus fichas, tus estados y tus permisos: cada persona ve lo suyo, los cambios quedan registrados y nadie pisa el trabajo de nadie. Se entra desde el navegador, sin instalar nada y desde el móvil.

  • CRM

    Los clientes están repartidos entre el correo, el móvil y tu cabeza.

    Un CRM hecho para cómo vendes tú: contactos, seguimiento, avisos de lo que toca hoy y el historial completo de cada conversación. Sin pagar por usuario cada mes y sin torcer tu forma de trabajar para que quepa en un programa genérico.

  • ERP y operaciones

    El mismo dato se teclea tres veces, y a la tercera alguien se equivoca.

    Conectar lo que ya usas —tienda, facturación, almacén, la hoja de cálculo de siempre, el programa del gestor— para que un dato se escriba una vez y viaje solo. Cuando no hay integración posible, se construye la pieza que falta.

  • SaaS

    Tu producto es el software, y todavía no existe.

    Un producto de verdad: cuentas de usuario, planes, cobro recurrente, panel de administración y las medidas que exige guardar datos de otras personas. Sale por fases, con algo que funciona y se puede enseñar desde pronto.

  • Automatización

    Hay una tarea que alguien repite cada día y nadie se atreve a tocar.

    Informes que se generan solos, avisos que salen cuando toca, datos que pasan de un sitio a otro sin que nadie los copie. Lo repetitivo lo hace la máquina y tu equipo se dedica a lo que una máquina no sabe hacer.

¿Cómo es uno de estos por dentro?

Vesta es un sistema inmobiliario completo y está abierto: catálogo público, panel de gestión con altas, fotos, historial de cambios y consultas, y su propia base de datos. Entra como administrador y trastea todo lo que quieras — es una maqueta nuestra, no la web de nadie, y los cambios no se guardan.

Entrar al panel de Vesta (se abre en una pestaña nueva)

No llevan precio de partida, y no es una evasiva. Dos sistemas no se parecen en nada: el número sale del alcance, y el alcance sale de una conversación mirando cómo trabajas hoy. Te paso un presupuesto por escrito, con el alcance detallado, antes de empezar. Sin compromiso.

Cuaderno de bitácora · Casos

Cuatro problemas, y qué se hizo.

Trabajo real 1 caso

Encargado, cobrado y entregado a un cliente, que ha dado permiso por escrito para publicarlo. Hoy es uno. Cuando sean más, estarán aquí.

  1. El problema

    Amorin Artificial Grass instala césped artificial en Miami-Dade. Tenía año y medio de trabajo enseñado en Instagram y ninguna web: todo el tráfico moría dentro de la aplicación. Investigando el mercado apareció lo importante — de nueve competidores del condado, ninguno tenía web en español, en un condado donde dos de cada tres personas hablan español en casa.

    Qué se construyó y por qué

    Web bilingüe con el español como idioma principal y no como traducción de cortesía: es la ventaja que el sector entero estaba dejando en la mesa. La obra real sale de sus propias publicaciones, y el comparador antes/después aparece solo donde las dos fotos están tomadas desde el mismo sitio — un comparador mal alineado no demuestra nada y se nota al instante. Y el calor se trata de frente, que es la objeción mejor documentada del sector y la que ninguno de los nueve aborda.

    Puntuación medida

    • 98Rendimiento
    • 100Accesibilidad
    • 100Prácticas recomendadas
    • 100SEO

    Lighthouse, móvil · Medido sobre la entrega que el cliente publica en su dominio, servida comprimida. Es la peor de las tres páginas medidas (las otras dan 99 y 100). Como cualquier medida de una web viva, depende del servidor y del momento: reprodúcela tú mismo si quieres.

    Entregada en agosto de 2026 y publicada por el cliente en su propio dominio. Las cuatro puntuaciones son de la entrega, medidas antes de que él la subiera: puedes pasarle Lighthouse tú mismo y comprobarlo.

    Abrir amorinartificialgrass.com (se abre en una pestaña nueva)

Propuestas conceptuales 3 casos

No son encargos y no hay cliente detrás. Elegí tres sectores, estudié qué falla una y otra vez en sus webs y construí la respuesta entera, con marcas inventadas, para poder enseñar cómo trabajo sin enseñar el trabajo de nadie. Están terminadas y son navegables: ábrelas y mídelas tú.

  1. El problema

    Es el patrón que más se repite en el sector: la carta vive en un PDF pensado para papel, el teléfono está en una imagen —así que no se puede pulsar— y para reservar hay que salir a otra aplicación. Quien mira una carta a las dos del mediodía lo hace de pie, con una mano y con prisa.

    Qué se construyó y por qué

    Carta en HTML de verdad, legible sin ampliar y con los alérgenos al lado de cada plato: el PDF se descarta entero porque cualquier arreglo encima de un PDF sigue siendo un PDF. Teléfono pulsable, dirección que abre el mapa y horario que se entiende de un vistazo. Sin aplicación intermedia.

    Puntuación medida

    Lighthouse, móvil · medido el *El SEO no llega a 100 por una decisión deliberada: las maquetas van en noindex para que un negocio inventado no aparezca en Google. Es lo único que le falta.

    Abrir la maqueta (se abre en una pestaña nueva)

  2. El problema

    Una inmobiliaria mueve su catálogo cada semana. Si dar de alta una vivienda, cambiar un precio o subir cuatro fotos exige llamar a quien hizo la web, el catálogo se queda viejo — y un catálogo viejo cuesta llamadas.

    Qué se construyó y por qué

    No una web: un sistema. Catálogo público con ficha por vivienda y formulario de consulta, y detrás un panel de gestión con altas, bajas, fotos, historial de cambios y bandeja de consultas, sobre su propia base de datos. Se hizo así porque el problema no era el diseño, era quién puede cambiar el contenido: si eso sigue dependiendo de mí, la web nace caducando. Puedes entrar al panel y trastear.

    Puntuación medida

    Lighthouse, móvil · medido el *El SEO no llega a 100 por una decisión deliberada: las maquetas van en noindex para que un negocio inventado no aparezca en Google. Es lo único que le falta.

    Abrir la maqueta (se abre en una pestaña nueva)

  3. El problema

    En barberías, estética, talleres o consultas, la agenda se lleva a mano y las citas entran por mensaje. Se contesta cuando se puede, y cada minuto que pasa el cliente está mirando al de al lado. El que trabaja con las manos ocupadas no puede estar pendiente del teléfono.

    Qué se construyó y por qué

    Los servicios con su precio y su duración delante, sin tener que preguntar: la mitad de los mensajes que interrumpen son «¿cuánto cuesta?». La cita en un paso, desde el móvil y sin instalar nada. Y la web en tres idiomas, que en Girona no es un capricho.

    Puntuación medida

    Lighthouse, móvil · medido el *El SEO no llega a 100 por una decisión deliberada: las maquetas van en noindex para que un negocio inventado no aparezca en Google. Es lo único que le falta.

    Abrir la maqueta (se abre en una pestaña nueva)

  4. El problema

    En una ciudad con turismo, buena parte de quien abre la carta no lee el idioma en que está escrita. El apaño habitual es un PDF por idioma o un traductor automático encima: lo primero se queda viejo el día que cambia un precio —y solo en tres de los cuatro ficheros—, y lo segundo traduce los nombres de los platos, que es justo lo que no hay que traducir.

    Qué se construyó y por qué

    Una sola web en cuatro idiomas —catalán, castellano, inglés y francés—, cada uno con su dirección propia y con hreflang, para que Google enseñe la buena y no la traduzca él. La carta no es un documento: es información, y un precio se cambia una vez y cambia en los cuatro idiomas a la vez.

    Está hecha con React (Next.js) y eso se paga: 84 en rendimiento, frente al 90-97 de las maquetas de HTML plano de aquí arriba. El código que hace posible cambiar de idioma sin recargar hay que descargarlo. Con dos idiomas no compensaría; con cuatro, sí.

    Puntuación medida

    Lighthouse, móvil · medido el *El SEO no llega a 100 por la misma decisión que en las otras: noindex. El 84 de rendimiento sí es real y está explicado arriba: es lo que cuesta una aplicación de React frente a una página estática.

    Abrir la maqueta (se abre en una pestaña nueva)

Cómo se han medido estos números

Lighthouse (el mismo que lleva Chrome dentro, en «Herramientas para desarrolladores»), perfil móvil: pantalla de 412 × 823, red 3G rápida y procesador frenado ×4. Se mide la portada de cada maqueta, con la caché desactivada. Las cuatro puntuaciones son las cuatro categorías que da Lighthouse tal cual: no se elige la mejor ni se hace media de varias pasadas.

Dos advertencias, para que el número signifique algo. La primera: Rendimiento depende del día, de la red y de la máquina, así que si lo repites te saldrá parecido, no idéntico — las otras tres categorías sí son estables. La segunda: las maquetas llevan noindex a propósito, porque son negocios inventados y no deben competir en Google con nadie; Lighthouse lo considera un fallo de SEO y por eso esa columna se queda en la sesentena. Es lo único que les falta a tres de las cuatro; la cuarta paga además el precio de estar hecha con React, y lo dice en su propia ficha.

Todo esto lo puedes repetir tú en un minuto: abre la maqueta, pestaña «Lighthouse», modo móvil, «Analizar». Para eso están abiertas.

Estación de precios · Precios

Elige cuánto quieres arder.

Tres planes de web, con el precio delante y sin sorpresas. Todos incluyen diseño a medida, responsive de verdad y la web preparada para buscadores. Los sistemas a medida son otra cosa y van aparte.

La Chispa

Para empezar a brillar

desde 800+ IVA

  • Web de presentación a medida, hasta 2 páginas
  • Diseño exclusivo, nada de plantillas
  • Perfecta en móvil y ultrarrápida
  • Formulario que te llega al correo
  • SEO básico para aparecer en Google
  • Entrega en 1–2 semanas
Encender La Chispa

La Hoguera

Para no pasar desapercibido

desde 3.000+ IVA

  • Experiencia inmersiva única (como esta web), hasta 10 páginas
  • Integraciones: reservas, panel, tienda, catálogo…
  • SEO avanzado + preparada para IA (AEO)
  • Multilingüe ampliado
  • Rendimiento y seguridad de máximo nivel
  • Entrega en 2 semanas – 1 mes, cerrado por escrito antes de empezar
  • Soporte prioritario 60 días
Encender La Hoguera

La cuarta vía

Sistemas a medida · por presupuesto

CRM, ERP, paneles internos, SaaS y automatización de procesos. No llevan precio de partida porque no se parecen entre sí: el número sale del alcance y el alcance sale de una conversación. Mira qué se construye →

Pedir presupuesto

«Desde» = precio de partida según el alcance del proyecto. Revisiones incluidas según el plan. Se reserva con una paga y señal del 30 % y el resto a la entrega. Mantenimiento opcional desde 75 €/mes, y me encargo yo.
Todos los importes son sin IVA: en la factura se añade el 21 % vigente.

Estación final · Contacto

Envía tu señal.

Cuéntame qué necesitas y te contesto yo con una propuesta clara —normalmente en menos de 24 h laborables— sin compromiso ni tecnicismos. Si prefieres ver antes un orden de magnitud, la calculadora está aquí al lado.

¿Prefieres escribirme directamente? javier@espurna.studio

  • Respuesta en < 24 h
  • Presupuesto sin compromiso
  • Hablas con quien lo desarrolla

Señal recibida.

Te escribo yo, Javier, desde javier@espurna.studio, en menos de 24 horas laborables. Si no ves nada, echa un ojo a la carpeta de spam y márcalo como correo deseado.

Campos obligatorios

Control de tierra · Preguntas

Lo que siempre me preguntan.

¿Cuánto se tarda en tener la web?

Una web de presentación (La Chispa) sale en una o dos semanas. Una web completa (La Llama), en un mes aproximadamente. Una experiencia inmersiva (La Hoguera) va de dos semanas a un mes según lo que lleve dentro, y el plazo exacto queda cerrado por escrito en el presupuesto antes de empezar, no después. El reloj empieza cuando tengo los textos y las fotos: si los escribo yo, te digo cuánto suma.

No tengo textos ni fotos. ¿Es un problema?

No, es lo normal. Los textos los escribo yo a partir de la conversación que tengamos: tú sabes vender lo tuyo hablando, y mi trabajo es ponerlo por escrito para que también venda leyéndolo. Con las fotos te digo exactamente qué tomas hacen falta y cómo hacerlas, o buscamos un fotógrafo. En la calculadora puedes marcar «no tengo nada» y ver cuánto suma.

¿De quién son el dominio y el hosting?

Tuyos. Se contratan a tu nombre y con tu tarjeta, directamente con el proveedor: yo solo los configuro. Cuestan lo que cobre el proveedor —no llevo comisión ni los revendo— y si algún día quieres irte a otro sitio, o trabajar con otra persona, te llevas todo sin pedirme permiso. Es la diferencia entre tener una web y alquilarla.

¿Qué incluye el mantenimiento de 75 €/mes?

Dos cosas. La primera, los cambios pequeños que quieras hacer —un texto, un precio, una foto, un horario nuevo—: me los pides y los hago yo. La segunda, que la web no se caiga, no se cuelgue y no dé errores: la vigilo, y si algo se rompe lo arreglo sin que tengas que darte cuenta tú. Para poder sostener eso van dentro las copias de seguridad, las actualizaciones de seguridad y el aviso de renovación del dominio y el hosting antes de que caduquen. Una función nueva o un rediseño se presupuestan aparte, y te lo digo antes de tocar nada. Es opcional: la web funciona igual sin él, y puedes darte de baja cuando quieras.

¿Y si quiero cambiar algo cuando ya esté hecha?

Arreglar un fallo mío —algo que no funciona, que se ve mal o que no es lo acordado— no se cobra nunca. Después de la entrega, los cambios pequeños entran en el mantenimiento y lo demás se presupuesta. Y como el código se entrega comentado y documentado, también puedes llevárselo a cualquier otro programador.

¿Cómo se paga?

Con una paga y señal del 30 % que reserva la fecha, y el 70 % restante a la entrega. Con un ejemplo: si la web son 1.000 €, al empezar pagas 300 y al recibirla los otros 700. Con factura y con el IVA desglosado. No hay cuotas escondidas ni permanencia: el mantenimiento, si lo quieres, va aparte y se puede cancelar.

Estoy fuera de Girona. ¿Trabajas en remoto?

Sí. Estoy en Girona y me gusta tomar un café con quien tengo cerca, pero el trabajo se hace igual de bien por videollamada: el último proyecto entregado es para una empresa de Miami, en español y en inglés (está en los casos). Lo único que cambia con la distancia es el horario de las llamadas.

¿Qué es exactamente un «sistema a medida»?

Un programa hecho para cómo trabajas tú, en vez de una web: un panel donde llevar tus fichas, un CRM con tus clientes, la conexión entre dos programas que hoy no se hablan. Se entra desde el navegador, sin instalar nada. Va por presupuesto y no lleva precio de partida porque no se parecen entre sí. Están explicados uno a uno en Fuera de órbita, y hay uno navegable (Vesta) que puedes abrir y tocar.