Back

Dstation

Governance software, told as a journey. A website for a Saudi data governance platform: five products, one 3D world, one destination.

Explore the experience
My contribution
Website design & development
Client
Dstation
Year
2026
The dstation.ai homepage: the headline Governance software built from NDMO outward, not retrofitted for it, with Book a meeting and See Dmandate, beside a white 3D landscape of rails, ramps and coloured blocks
The dstation.ai homepage on a phone, the 3D scene behind the headline

Governance is a heavy subject. The site gives it a world to move through, keeps the copy short, uses software mockups, and lets the products arrive one at a time.

  • 5products, one destination

Context.

Dstation’s software helps organisations assess data governance, organise evidence and plan their next steps. The website introduces five related products through a shared 3D landscape and a common product-page structure.

I designed and developed the original Next.js website. The screenshots show the client’s later WordPress version, captured in October 2026.

Five products, one world to move through.

A short film introduces the context before the product sequence. Scrolling then orbits the camera around the 3D scene, moving closer as each product gets its own stop: a name, a one-line promise, a paragraph and a link.

The homepage film: a person looking up into a tunnel of floating screens, with the words AI is moving fast in orange
  1. 01

    Why now.

    The homepage film sets the context before the products arrive.

  2. 02

    Dmandate.

    Dmandate leads the product sequence with the client’s audit-readiness message.

  3. 03

    Dbuilder.

    Generate NDMO-aligned evidence faster, with built-in review discipline. The camera has moved on and the scene shows another side.

  4. 04

    Dmigrator.

    Bulk upload. Validate. Reconcile. Govern. Four verbs for bringing existing evidence in.

  5. 05

    Dplanner.

    From assessment to a sequenced plan of action. The scene keeps turning toward the D.

A shared layout for the product family.

Each product opens with its wordmark, a statement, a Book a meeting action and a software mockup. The overview page brings the family together.

Dmandate

The Dmandate page: One destination for every submission, beside its dashboard with maturity and compliance scores and a list of assessments

One destination for every submission, beside its dashboard of scores and assessments.

Dbuilder

The Dbuilder page: Generate NDMO-aligned evidence faster, with built-in review discipline, beside its Start your plan screen

Generate NDMO-aligned evidence faster, beside its Start your plan screen.

Dmigrator

The Dmigrator page: Bulk upload. Validate. Reconcile. Govern., beside its evidence items screen grouped by domain

Bulk upload. Validate. Reconcile. Govern., beside its evidence items grouped by domain.

Dprotect (PDPL)

The privacy product page with the Dprotect wordmark, a PDPL breadcrumb and a PDPL interface mockup

The privacy product carries the Dprotect wordmark; its breadcrumb and interface use PDPL.

Products

The Products page: One platform, five products, one destination, above the product family cards

One platform, five products, one destination, above the product family cards.

From why to who to now.

  1. Three values above the maturity film: Precision-oriented, Audit-ready and GCC-native
    01

    Three values, in a row.

    Precision-oriented, audit-ready, GCC-native: three positioning statements with supporting copy.

  2. The importance of data maturity: two paragraphs and an Explore Dmandate button beside the Dmandate film
    02

    The importance of data maturity.

    A full-screen film with the Dmandate mark over it, then the argument beside it, with Explore Dmandate in orange.

  3. Built for the sectors carrying the heaviest governance load: five sectors in columns over the 3D scene
    03

    Built for the sectors carrying the heaviest load.

    Financial services, government, the private sector, healthcare and energy, each with a sentence on what governance means for it.

  4. Ready to see where you stand? A Book a meeting button over the 3D scene, the D close behind it
    The orange Book a meeting button
    04

    Ready to see where you stand?

    The last screen asks for a 30-minute walkthrough, with the D standing in the scene below.

  5. The closing call to action in the dark theme, the white D lit against the near-black scene
    05

    The same close, in the dark.

    The theme switch changes the ground to near-black. The white D stays legible against the dark scene alongside the orange meeting action.

The same briefing on a phone.

On a phone the cards stack in the same order, so every page reads top to bottom at any size. The way in is always the same: Book a meeting.

The dstation.ai homepage on a phone
Homepage
The Dmandate chapter of the homepage on a phone
Dmandate on the homepage
The Dmandate page on a phone
Dmandate
How it runs, step by step, on a phone
How it runs
The Regions page on a phone
Regions
The Get in touch form on a phone
Book a meeting

Light by default, dark on request.

The site has two grounds, near-white and near-black. The captures show orange homepage actions and green product-page meeting actions; the light-theme navigation uses a black meeting button.

Light

  1. Ground#f2f2f2W 1.12 —B 18.76 AAA
  2. Ink#111111W 18.88 AAAB 1.11 —

Dark

  1. Ground#111111W 18.88 AAAB 1.11 —
  2. Ink#f2f2f2W 1.12 —B 18.76 AAA

Orange

  1. Homepage actions#f39200W 2.35 —B 8.92 AAA

Green

  1. Dmandate#0c3d2aW 12.23 AAAB 1.72 —

Sampled from the captures of the live site; the contrast ratings are computed on this page.

Where it operates, on one map.

The Regions page draws the company’s reach as a map, from the United Kingdom to Oman, with Saudi Arabia in green, and lists each country with its product portfolio and operating model underneath.

  • The Regions map: Europe, Türkiye and the Middle East in pale outline with Saudi Arabia in green, above a table of countries, product portfolios and operating models

    Expanding across the GCC, Europe and Africa.

What I take
from it.

The 3D scene connects the product introductions, while a shared page structure gives each tool room to explain its capabilities and process. Interface mockups make the software more tangible.

Ahmed Mowgoud — website design & development

Dstation — client

Let's
have it.

UI/UX, Product Design, Interaction Design, Art Direction.
Let's Play together.