Ingenia.

Website for an independent Madrid production company: live, multicamera, streaming and branded content.

View live project ↗
Black Atlas Media — homepage
Client

Audiovisual production company · Madrid

Status: In production

Technology
  • Next.js 16
  • React 19
  • Tailwind 4
  • Framer Motion
  • Zod
  • Resend
  • Playwright
Services

Context

Where we started.

Challenge

What had to be solved.

Intervention

What we built.

  • 01Editorial architecture and design
  • 02Five services with their own pages and a project portfolio
  • 03Bilingual ES/EN web development
  • 04Contact form with reliable delivery
  • 05SEO and canonical domain
  • 06Automatic lead triage
Black Atlas Media — production formats
Fig. 02Black Atlas Media — production formats

Visual identity

How it looks.

Black Atlas Media
Brand on its colour
Logotipo de Black Atlas Media: anillo dorado sobre una barra y el nombre en versales
Logotype
Wordmark BAM en cursiva, en blanco sobre negro
BAM wordmark
Símbolo de Atlas: un círculo sobre una barra, en blanco sobre negro
Symbol

Palette

  • #000309Ink
  • #E6E4DFCream

Typography

Headlines and text

Arial / Helvetica

Abcdefghijklmnopqrstuvwxyz 0123456789

Labels and data

Geist Mono

Abcdefghijklmnopqrstuvwxyz 0123456789

Key decisions

What made the difference.

  1. 01

    A contact that never gets lost

    The form validates on the server and delivers through Resend. If delivery is unavailable, it keeps what was typed and offers an email draft instead of losing the message.

  2. 02

    Frictionless lead triage

    A deterministic classifier in Spanish and English detects service, budget and urgency, and flags priority in the team notification. The requester gets an automatic acknowledgement.

  3. 03

    Anti-spam that stays out of the way

    Signed timing tokens and per-client rate limits curb abuse without asking real visitors to solve captchas.

  4. 04

    A single canonical domain

    Permanent redirects from www and previous domains to the main one, with sitemap, robots and metadata consistent with it.

Outcome

Where it landed.

Delivered

What is up and running.

  • Five services presented clearly, with commercial contact one step away.
  • Prioritised team notification and automatic acknowledgement to the requester.
  • Bilingual site with a documented contact API contract (OpenAPI).
  • Unit and end-to-end tests on the critical flows.
Black Atlas Media — production capabilities
Fig. 03Black Atlas Media — production capabilities
  • Black Atlas Media — project list
    Fig. 04Black Atlas Media — project list
  • Black Atlas Media — closing of the about page with a call to action
    Fig. 05Black Atlas Media — closing of the about page with a call to action
  • Black Atlas Media — contact form
    Fig. 06Black Atlas Media — contact form