Both modes are the same interface resolved through the same semantic tokens. Switch it and watch what stays fixed — hierarchy, state color, contrast and density do not move. That is the point of a dual-mode system rather than two separate skins.

Every capability and feature the portal did, was asked to do, or had been promised — put through one model, then cut by a threshold the executive team set itself.

Four hundred and fifty rows in a spreadsheet hides the shape of a portfolio. Here it is plotted — value against ease of delivery, sized by reach, colored by the persona it serves. Switch the lens, then move the weight and watch the funding line rotate: the argument worth having is about the weight, not about the list.

The portal serves three people who want different things from it. Each one got its own weight set, its own ranking of the same 450 items, and its own view of the roadmap — select a persona above to isolate it in the scatter.

What cleared the line, ordered by dependency into four horizons and four delivery tracks — the track-level view a board can fund, sitting on top of the feature-level sequence a delivery team can actually run.

One workbook, eight sheets. Three of them are the scoring lenses, one is the answer, and the other four are what make the answer defensible six months later — the register everything was scored against, the written definition of every criterion, the KPI per initiative, and the capability gap each one has to close. Select a sheet.

Each initiative was scored independently in three sheets before anything was averaged. Keeping them apart is the whole method: it shows which lens is carrying an initiative and which one is sinking it.

All fourteen initiatives as the workbook scored them. Change what the list is sorted by and watch it re-order — the composite is the answer that was funded, but the three lenses underneath it disagree, and the disagreement is the finding. Select any row for its three scores and what it was.

Ten chapters that build one argument in order: why experience is now a competitive position, what best-in-class actually looks like including where it falls short, what the investment is worth, the architecture and the organization needed to deliver it, and how the return gets proven. Select any chapter.

The chapter the engagement turned on. Experience initiatives rarely fail on design — they fail on the org chart, where function, line of business and channel each own a piece and each measure something different. Select a model and watch the wiring change: who advises, who controls, and how many separate paths the customer ends up walking.

Companies design experiences continuously and then measure them annually. The assessment replaces that with a seven-step method — and the step most organizations skip is normalization, which is what stops four disagreeing data sources being averaged into a number nobody trusts.

Four categories of source feed it. Select one.

And a named owner for the reporting, because reports lapse when nobody is accountable for them.

The engagement ran as three workstreams in sequence, each one feeding the next: understand the market and the audience, decide what to do with what already exists, then define the architecture that carries it. Select a track for what it covered and what it produced.

Six weeks stayed six weeks because both lists were written down before the work started. On the left, what was defined precisely enough to analyze. On the right, what the business genuinely wanted and deliberately held for a later phase — a not-this list agreed in advance rather than negotiated halfway through.

Ten inputs requested from the business before any outside data was layered on top — their analytics, their CRM, their research, their call center, their NPS. The market view was built around what the company already knew about itself rather than in place of it.

Twenty-eight pages across six areas of the statement experience. Not six features — six parts of one control system, each drawn in every state it moves through. Select an area.

The core of the redesign, rebuilt here so you can use it. Switch the card context and watch controls appear and disappear — a corporate card does not get points or receipts, and a card with no supplementaries has nothing to break spend down by. Change the time control and the period follows; on Statements you can step back through prior periods. Collapse the visualization and the table takes the space.

The heaviest chapter in the set. Tags are the cardmember’s own vocabulary laid over the bank’s — select one to filter the list and watch the total recompute. Tag a second charge from the same merchant and the advisor offers to do the rest for you, once, reversibly.

What the proof of concept had to demonstrate, end to end. Step through it — each stage shows what happens and a schematic of the screen that carries it.

One object, several products, and everything each product needs hanging underneath it. This hierarchy is what the portal had to let a client build unaided — and it is deliberately the same structure the back office already worked with.

The deck closes on questions rather than conclusions. These are the six the proof of concept deliberately left on the table — named, so they got answered in design rather than discovered in build.

The deliverable is one page: seven phases across the top, five swim lanes down the side, and every cell filled in before day one. Select a phase to open its intent, what happens in the room, and what it has to produce.

Session one walks the method end to end, grounded in the d.school model and carried one stage further than most versions of it. Select any stage.

The blueprint names the facilitation method explicitly: a non-linear process. The stages are drawn in order and deliberately not run in order — a room that believes it is marching through six boxes has stopped doing the thing the boxes are for.

