About this document. A single-page reference skeleton for the UI designer to begin wireframing the four SELA mobile applications — derived directly from the RFP.
Boulevard World & Boulevard City — 5-tab Map template (Home, Map, Events, Tickets, Profile). Ticket sales handled by WEbook — either via deep-link to the WEbook app, or by embedding the WEbook checkout module in-app.
The Venue & Jeddah Superdome — 3-tab Events template (Home, Events, Profile). No in-app ticket sales or badge passes — ticketing handled externally (box office / partner).
All four apps share the same onboarding flow, authentication (OTP / Google / Apple), bilingual AR / EN with RTL, and accessibility standards (font scaling, contrast, intuitive navigation).
The Interactive Map and AR Wayfinding will be embedded via a 3rd-party SDK — the designer scopes the surrounding UI (panels, sheets, controls), not the map renderer itself.
Two templates, not four. Design one of each, then re-skin per brand.
Boulevard City · Boulevard World · The Venue · Jeddah Superdome — a single reference for visual design and screen architecture.
Shared Onboarding · all four apps
Splash→Language · AR / EN→Onboarding→Auth · OTP / Google / Apple→Interest Selection→Permissions→Home
App Skeletons · click any section to expand · hover for brand effect
Map template · 5 tabs
Boulevard World
Multi-country entertainment zones · Riyadh
Home
Map
Events
Tickets
Profile
Home
Hero banner carousel
For You · personalized recommendations
Featured events
Featured zones / countries
Promotions · SELA+ strip
Map
Indoor + outdoor canvas
Layer toggles · GPS pin
Search · filters
Location detail sheet
Turn-by-turn wayfinding
AR camera view
Saved / bookmarked places
(AR & Interactive Map to be embedded via 3rd-party SDK)
Events
Calendar view
List · filters
Event detail · add to calendar
Buy ticket CTA
Tickets · WEbook
Active wallet · QR
Past tickets
Buy via WEbook — embedded module or deep-link to WEbook app
Parking tickets
(Purchase is fulfilled by WEbook. If WEbook exposes a web checkout module we embed it in-app; otherwise we deep-link to the WEbook app and return on completion.)
Profile
SELA+ loyalty
Bookmarks · interests
Notifications inbox + preferences
Newsletter
Settings · language · a11y · privacy
Help → Live Chat
9:41
Home
Map
Events
Tickets
Profile
Map template · 5 tabs
Boulevard City
Riyadh Season flagship · fountains, cinema, theaters
Home
Map
Events
Tickets
Profile
Home
Hero banner carousel
For You · personalized recommendations
Featured events
Featured zones · fountains, cinema, theaters
Promotions · SELA+ strip
Map
Indoor + outdoor canvas
Layer toggles · GPS pin
Search · filters
Location detail sheet
Turn-by-turn wayfinding
AR camera view
Saved / bookmarked places
(AR & Interactive Map to be embedded via 3rd-party SDK)
Events
Calendar view
List · filters
Event detail · add to calendar
Buy ticket CTA
Tickets · WEbook
Active wallet · QR
Past tickets
Buy via WEbook — embedded module or deep-link to WEbook app
Parking tickets
(Purchase is fulfilled by WEbook. If WEbook exposes a web checkout module we embed it in-app; otherwise we deep-link to the WEbook app and return on completion.)
Profile
SELA+ loyalty
Bookmarks · interests
Notifications inbox + preferences
Newsletter
Settings · language · a11y · privacy
Help → Live Chat
9:41
Home
Map
Events
Tickets
Profile
Events template · 3 tabs
The Venue
Indoor arena · sports, music, comedy · Riyadh
Home
Events
Profile
Home
Hero banner carousel
For You · personalized recommendations
Upcoming events strip
Promotions · SELA+ strip
Events
Calendar view
List · filters · sports / music / comedy
Event detail · seat map preview
Add to calendar · share · bookmark
(No in-app ticket sales — ticketing handled externally via the box office or partner.)
(No in-app badge passes or ticket sales — passes issued externally by the event organizer.)
Profile
SELA+ loyalty
Bookmarks · interests
Notifications inbox + preferences
Newsletter
Settings · language · a11y · privacy
Help → Live Chat
9:41
Home
Events
Profile
Project Timeline · 12 weeks parallel path
Click a phase, app, task, or bar to attach a comment
Ref · DCM-SELA-MA-2026-001·Issued · 14 May 2026·4 apps in parallel
Project Timeline
12 weeks recommended via the parallel path. 16 weeks if all phases run sequentially. All four brand apps progress through the same phases simultaneously.
Awaiting kickoff. Project not started. The clock begins on receipt of payment, final UI on Figma, and a SELA project lead contact. Next milestone — Kick Off (W1).
Progress · 0%
Phase · Pre-Kickoff
TaskTeamDur
Main DevelopmentAdditional Setup · parallelTestingDeploymentMilestoneSequential fallback · 16 weeks if Setup cannot run in parallel
Phase details
Phase Summary
Phase
Window
Duration
Status
Progress
1 · Main Development
W1 — W8
6–8 weeks
Up next
2 · Additional Setup
W5 — W8
3–4 weeks (parallel)
Upcoming
3 · Testing
W9 — W11
3 weeks
Upcoming
4 · Deployment
W12
≤ 1 week
Upcoming
Team Allocation
PM
Project Manager
Lead delivery owner
1
FE
Mobile Engineers
iOS · Android · RN
4–6
BE
Backend · API
CMS · integrations
2
QA
QA Engineers
Cross-device · a11y
2
DO
DevOps
CI/CD · stores · monitoring
1
Kickoff Prerequisites
1Payment — as per the agreed discounted scope with procurement.
2UI on Figma — complete UI for all 4 apps so we can fully scope the development in detail.
3Project Lead Contact — a single point of contact on SELA's side for day-to-day coordination, approvals, and reviews.
Timeline Assumptions
Review dates are not counted. Client-side review and approval windows for designs, builds, and test cycles sit outside the working-day count shown above.
Payment & feedback delays pause the clock. Any delay on SELA's side in releasing payment milestones or providing requested feedback will extend the project end date by an equivalent number of working days.
Accelerate Kickoff · Parallel Preparation
If SELA can share the UIs of all brand websites in advance (BLVD World, BLVD City, Jeddah Superdome, The Venue), our team can begin the discovery and architecture work in parallel. This shortens the kickoff phase once payment and final UI land, and lets us start delivering app builds for all 4 apps sooner.
Global Overlays
Accessible from any screen, present in all four apps.
AI Live Chat
+ human escalation
Global Search
zones · events · brands
QR Scanner
ticket validation
Notification Inbox
history + preferences
Emergency Alert
full-screen modal
Feature Matrix
Feature
BLVD World
BLVD City
The Venue
Superdome
Interactive Map + AR Wayfinding (3rd-party SDK)
Events Calendar view
Events List view
Tickets via WEbook · QR · Wallet (deep-link / embedded)