DUAL-UX FOR DEVELOPERS

Build once.
Deliver by context.

Create one modern web application foundation that can serve an immediate open-web experience and a richer on-device experience for returning customers.

OPEN WEB URL · Search · QR · Link
DUAL-UX RUNTIME Context · Routing · State
ON-DEVICE Installed · Persistent · Returning

THE TECHNICAL MODEL

One application.
Context-aware delivery.

DUAL-UX separates the experience decision from the underlying business capabilities, allowing both modes to share services, integrations and application logic.

ENTRY Browser Search QR Direct URL
DUAL-UX RUNTIME Context Detection Routing Experience State Install Awareness
EXPERIENCE Open Web UX On-Device UX

ONE APPLICATION FOUNDATION

Shared underneath.
Purpose-built on top.

The web and on-device experiences can differ where customer context demands it while remaining connected to the same application services and enterprise integrations.

EXPERIENCE LAYER Open Web UX On-Device UX
DUAL-UX RUNTIME Context Routing State Install Awareness
APPLICATION SERVICES Identity Payments Bookings Loyalty Notifications
INTEGRATION LAYER REST APIs Payment Providers Enterprise APIs Cloud Services

SAME CAPABILITY. DIFFERENT CONTEXT.

Let context shape
the experience.

A capability such as checkout, booking or account servicing can remain shared while navigation, presentation and returning-user features adapt to the customer's current mode.

experience.js

// One capability, context-aware UX

const experience =
  dualux.getExperience();

if (experience === "on-device") {{
  renderPersistentNavigation();
  enableReturningCustomerFeatures();
}}

renderCheckout({{
  experience,
  services: sharedServices
}});

INTEGRATE, DON'T REPLACE

Keep the systems that work.
Modernize the experience around them.

DUAL-UX is designed as an experience layer that can connect to existing services rather than requiring a wholesale replacement of enterprise infrastructure.

APIs

Connect existing REST and service APIs.

Payments

Integrate trusted payment providers and transaction services.

Identity

Work with authentication and customer identity platforms.

CRM & Loyalty

Connect customer, rewards and relationship systems.

Bookings

Integrate scheduling and service-management capabilities.

Enterprise

Bridge modern experiences to existing business systems.

BUILT ON THE WEB

Modern web foundations.
App-like possibilities.

Progressive Web App Responsive UI Service Workers HTTPS Modern JavaScript REST APIs Progressive Enhancement Installable Experience

FROM ARCHITECTURE TO EXPERIENCE

See it working
in Naomi.

The Naomi case study demonstrates the model end-to-end: open-web entry, QR checkout, integrated payment, confirmation and a path into a returning on-device customer experience.

OPEN WEB DUAL-UX SERVICES ON-DEVICE

TECHNICAL VIEW

A visual model for
context-aware delivery.

The runtime coordinates experience state while shared services and integrations remain available to both Web UX and App UX.

Technical architecture of the DUAL-UX runtime and shared application services

START BUILDING

Understand the model.
Then build the experience.