DUAL-UX logoDUAL-UX®

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 WEBURL · Search · QR · Link
DUAL-UXRUNTIMEContext · Routing · State
ON-DEVICEInstalled · 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.

ENTRYBrowserSearchQRDirect URL
DUAL-UX RUNTIMEContext DetectionRoutingExperience StateInstall Awareness
EXPERIENCEOpen Web UXOn-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 LAYEROpen Web UXOn-Device UX
DUAL-UX RUNTIMEContextRoutingStateInstall Awareness
APPLICATION SERVICESIdentityPaymentsBookingsLoyaltyNotifications
INTEGRATION LAYERREST APIsPayment ProvidersEnterprise APIsCloud 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 AppResponsive UIService WorkersHTTPSModern JavaScriptREST APIsProgressive EnhancementInstallable 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 WEBDUAL-UXSERVICESON-DEVICE

START BUILDING

Understand the model.
Then build the experience.