Skip to content
/
  • Work01
  • About02
  • Contact03
  • LinkedIn (opens in a new tab)
  • Behance (opens in a new tab)
  • GitHub (opens in a new tab)
  • Instagram (opens in a new tab)

Ahmed Hassan · Portfolio ©2026

WorkAboutContact↗

Got a product in mind?

LLeett''ss  mmaakkeeiitt  rreeaall..

Say helloSSaayy  hheelllloo↗
© 2019–2026 Ahmed HassanBack to top ↑
DBS on0.0 mA130 Hz
← All work

Branding & website · Healthcare · 2025

London DBS

Brand, website and Sanity CMS for London DBS, the deep brain stimulation clinic led by Prof. Erlick Pereira and Prof. Francesca Morgante, from the logo to the live site.

Visit website (opens in a new tab)↗
Client
London DBS
Role
Brand, research, design & build
Scope
Brand, website & CMS
Stack
Figma · Next.js · Sanity · Vercel
  • Branding
  • UX research
  • UI design
  • Front-end

Overview

Deep brain stimulation is brain surgery, and the people considering it are frightened. London DBS needed a brand and a site that feel like the first calm conversation: who the team is, what DBS can do, and exactly what happens next.

The London DBS homepage on a laptop

01Research

Research

London DBS is a clinic dedicated to deep brain stimulation, led by neurosurgeon Prof. Erlick Pereira and neurologist Prof. Francesca Morgante. It treats movement disorders, chiefly Parkinson's disease, essential tremor and dystonia, and sees patients at St George's on the NHS and at six private hospitals across London.

Its visitors are patients and, as often, the families researching on their behalf: people living with a condition that hasn't responded to medication, weighing an operation. What they need first is trust: who will operate, whether DBS suits their condition, and what the process really involves.

Typical arm-tremor improvement
80%
London hospitals, NHS & private
7
Movement disorders treated
3
Skull openings in surgery
2 mm

Sources: London DBS (opens in a new tab)

02Research

Benchmarking

Melbourne DBS, one of the most established DBS clinics online, was the benchmark, alongside other clinics' sites. It got the structure right: a page for every condition, the process laid out step by step, the research and the full team behind it, and London DBS keeps that backbone.

Where it fell short was warmth and pace: grey pages, long walls of text, consultants who appear only further down, and a closing line telling visitors they need a GP referral first. London DBS answers each of those: the founders by name and face on the first screen, the clinic's blue and mint in place of grey, the process in four short steps, risks in pop-ups rather than paragraphs, and the opposite message at the end: no referral needed.

Benchmark: Melbourne DBS

  • The Home page

    Home

  • The About DBS page

    About DBS

  • The Parkinson's disease page

    Parkinson's disease

  • The The team page

    The team

03Identity

The brand

It started with a moodboard of MRI scans, electrodes and quiet clinical light, then three rounds of marks. The first explored a scan's crosshair over a brain cell, one half of a brain, and a head with a pulse inside it. The second gave the brain a charge, as lightning. The third set the brain on a pulse line, and its bolder version became the mark: unmistakably neurological, and steady rather than dramatic.

The wordmark pairs London DBS with a spelled-out "Deep brain stimulation" so nobody has to know the acronym. The palette is a clinical blue with a soft mint and warm white on near-black, chosen to read as cutting-edge and caring at once, and the type pairs Helvetica Neue's extended cuts for headings with SF Pro for reading.

From moodboard to mark

  • Moodboard's app

    MoodboardScans, electrodes, clinical light

  • Round 1's app

    Round 1Three directions

  • Round 2's app

    Round 2A brain with a charge

  • Round 3's app

    Round 3The brain on a pulse line

  • The lockup's app

    The lockupWith the name spelled out

  • Colourways's app

    ColourwaysFor light and dark

  • Colours's app

    ColoursBlue, mint, warm white

  • Type's app

    TypeHelvetica Neue & SF Pro

  • In use's app

    In useSignage, coats, packaging

Calm first, clever second. A patient should feel looked after before they feel impressed.

04Design

Designed in Figma

The site follows a patient's questions in order. The homepage introduces the founders by name and face, the conditions DBS treats, the four steps from first consultation to recovery, and why a clinic that does only DBS is different. Each condition has its own page, written for the person living with it.

About walks through the process in detail, with the risks and side effects one tap away in clear pop-ups: honest, but never a wall of warnings. The team page carries every consultant's credentials, research and media keep the clinic's work current, and contact says up front what matters most: you don't need a GP referral, and here are the NHS and private hospitals where you'll be seen.

The pages

  • The Home page

    Home

  • The About page

    About

  • The Team page

    Team

  • The Conditions page

    Conditions

  • The A condition page

    A condition

  • The Media page

    Media

  • The Contact page

    Contact

05Build

Built in Next.js, run on Sanity

I built the site in Next.js with its content in Sanity CMS, so the clinic can publish news, media appearances and research, and keep the team and conditions current, without touching code. Pages are prerendered and served from Vercel's edge, with the metadata search engines need for people looking for DBS in London.

Live, on phones

  • The Home page on a phone

    Home

  • The About page on a phone

    About

  • The Team page on a phone

    Team

  • The Conditions page on a phone

    Conditions

  • The News & media page on a phone

    News & media

  • The Contact page on a phone

    Contact

From Figma
to live

  1. 01FigmaBrand & design
  2. 02Next.jsFront-end build
  3. 03SanityContent management
  4. 04VercelDeployment

Results

Live at london-dbs.com, from the first sketch of the mark to the deployed site. On Google's Lighthouse audit of the live site:

Measured withGoogle LighthouseLighthouse 13 audit of the live site

  • 0193Performance on desktop
  • 0296Accessibility on mobile
  • 0396Best practices
  • 041.4sLargest paint on desktop

Keep
exploring

All work→
  • Blacksprint

    Website · Venture studio · 2025

    • UI design
    • Front-end
  • Bliphub

    Website · Marketing agency · 2025

    • UX research
    • UI design
  • Anubis

    Mobile app · Martial arts · 2025

    • UX research
    • UI design