PRODUCT SYSTEM / 2026

One lottery ecosystem.
Every surface, in sync.

AWIN unifies a dynamic public website, an API-first mobile PWA, and a high-control administration panel into one connected ticketing experience.

Trace the system ↓
Role-basedAPI poweredMobile-first
CLIENT
CONTROL
SIGNAL
APIsecure data bridge
◈WebsiteCMS-driven
▣PWAplay anywhere
◒Admincontrol plane
SCROLL TO EXPLORE

01 / PROJECT BRIEF

A single source of truth, made human.

01

“How can a complete lottery operation feel as immediate for a player as it is deliberate for the team behind it?”

The brief demanded far more than a dashboard. AWIN needed to make high-stakes actions—top-ups, ticket selection, result verification and withdrawals—easy to understand while preserving operational control.

THE RESPONSE

A decentralized, API-first product ecosystem.

The public site acquires visitors, the PWA turns engagement into action, and the admin panel governs finance, inventory and outcomes. Each surface is focused; all are connected.

Core PHPModular backend
MySQLRelational data
RESTSecure exchange
Bootstrap 5Admin foundation
Design direction

Make a complex transactional platform feel visual, traceable and confidence-building at every decision point.

↘

02 / SYSTEM ARCHITECTURE

Follow the signal.

A crawl-tree model reveals how live data travels—from acquisition and authentication to ticket validation, result publication, and notification delivery.

ACQUISITION → PLAY → PROOF
↯
SECURE API BRIDGEToken-validated JSON routes
Landing → Live dataHero content and package previews are supplied by the admin-managed CMS.

Why it matters Decoupling the client experience from the core database reduces exposure, limits server load, and makes scaling a surface—not the whole product—possible.

See implementation details →

03 / EXPERIENCE DESIGN

From uncertainty to one clear next step.

PUBLIC SITE01 / 03
AWIN public website landing page

The acquisition layer

A live, CMS-fed landing experience introduces the product through current campaigns, package previews and direct entry points into the ecosystem.

PLAYER PWA02 / 03
AWIN mobile PWA interface
✓ API validated
↯ Mobile-first

An app-like ticket flow

A touch-first PWA makes account balances, package discovery, number selection and post-purchase proof feel immediate and understandable.

CONTROL PLANE03 / 03
AWIN Admin dashboard

Operational confidence

The admin interface handles financial approvals, inventory, result publishing, merchant access and real-time notification oversight from a single command center.

THE CORE PWA LOOP

Every choice gets a visible response.

Live packages present the cost, draw window and prize logic before a player commits.

01Discover packages
PWA package discovery screen

04 / WORKFLOWS

Designed for movement, not menus.

The product behaves as a connected series of confidence moments. The system makes the status of money, tickets and outcomes easy to read.

01
⌁

Fund

Users submit a top-up with a transaction ID and payment proof. Admin sees a clean review queue.

02
◎

Play

Packages guide selection limits, ticket quantity and segments before an API-validated checkout.

03
✦

Resolve

Admins set or schedule outcomes; the winner engine groups matching ticket sequences for review.

04
↗

Notify

Results and receipts travel to the customer through Email, SMS or WhatsApp with delivery history.

05 / PRODUCT SYSTEM

Complex capabilities. Simple mental models.

PWA / TICKET LOGIC
AWIN feature screen

Advanced ticketing

Standard and EXP package flows make limits, segment rules, prices and expiration windows understandable before payment.

06 / ENGINEERING DECISIONS

Trust is not a screen. It is the system underneath.

AWIN keeps database access off the client. Token-validated API routes carry only the necessary data between the mobile app, public site and administrative command center.

APIVALIDATE
⌾Role-based accessAdmins · merchants · users
⌘Token validationCross-domain transfer
▤No client DBReduced exposure
CORE PHPMYSQLREST APIVANILLA JSFETCH()PHPMAILERHTML5-QR CODEPDFMAKEDATATABLES

08 / PRODUCT FAQ

The system, made clear.

Quick answers for visitors, recruiters and product teams evaluating the AWIN case study.

01What is AWIN?+

AWIN is a connected lottery ecosystem that combines a public website, a mobile-first PWA and an administrative command center through secure API routes.

02How does the AWIN PWA work?+

The PWA uses API-driven flows for wallet management, package discovery, number selection, ticket purchasing, QR scanning and result verification—without exposing a direct database connection to the client.

03What does the admin dashboard manage?+

The admin control plane manages users, merchants, package inventory, financial approvals, winner resolution, public website content and omnichannel notification delivery.

04Why use a standalone API architecture?+

Decoupling the customer-facing surfaces from the database improves scalability, reduces public exposure and enables each product surface to request only the data it needs.

CASE STUDY / CONCLUSION

A connected product can still feel lightweight.

AWIN proves that a complex operational system does not need a complicated customer experience. A clear API boundary, intentional mobile patterns and an operator-grade control plane make the ecosystem faster to use—and easier to trust.

Back to top ↑

READY TO EXPLORE

See the system in motion.

From the first campaign impression to verified ticket proof, AWIN is designed as one connected experience across the web, PWA and operator control plane.

Visit live project ↗ External project link
01 Public website02 Mobile PWA03 Admin core
luckywinuk.com↗
AWIN live public website preview
● LIVE DATA
API ↯