Proyectos · Caso

drone.barcelona

Antes de volar, tenerlo claro.

Marca propiaIdentidad digitalWeb estáticaSEO técnico 2026
La portada de drone.barcelona en un portátil y en un móvil: el titular DRONS SOBRE BARCELONA en Bebas Neue negra y roja sobre fondo crema
drone.barcelona · marca propia · catalán, castellano e inglés

El punto de partida

Esta web no es de un cliente: es nuestra. drone.barcelona es una marca de Damos en el Blanco, levantada desde cero —nombre, dominio, identidad, web y programación— para el trabajo aéreo con dron en Barcelona y en Cataluña. Lo dice la propia web en el pie, y lo decimos aquí.

El arranque fue una observación incómoda: la imagen aérea bonita la tiene cualquiera. Lo que decide una contratación no es el plano, es si se puede volar ahí, con qué permiso y cuándo se entrega. Así que la web tenía que vender legalidad y plazo, no postales.

Qué hicimos

Primero el nombre y el dominio. drone.barcelona dice el qué y el dónde sin explicar nada, y la marca y la dirección son la misma palabra. A partir de ahí, un kit de marca publicado en la propia web: no un logotipo suelto, sino un sistema con sus reglas a la vista.

Un cartel impreso, no una landing. Titulares enormes en Bebas Neue con una palabra en rojo, cuerpo en Archivo y todas las garantías compuestas en Space Mono, como si fueran una acreditación. Cero radios, cero sombras, cero degradados: papel crema, tinta casi negra y un rojo. Tres tipografías con tres oficios: gritar, leer y acreditar.

Web estática escrita a mano, sin CMS y sin dependencias. HTML, CSS y JavaScript propios: carga inmediata, nada que actualizar y nada que se rompa. Encima, el SEO técnico que un proyecto así necesita el primer día: hreflang en catalán, castellano e inglés con x-default, canonical, y FAQPage, LocalBusiness y catálogo de servicios en JSON-LD.

Una estructura pensada para que alguien la encuentre. Tres servicios, seis sectores, ocho páginas escritas comarca a comarca, un mapa de cobertura animado y una herramienta de cuatro preguntas que responde si puedes volar ahí y con qué permiso. La captación no se añade al final: es la arquitectura.

La decisión de diseño

El papeleo, delante. Y bien compuesto.

La decisión fue poner delante el papeleo. En un sector que se vende con planos espectaculares, esta web empieza por lo aburrido —licencias, seguro, plazos, dónde se puede volar y dónde no— porque es exactamente lo que alguien necesita saber antes de firmar. Y porque lo aburrido, bien compuesto, también se mira.

drone.barcelona · la marca toma forma
Abrir vídeo ↗
Composición del sistema de drone.barcelona: logotipo en Bebas Neue con punto rojo sobre tinta, titular Drons sobre Barcelona, especímenes de Bebas Neue, Archivo y Space Mono, paleta de siete colores con sus hex, botones y menú, y dos capturas reales de la web.
El lenguaje de drone.barcelona: nombre, Bebas Neue para gritar, Archivo para leer, Space Mono para acreditar, papel, tinta y un solo rojo.

El proyecto en cifras

3
idiomas publicados con su hreflang
8
páginas escritas comarca a comarca
12
comarcas en el mapa de cobertura
6
sectores a los que habla la web
4
preguntas para saber si puedes volar ahí
0
dependencias: HTML, CSS y JS a mano

Qué hay debajo

Conviene decirlo claro: las imágenes que hoy se ven en drone.barcelona son de banco, material de muestra para enseñar cómo respira el sistema, y la propia web lo reconoce por escrito en la página de trabajos. Este caso no va de un rodaje: va de levantar una marca —nombre, identidad, web, estructura y SEO— y dejarla lista para que el trabajo real ocupe su sitio.

Vuelo con dron sí hemos hecho, y está en este mismo catálogo: el vídeo aéreo de obra para Roig Obres i Serveis y los timelapses de construcción de Time Lapse Barcelona, que la web declara como partner. Ese es el material que sustituirá al de muestra.

Técnicamente, el proyecto es la prueba de que un sitio pequeño no necesita CMS. Sin base de datos, sin plugins y sin capa de plantillas: una hoja de estilos y un script propios, animaciones de entrada por scroll y un JSON-LD escrito a mano. Lo que en un gestor sería mantenimiento, aquí es un commit.

Cómo fue

01NombreMarca y dominio en la misma palabra
02IdentidadPapel crema, tinta y un solo rojo
03WebEstática, a mano y en tres idiomas
04CaptaciónComarcas, mapa y herramienta de permisos

Galería · el proyecto en imágenes (clica para ampliar)

"Mirem el territori des d’on ningú més pot. Cada vol, legal; cada pla, pensat per vendre."drone.barcelona

Créditos · quién lo hizo

Marca, diseño y desarrolloDamos en el Blanco
Imágenes de muestraBanco de imágenes, pendientes de sustituir por material propio

¿Quieres un resultado así para tu proyecto?

Siguiente proyecto

API Network, una red global puesta al día en un mapa y un directorio →