Ingenia.

Sitio para una productora audiovisual independiente de Madrid: directos, multicámara, streaming y piezas de marca.

Ver proyecto en vivo ↗
Black Atlas Media — página principal
Cliente

Productora audiovisual · Madrid

Estado: En producción

Tecnología
  • Next.js 16
  • React 19
  • Tailwind 4
  • Framer Motion
  • Zod
  • Resend
  • Playwright
Servicios

Contexto

De dónde partimos.

Reto

Lo que había que resolver.

Intervención

Lo que construimos.

  • 01Arquitectura editorial y diseño
  • 02Cinco servicios con página propia y portfolio de proyectos
  • 03Desarrollo web bilingüe ES/EN
  • 04Formulario de contacto con entrega fiable
  • 05SEO y dominio canónico
  • 06Triage automático de leads
Black Atlas Media — formatos de producción
Fig. 02Black Atlas Media — formatos de producción

Identidad visual

Cómo se ve.

Black Atlas Media
Marca sobre su color
Logotipo de Black Atlas Media: anillo dorado sobre una barra y el nombre en versales
Logotipo
Wordmark BAM en cursiva, en blanco sobre negro
Wordmark BAM
Símbolo de Atlas: un círculo sobre una barra, en blanco sobre negro
Símbolo

Paleta

  • #000309Tinta
  • #E6E4DFCrema

Tipografía

Titulares y texto

Arial / Helvetica

Abcdefghijklmnñopqrstuvwxyz 0123456789

Etiquetas y datos

Geist Mono

Abcdefghijklmnñopqrstuvwxyz 0123456789

Decisiones clave

Lo que marcó la diferencia.

  1. 01

    Un contacto que no se pierde

    El formulario valida en servidor y entrega con Resend. Si la entrega no está disponible, conserva lo escrito y ofrece un borrador de correo en lugar de perder el mensaje.

  2. 02

    Triage de leads sin fricción

    Un clasificador determinista en español e inglés detecta servicio, presupuesto y urgencia, y marca la prioridad en la notificación al equipo. El solicitante recibe un acuse de recibo automático.

  3. 03

    Antispam que no estorba

    Tokens de tiempo firmados y límites de ritmo por cliente frenan el abuso sin pedir captchas a quien escribe de verdad.

  4. 04

    Un único dominio canónico

    Redirecciones permanentes desde www y dominios anteriores hacia el dominio principal, con sitemap, robots y metadatos coherentes con él.

Resultado

Dónde terminó.

Entregado

Qué quedó funcionando.

  • Cinco servicios presentados con claridad y contacto comercial a un paso.
  • Notificación priorizada al equipo y acuse automático al solicitante.
  • Sitio bilingüe con contrato de API de contacto documentado (OpenAPI).
  • Pruebas unitarias y end-to-end sobre los flujos críticos.
Black Atlas Media — capacidades de producción
Fig. 03Black Atlas Media — capacidades de producción
  • Black Atlas Media — listado de proyectos
    Fig. 04Black Atlas Media — listado de proyectos
  • Black Atlas Media — cierre de la página de nosotros con llamada a la acción
    Fig. 05Black Atlas Media — cierre de la página de nosotros con llamada a la acción
  • Black Atlas Media — formulario de contacto
    Fig. 06Black Atlas Media — formulario de contacto