← back to work

Developer Genome

A London fintech engineering studio — payments, card platforms, compliance — with a single-page site that couldn't carry the business. I rebuilt it end to end: a fast, ten-page bilingual presence built to read as a real, established firm to the people who run cold due diligence on one.

Role: Design & build, end to end Scope: 10 pages, bilingual (EN + ES) Stack: Hand-coded HTML · CSS · vanilla JS Live devgenome.com
The rebuilt Developer Genome homepage — a dark fintech studio site with a live settlement panel and an English/Spanish toggle

// the brief

The brief

They had a single-page site — no services depth, no about, none of the legal or trust pages a bank's due-diligence checklist expects to find. The bar wasn't "make it pretty." It was: read as a credible, established business to a payments underwriter inside five seconds — no shell-site tells, nothing machine-templated.

// the build

What I built

A complete, hand-built web presence — every page and system made from scratch:

  • Ten pages — home, services, about, FAQ, contact, four legal pages, and a branded 404.
  • English ⇄ Spanish on every page — a one-tap switch with an animated crossfade that remembers your choice.
  • A custom dark "Obsidian" design system, with the official brand in the header, footer, favicon and share card.
  • A validated contact form — honeypot + time-guard anti-spam, an auto-acknowledgement to every sender, and a dependency-free, in-file SMTP client (no third-party form service).
  • SEO from the static HTML — per-page title, meta, canonical and Open Graph, plus Organization + WebSite JSON-LD carrying the registered company details; sitemap, robots and manifest.
  • Motion on the rails — scroll-reveal, count-up and view-transitions, all reduced-motion-safe.
  • Pure hand-coded HTML/CSS/vanilla JS — no framework, no build step — with the three type families self-hosted, so the site calls no outside services at all.
10pages
2languages
8first-load requests
0third-party calls
AAaccessibility

// the brand

An upgraded brand, not just a build

They came with a brand book — a light, Montserrat-based PDF. I produced the upgraded edition it needed to sit next to a serious fintech product: a dark "Obsidian" identity system — logo rules and clear-space, a locked palette built on a violet→cyan signature gradient, a Space Grotesk / IBM Plex Sans / JetBrains Mono type system, and motion and accessibility floors. The site is built on that exact system, so the brand and the build are one thing, not two.

// the handoff

A handoff, not a two-line email

The site came with a delivery document built the way the site was — a single, self-contained interactive web page. It walks through what was built, what their feedback changed, what was still needed, and the short path to launch, with a one-click Save-as-PDF and, like the site, zero external requests. Not an email with a link — a proper walkthrough.

// outcome

The outcome

Live on devgenome.com, contact form delivering end to end, an ~8-request first load with zero third-party calls, WCAG AA throughout. A site that finally reads like the business behind it.

“Ed rebuilt the site start to finish and handled the whole thing without fuss. Clean, fast, properly thought through — every page holds together and it works the way it should. What stood out was the handoff: a full interactive walkthrough of everything that was done, not the usual two-line email. Done well, done quickly. No complaints.”

Developer Genome Ltd

Start a project like this