01
Only three questions
The diagnostic stays short to avoid drop-off and keep the experience focused.
Northbound
A B2B experience that turns complexity into direction.
Northbound shows how positioning, information architecture, data and interaction can make an operational consultancy feel clearer and more credible.
More than the finished interface, this tour looks at the decisions that shaped the experience.
The challenge
Growing organisations recognise increasing complexity but cannot always tell whether the greatest friction lies in decisions, workflows or operational visibility.
The objective
The experience presents a mature consulting proposition, organises four areas of work and offers a short operational reading to guide a more focused conversation.
- Communicate operational clarity
- Explain services without jargon
- Demonstrate executive visibility
- Interpret answers transparently
- Guide the next step
- Work across screen sizes
- Store no information
The user journey
Three short choices bring a broad need closer to an editorial, contextual recommendation.
Answer about the challenge
Share the current stage
Set the priority
Assess the answers
Present a recommendation
Guide the contact
Key decisions
The experience is intentionally short, explainable and designed to support a more useful conversation.
02
An explainable outcome
The recommendation does not appear on its own. It includes the reasons behind the suggestion.
03
Transparent logic
Answers are interpreted through clear rules, without relying on artificial intelligence or external processing.
04
A CTA aligned with the outcome
The next step changes according to the recommended area: Operational Design, Workflow Automation or Executive Visibility.
What happens behind the interface
The dashboard presents illustrative data with context, while the operational reading combines answers and compares priorities to present a coherent recommendation. Everything runs locally and can be restarted at any time.
Premium B2B identity, responsive dashboard and decision-oriented diagnostic.
Accessibility and experience
The questions use a clear sequence, identified choices and controls that do not require a mouse.
- One question at a time
- Clearly described choices
- Keyboard navigation
- A visible focus state
- Progress only after an answer
- An announced result after completion
Responsive design
The editorial layout, dashboard and operational reading preserve hierarchy at every size. Metrics and choices reorganise on mobile without losing context or functionality.
What this demonstrates
The concept turns a complex consulting proposition into a precise, distinctive B2B experience that supports a useful commercial conversation.
- Premium B2B visual identity
- Information architecture
- Responsive dashboard
- Data visualisation
- Conditional logic
- An explainable outcome
- Accessibility and performance
- Localised corporate content
The standard behind this project
The demo follows principles that make a digital experience more useful, trustworthy and comfortable to use.
- A clear experience
- Works across screen sizes
- Keyboard navigation
- Feedback after actions
- Localised content
- Predictable behaviour
- No unnecessary complexity
- Clear boundaries for the demo
Technical details
Implementation in focus
- Answers are kept only for the current visit and feed local recommendation rules.
- The rules consider the chosen challenge area and priority to produce an explainable outcome.
- The dashboard uses typed illustrative data and a hierarchy that adapts without heavy chart libraries.
- Every stage requires an answer before moving forward and can be revisited before the result.
- Each language is kept in dedicated content files, with equivalent routes for the demo.
What this demo does not do
The recommendation illustrates a choice-led experience; it does not present itself as a real assessment.
- Does not send answers
- Does not store information
- Does not use artificial intelligence
- Does not replace professional analysis
- Only presents a conceptual recommendation
View the project
Explore the Northbound identity, operational view and interactive reading that changes with the choices made.
View projectNext project
Return to the beginning of the sequence to see an appointment journey designed with the same care for clarity.
Explore next project: Aurora Clinic