Desarrollo de páginas web
Una web que carga antes de que tu visitante cambie de opinión
El rendimiento no es un extra que se afina al final. Es una palanca de conversión, un factor de posicionamiento y un requisito de accesibilidad. Y lo decide la arquitectura, no un plugin.
- Core Web VitalsEn el briefing, no después
- WCAGAccesibilidad desde el diseño
- SEOEstructurado desde el día uno
Trabajo seleccionado
Webs que hemos hecho
Webs de programa para academias de fútbol, webs de plataforma para adtech y webs de producto para nuestras propias herramientas. Marcas distintas y el mismo problema debajo: muchas ofertas, una sola navegación y un formulario que tiene que convertir.
Barça Academy United States
Academias deportivasCuatro programas, un solo recorrido de inscripción
Campus urbanos, academias de temporada, el clinic residencial en Barcelona y la vía internacional de jugador, organizados para que una familia encuentre el suyo sin leerse los cuatro. Los botones de inscripción reflejan el estado real —abierto, lista de espera o completo— y el formulario se envía sin redirección, así que la medición de campaña sobrevive a la conversión.
Ver la web
FC Bayern München
Academias deportivasCampus, academias y viajes en una sola navegación
Tres familias de programa con duraciones, edades y sedes distintas, separadas en la arquitectura de información para que una familia no tenga que deducir cuál está leyendo.
Ver la web
Campus Experience
Academias deportivasEl campus de verano de la Fundación Real Madrid, en dos idiomas
La guía de marca de un titular de derechos no deja margen de interpretación, así que el trabajo es fidelidad y no invención. Programas y fechas, FAQs y una vía de inscripción que se queda a un clic del hero, servidos en español e inglés desde la misma web.
Ver la web
adpaq
Publicidad en audio digitalWeb de producto para una plataforma de audio programático
Una web de posicionamiento dirigida a la vez a compradores de medios y a publishers, con las cifras de inventario en la propia página y el acceso a la plataforma para clientes en la misma cabecera.
Ver la web
Cloud Trim
Gestión de costes cloudNuestro propio producto, con el mismo listón
La web de nuestra plataforma de costes de AWS: funcionalidades, precios y blog en inglés y español, con el alta como única cosa que la página pide de verdad. Aplicamos a lo nuestro el briefing que vendemos.
Ver la web
También entregadas: LaLiga Select, la web del programa Manchester City Football Language con BSC Education, Confirm y UK Futbol First. Facilitamos llamadas de referencia para consultas serias.
Qué incluye un proyecto de web
El entregable es la web. Esto es lo que hace que lo sea.
Primero la arquitectura de información
Varios programas, productos o públicos bajo un mismo techo es un problema de navegación antes que de diseño. Equivocarse ahí cuesta conversiones que ningún diseño recupera después.
Diseño que tu marca sobrevive
Implementación fiel al píxel de la marca que ya tienes, incluidas las que llegan con guías de titular de derechos que no dejan margen de interpretación.
Un CMS que tu equipo va a usar
Quien edita tiene un panel normal y publica sin desarrollador. Qué CMS depende del proyecto: uno respaldado por Git, uno headless o WordPress cuando esa es de verdad la decisión correcta.
Formularios e inscripciones que convierten
Formularios externos de reserva o inscripción integrados en la propia página, que se envían sin redirección, para que la conversión siga siendo atribuible cuando llega.
Medición cableada durante el build
Tag Manager, píxeles publicitarios y eventos de conversión montados mientras se construyen las páginas, no añadidos la semana en que arranca la campaña y descubiertos duplicando datos.
Accesibilidad y SEO técnico
Recorridos con teclado, estados de foco, contraste y semántica, probados y no afirmados. Canónicas, datos estructurados, sitemaps y hreflang generados en lugar de mantenidos a mano.
Un ejemplo real
Reconstruimos nuestra propia web para demostrarlo
Nuestra home anterior enviaba 212 KB de HTML, 48 hojas de estilo y 23 scripts, porque estaba montada en un maquetador visual que añade una petición por cada comodidad.
La nueva se genera estáticamente y se sirve desde una CDN: el mismo contenido, una fracción del peso y ningún servidor de origen en el camino de la petición.
Es la arquitectura que recomendamos para la mayoría de webs de contenido, y la razón por la que podemos hablar de rendimiento con cifras en lugar de con adjetivos.
Cómo trabajamos
La velocidad es un presupuesto que se defiende, no una fase que se planifica
Fijar el presupuesto
Acordamos por adelantado el peso de página, el número de peticiones y los objetivos de Core Web Vitals, para que cada decisión posterior tenga algo contra lo que medirse.
Diseñar dentro de él
Tipografías, imágenes e interacción se eligen sabiendo lo que cuestan. Aquí es donde se gana o se pierde casi todo el rendimiento.
Construir midiendo cada cambio
Tamaño del bundle y métricas vigilados en CI, para que una regresión se detecte en la revisión y no en una auditoría trimestral.
Lanzar con las redirecciones resueltas
URL antiguas mapeadas y monitorizadas. Una web nueva y rápida que te hunde el posicionamiento no es una mejora.
Preguntas frecuentes
Lo que se pregunta en un proyecto de web
¿Trabajáis con WordPress?
Sí, y también migramos fuera de él. Varias de las webs de arriba funcionan sobre WordPress porque el equipo del cliente publica en él a diario y eso pesaba más que los últimos kilobytes. Si tu equipo es productivo en WordPress y la web no es el cuello de botella, mantenerlo puede ser la respuesta correcta, y te lo diremos.
¿Nuestro equipo de marketing podrá seguir editando páginas?
Sí. En un build estático combinamos el front con un CMS respaldado por Git, así que quien edita trabaja en un panel de administración normal mientras lo publicado sigue estando prerenderizado. Editar contenido no requiere un desarrollador y tampoco mete una base de datos en el camino de tus visitantes.
¿Vamos a perder posicionamiento si rehacemos la web?
No si la migración se hace bien, y es justo aquí donde la mayoría de rediseños hacen daño. Las URL se mantienen idénticas siempre que se puede, todo lo que tiene que moverse recibe un 301 y los metadatos se comparan página por página con la web antigua antes del cambio.
Tratamos esa comparación como una condición para publicar, no como una tarea de limpieza posterior.
¿Podéis trabajar con nuestra guía de marca?
Es buena parte del trabajo de arriba. Las guías de marca de un titular de derechos son estrictas por diseño, e implementarlas con fidelidad es una disciplina distinta de diseñar con libertad. Construimos según la guía y planteamos los conflictos en lugar de resolverlos por nuestra cuenta.
¿Cuánto cuesta el hosting después?
En una web generada estáticamente suele ser un importe residual comparado con un servidor gestionado, porque pagas almacenamiento y tráfico en lugar de una máquina esperando peticiones sin hacer nada. Una web WordPress cuesta lo que cueste su hosting, y esa cifra te la damos antes de que elijas.
¿Cuánto tarda una web?
Una web corporativa enfocada se mide normalmente en semanas. En cualquier caso recibes un alcance por escrito con su coste antes de comprometerte, y no una horquilla que después se va ensanchando.
Mándanos tu web actual
Te diremos qué la está frenando y qué haría falta para arreglarlo, antes de que gastes nada.