veintiocho estudio creativo

Diseño web · Posicionamiento SEO

Bioestrecho

Un atlas digital de las aves y la fauna marina del Estrecho de Gibraltar: catálogo de especies, explorador cartográfico y lugares de observación en tres idiomas.

Visitar proyecto
Captura real de la web de Bioestrecho en escritorio
Captura real de la web de Bioestrecho en móvil
Cliente
Bioestrecho
Sector
Atlas digital de biodiversidad y divulgación naturalista
Localización
Estrecho de Gibraltar (Cádiz)
Servicios
Diseño web · Posicionamiento SEO

El punto de partida

Bioestrecho reúne en un solo portal la vida del Estrecho de Gibraltar: las aves que lo cruzan, los cetáceos que lo habitan y los lugares desde los que observarlos. Diseñamos un atlas sobre datos abiertos de GBIF y OBIS que convierte esas fuentes científicas en un catálogo de especies con ficha, un explorador cartográfico y una guía de lugares en las dos orillas, en español, inglés y francés.

Captura real de la web de Bioestrecho en escritorio
Captura real de la web de Bioestrecho en móvil

El reto

Hacer legible un corredor de vida sin perder el rigor del dato

Las fuentes abiertas hablan en registros, claves taxonómicas y licencias; quien sale al campo pregunta qué puede observar, dónde y en qué época. El reto era ordenar ese volumen de información para naturalistas y visitantes, en tres idiomas, con la procedencia de cada dato y de cada fotografía a la vista, y sin convertir el portal en un tablero de cifras.

La experiencia digital

Una carta náutica como interfaz: especies, mapa y lugares

El portal es oscuro de principio a fin y toma su lenguaje de la cartografía marina: la portada se apoya en el relieve y las isóbatas reales del Estrecho, y el explorador permite filtrar por especie, grupo, periodo y mes sobre el mapa. Cada ficha resume presencia, calendario, estado de conservación y parientes del mismo género; las páginas de lugar explican qué se observa en cada enclave y cuándo, y la sección de migraciones muestra con qué países conecta el paso de las aves. Un modo campo sube el contraste de todo el portal para consultarlo a pleno sol.

Captura real del explorador cartográfico de Bioestrecho en escritorio, con la densidad de observaciones sobre el Estrecho
Mapa
  • Captura real de la ficha del alimoche común en Bioestrecho en móvil
    Ficha de especie
  • Captura real de la página «Lugares» de Bioestrecho en móvil
    Lugares
  • Captura real de la página «Migraciones» de Bioestrecho en móvil
    Migraciones

El resultado

Un atlas preparado para que lo encuentren personas y buscadores

El trabajo de SEO está en la arquitectura: cada especie tiene una URL con su nombre común y redirección permanente desde el nombre científico, título y descripción propios, dirección canónica y alternativas de idioma en español, inglés y francés, también declaradas en un sitemap generado desde el propio catálogo. El resultado es una herramienta de consulta única para quien observa la naturaleza del Estrecho y una base técnica que crece con cada actualización de los datos.

Ver Bioestrecho