Client project · 2017–2018

DXC Bionix Central

The commercial face of the wider Bionix effort, the dashboard and sales-facing pages where the platform's value had to be legible to buyers, not just usable by operators.

Bionix Central · dashboard
Bionix Central · dashboard
Responsibilities

Research, design and build

Technology stack

InVision Studio

Year

–

External links
View on Behance

Summary

DXC Bionix Central was the commercial face of the wider Bionix effort, the place where the platform's value had to be legible to buyers, not just usable by operators. My job was to research, design and build the dashboard and sales-facing pages so a first-time visitor could grasp what Bionix did, and a returning user could get to their numbers fast.

It sits right next to the DXC Bionix Design System work. Central is where that system got put to the test on real screens.

Background

Coming off the design-system work, I already had a component vocabulary to build with. The challenge for Central was less "what do the pieces look like" and more "what story does this page tell, and in what order."

In practice that meant treating Central as the layer where an operational platform had to make a commercial case for itself, without losing the clarity that operators depended on day to day.

Before
Original portal
The portal as it stood before the redesign.
After
Redesigned Central
Central after the redesign, built on the Bionix component set.

Approach

I designed and prototyped in InVision Studio, leaning on the Bionix component set so Central stayed consistent with the rest of the platform. The work broke down into a small number of deliberate moves.

  1. 1

    Anchor on the component set

    Rather than inventing a new visual language, Central reused the Bionix design-system components so the commercial pages felt like part of the same product.

  2. 2

    Design the dashboard

    The dashboard had to get a returning user to their numbers fast.

  3. 3

    Shape the sales pages

    The sales-facing pages had to make a first-time visitor grasp what Bionix did.

  4. 4

    Prototype and validate

    Interactive InVision prototypes carried the flows for review before anything reached build.

Outcome

The result was a commercial surface consistent with the wider Bionix platform, built entirely on its shared component set.

You can see the full set of screens on Behance: Bionix Central.

Dashboard hero
The dashboard hero.
Sales page
A sales-facing page.

More screens live on Behance while the highlights are curated here.