The second and third sessions exist because design thinking installed beside an existing delivery model gets ignored by it. These are the three practices the workshop brings into one operating model, and the topics each one contributed.

Each tile is a component of the experience that had its own design, iteration and sign-off, sized by how much of the archive it accounts for. The four largest are not member-facing screens at all — they are the shared foundations that let the other twenty-six stay coherent. Select any component.

The composition of the archive says more about the engagement than any summary would. Editable wireframe source rather than exported pictures; layered originals kept beside the flattened comps; and a type system packaged so every person on the team rendered the same faces.

Iteration is not overhead here — it is most of the archive.

And it ran for years before it peaked, which is what a genuine revamp of an entire online experience looks like from the outside.

The pattern the engagement was built around, reconstructed here so you can use it. Turn the spread, tap a point on the image to shop the look, then switch to the grid — the same assortment, read two ways, because browsing for inspiration and hunting for a specific item are different jobs done by the same person minutes apart.

Why this mattered enough to be a priority rather than a project. Three channels against what a customer actually needs from them — select any row for what is really going on in it. The store keeps one thing outright, and no amount of digital replaces it; everything else is where the shift happens.

A shoppable catalog looks like a photograph with dots on it. Underneath, it is six problems that have to be solved together — and the one that decides whether it survives its second season is not the one customers ever see.

What the organization needed to know, in its own framing — and a deliberately narrow scope to answer it properly rather than broadly.

Every registration touchpoint was mapped and then scored against the same nine criteria, so the ranking that came out of it was arithmetic anyone could re-derive rather than a matter of taste. Select any criterion.

Then each touchpoint was valued twice, because what it is worth to the person going through it and what it is worth to the institution are not the same number.

Behind the pilot sits a method applied the same way to every kind of work — Discover, Design, Develop, Delivery. Select an offering to see what each of the four phases actually contains for it.

Four objectives set the boundary of the work.

Each study answers a question the next one depends on. Select a phase to see what happens inside it and what comes out.

The enabling study ran fourteen workstreams in parallel, each producing a piece of the reference architecture and a line in the business case. Select any of them.

Three scenarios were built out to show what re-imagining actually produces, rather than describing it. Select a scenario.

Payer spending in that period concentrated on five themes. Select one.

Five working sections, in an order that put the organization’s own position first. Select any of them.

The framing underneath the whole conversation: five digital technologies had matured far enough to change a business, and their value shows up where they land on the business model rather than in the technology itself. Select a force to see where it lands.

The closing mechanism, named rather than left to a follow-up meeting.

The architecture put against it: a member view assembled from what the plan holds, what can be derived from it, and what happens outside it.

Six use cases, each one a decision somebody in the plan has to make anyway — currently without the whole picture.

The engagement framework spans the whole member lifecycle rather than the acquisition end of it. Select a stage.

The home screen was reorganized around what an employee wants to know when they open it, and each column was given one of those questions to answer.

Twelve modules make up the screen. Select any of them to see what it does and the usability decision behind it.

The engagement asked for the experience to work across devices, so the design was delivered at two sizes. Switch between them and watch the modules move — then select any module to see what happens to it.

Carried on both layouts Only in this layout Steps back at this size

Three properties, and the argument rests on all three holding at once.

Foundations and accelerators recombine into disruptive scenarios. Select any point on the curve.

Each one starts from a single premise and follows it into every industry it touches. Select a scenario.

The ecosystem of stakeholders that scenario reaches — and the point is how few of them think of themselves as being in that industry.

What follows if it happens.

And how it gets re-imagined by the people who move first.

What an organization actually has to change to be on the useful side of any of this. Select any enabler.

Sense and respond assumes an analytic foundation, and the foundation has three stages that have to be built in order.

Seven elements hold their position on every screen, which is what makes an unfamiliar surface learnable in one session. Select any of them.

The whole purchase, from picking up an existing quotation to a policy in force. Step through it — the schematic rebuilds for each screen.

Nineteen decisions that make a regulated financial product buyable on an unattended table. Filter by where each one sits in the experience, and select any card.

Not making it prettier. Optimizing an experience means reducing the work a person has to do to get their job done — measured in steps, in clicks, in things they have to hold in their head, and in how much of the interface they have to re-learn on each screen.

Each token carries a meaning rather than a color. Dark on the left of every swatch, light on the right — the role is identical, only the value resolves differently.