Sitio web · 2026
Sala de Armas Laguna de Duero
La web de la primera sala de esgrima de Laguna de Duero (Valladolid): el club, las tres armas, la sala, horarios, cuotas y licencias, con la primera clase gratis a un mensaje de WhatsApp.
- React
El encargo
Un club que abría sus puertas en 2026, en un municipio sin tradición de esgrima. Necesitaba una web antes que alumnos, y tres cosas pesaban más que el resto.
Un deporte que casi nadie ha probado
Quien llega no sabe qué es un florete ni si esto es para él. La web tenía que explicar antes de vender.
Un club sin pasado que enseñar
Sin palmarés ni fotos de competiciones. La confianza tenía que salir del tono y del cuidado de cada detalle.
Una temporada con fecha
Las plazas de la 2026/27 se cubren en septiembre. La web tenía que estar a tiempo y llevar directa a la primera clase.
El proceso
- Fase 1
Escuchar al club
Qué ofrecen, a quién, cuándo y a qué precio. Y qué pregunta siempre quien escribe por primera vez.
- Fase 2
Ordenar el contenido
Una sola página, en el orden de las dudas: qué es, quiénes sois, dónde, cuándo y cuánto.
- Fase 3
Dirección visual
La paleta sale del escudo del club; la tipografía, del contraste entre tradición y deporte.
- Fase 4
Construir
Componentes en React, pensados primero para el móvil, con cada enlace del menú saltando a su sección.
- Fase 5
Publicar
Dominio propio, HTTPS y los enlaces de WhatsApp y correo probados uno a uno antes de abrir.
Una sala de armas, de noche
El escudo del club es azul y blanco. La paleta parte de ahí y lo empuja hacia una tinta casi negra, para que el escudo y las fotos brillen encima, y alterna franjas oscuras con franjas de color hueso para que cada cambio de tema se note sin leer el rótulo.
La tipografía cuenta la otra mitad: una serifa clásica para el oficio antiguo —la del «¡En Guardia!» en cursiva— y una condensada de rotulación deportiva para todo lo que se lee de un vistazo.
- #0B0E14
Tinta nocturna
Fondo de las franjas oscuras
- #F4F2EE
Hueso
Texto sobre oscuro y fondo de las claras
- #1B3A8C
Azul del escudo
Marquesina y llamada final
- #A8BCF0
Azul acero
Cursivas y detalles sobre oscuro
- #C4132E
Rojo de pista
Solo lo que no se puede pasar por alto
El Arte de la Esgrima
Cormorant Garamond
Titulares y citas: la tradición
¡En Guardia!
Cormorant Garamond · cursiva
El énfasis, siempre en azul acero
Barlow Condensed
Menú, rótulos y botones: el deporte
Barlow
Texto corrido
La página, de arriba abajo
Una sola página, ordenada como la duda de quien llega: qué es esto, quiénes sois, qué tendría que hacer, dónde, cuándo y cuánto. Cada enlace del menú salta a su franja.
La sala es la franja más larga a propósito: es donde se decide si uno se ve entrenando allí.
01.Cabecera125 px
marquesina con lo esencial y menú
02.Portada990 px
titular, escudo y las dos llamadas
03.Manifiesto966 px
qué premia la esgrima, en una frase
04.El club990 px
quiénes son y qué es la esgrima
05.Las armas1083 px
florete, espada y sable, con sus reglas
06.La sala1664 px
fotos, dirección y cómo llegar
07.Horarios y cursos1006 px
dos franjas, martes y jueves
08.Cuotas y licencias1046 px
el descuento de apertura, a la vista
09.Llamada final704 px
«Acepta el desafío»
10.Pie487 px
patrocinadores y contacto
Un toque hasta la primera clase
Sin formularios ni registro: quien duda entre probar o no se pierde en el tercer campo. El club ya hablaba con la gente por WhatsApp, así que la web lleva ahí, con el mensaje escrito para que solo haya que enviarlo.
- 01«Reserva tu clase gratis»en la portada, en horarios y en la llamada final
- 02WhatsApp, con el mensaje ya escrito«Hola, me gustaría reservar la clase de prueba gratuita de esgrima.»
- 03Primera clase, en ropa deportivael equipamiento lo pone el club los tres primeros meses
- 04Inscripciónel documento se descarga desde la propia web
Por correo
con el asunto ya puesto
Por WhatsApp
con un mensaje para enviar el formulario relleno
- 05Tirador del club
En el móvil
Quien llega desde Facebook o desde un grupo de WhatsApp llega con el móvil en la mano, así que la página se diseñó primero a ese ancho: el menú se reparte en dos líneas sin esconderse tras un icono, y cada arma, horario y cuota se lee como una tarjeta.
Decisiones que no se ven
Ninguna llama la atención, y es lo que buscan: que nadie tenga que escribir al club para preguntar algo que la web podía haber dicho.
Explicar antes de vender
Florete, espada y sable tienen cada uno su ficha: dónde se toca, cómo se puntúa y qué exige. Así nadie llega a la primera clase sin saber a qué va.
El precio, sin letra pequeña
Cuota mensual, trimestral y anual con el precio anterior tachado, descuentos familiares y el coste de cada licencia. La pregunta «¿cuánto cuesta?» ya está contestada.
Lo esencial, aunque no bajes
La marquesina repite lo que decide una visita: plazas abiertas, primera clase gratis, mayores de edad y equipamiento incluido.
Para quién es, dicho arriba
«Dirigido a mayores de edad» aparece antes que nada. Ahorra al club los mensajes de quien buscaba clases para sus hijos.
Cómo llegar, a un toque
El botón abre Google Maps con el polideportivo ya como destino, no con una dirección que copiar.
Un rojo, y solo uno
El rojo de pista se guarda para la cuota que más conviene. Si apareciera en más sitios, dejaría de señalar.
La web en cifras
- 1página, con nueve franjas
- 3armas explicadas
- 1toque hasta WhatsApp
- 0formularios para probar
- 3tipografías
- 5colores, uno de ellos reservado
Qué me llevo
Una web pequeña también necesita orden
Ordenar las secciones por las dudas de quien llega, y no por cómo se ve el club a sí mismo, es lo que hace que una sola página se lea de corrido.
Ir donde ya está la conversación
Un formulario habría sido un canal nuevo que atender. WhatsApp era el que el club ya contestaba.
Sin pasado, el cuidado hace de aval
Un club recién nacido no tiene trofeos que enseñar. La tipografía, el tono y que cada enlace funcione dicen que va en serio.
Lo concreto convence más que lo bonito
Las franjas que más importan son las menos vistosas: horarios, cuotas y cómo llegar.
¿Y en tu caso?
¿Tienes un club, una academia o un negocio que todavía no tiene web?
Esta se hizo para una sala de esgrima que empezaba de cero, pero el reto —que quien no te conoce entienda lo que haces y dé el primer paso sin tener que preguntar— es el mismo en casi cualquier negocio pequeño. Cojo proyectos freelance compatibilizándolos con mi trabajo, y si me lo cuentas te digo con franqueza si te puedo ayudar.
Cuéntame tu caso →