GCC Connect

Gulf Regional Services Platform

Page 1 of 8 — Onboarding

Onboarding

Onboarding Flow

01 — Splash Screen
πŸ•Œ

GCC Connect

Your Gateway to Gulf Services

AVEOSOFT

Welcome to the Gulf

Connect Β· Discover Β· Grow across 6 Nations

🌍

180K+

Active Users

↑ +24% YoY

02 — Sign In
9:41
●●●
Welcome Back
πŸ“§
πŸ”’

4.9β˜…

App Store Rating

↑ 12K Reviews

Onboarding

GCC Region Selector

GCC Region Selector Flow

01 — GCC Country Map
9:41
●●●
Select Your Country

Gulf Cooperation Council

6 Countries Β· 54M+ Population Β· Full Coverage

πŸ—ΊοΈ
πŸ‡¦πŸ‡ͺ UAE
πŸ‡ΈπŸ‡¦ Saudi Arabia
πŸ‡ΆπŸ‡¦ Qatar
πŸ‡°πŸ‡Ό Kuwait
πŸ‡§πŸ‡­ Bahrain
πŸ‡΄πŸ‡² Oman
All GCC
UAE
KSA
Qatar
Kuwait
Bahrain
Oman

1,240

Services in UAE

↑ Most Popular

Home
Services
Appointments
Documents
Profile
02 — UAE Emirates Selector
9:41
●●●
Select Your Emirate

United Arab Emirates

7 Emirates Β· All Services Available

πŸ‡¦πŸ‡ͺ
Dubai
Abu Dhabi
Sharjah
Ajman
RAK
Fujairah
UAQ

Service Availability by Emirate

DXB
AUH
SHJ
AJM
RAK
FUJ
UAQ

Dubai

Selected Emirate

↑ 3.5M Population

1,240

Services Available

↑ +180 Added

Home
Services
Appointments
Documents
Profile
03 — Region Confirmed
9:41
●●●
Region Set Successfully
100%

Setup Complete

Dubai, UAE πŸ‡¦πŸ‡ͺ

Dubai

Your Emirate

↑ UAE πŸ‡¦πŸ‡ͺ

1,240

Services Near You

↑ +180 New This Month

98%

Service Coverage

↑ Full Area Covered

Gold Member Β· Dubai Hub
Home
Services
Appointments
Documents
Profile

GCC Region Selector

Home Dashboard

Home Dashboard Flow

01 — Regional Overview
9:41
●●●
Good Morning, Ahmed β€” Dubai πŸ‡¦πŸ‡ͺ

Dubai Services Hub

1,240 Services Available Near You Today

πŸ™οΈ

1,240

Local Services

↑ +18% This Month

3

Active Applications

↓ 2 Pending Review

4.8β˜…

Service Rating

↑ +0.2 vs Last Month

Top Categories Today Β· Dubai

Gov
Biz
Health
Legal
Utility

14d

Left

Trade License Renewal Due

DED Dubai β€” Action Required

Home
Services
Appointments
Documents
Profile
02 — Activity Feed
9:41
●●●
Recent Activity
68%

Profile Complete

Add Emirates ID to unlock all features

2:30

PM

Emirates ID Renewal

GDRFA β€” Application Submitted

10:00

AM

Residence Visa Status

ICP Portal β€” Pending Approval

Done

βœ“

Municipality Certificate

Dubai Municipality β€” Completed

AED 0

Platform Fee

↑ Free Access Always

1 Urgent Action Required
Home
Services
Appointments
Documents
Profile

Home Dashboard

Services Marketplace

Services Marketplace Flow

01 — Browse All Services
9:41
●●●
Services Β· Dubai, UAE
πŸ”
All
Government
Business
Healthcare
Legal
Utilities
πŸ›οΈ

Trade License β€” New

AED 12,500 AED 15,000
β˜…β˜…β˜…β˜…β˜…
πŸͺͺ

Emirates ID Renewal

AED 370 AED 400
β˜…β˜…β˜…β˜…β˜…
✈️

Residence Visa 2-Year

AED 3,200 AED 3,800
β˜…β˜…β˜…β˜…β˜…

240+

Gov Services

↑ Updated Today

Home
Services
Appointments
Documents
Profile
02 — Service Detail
9:41
●●●

Trade License Renewal

Department of Economy & Tourism Β· Dubai

πŸ›οΈ

AED 12,500

Government Fee

↑ Save AED 2,500 via Portal

5–7

Working Days

↑ Express 2-Day Available

85%

Approval Rate

4,200 completed this month

Step 1

Upload Trade License Copy

PDF or JPG Β· Max 5MB required

Step 2

Submit Government Payment

Online Β· Card or Bank Transfer

Step 3

Receive Digital License

Via Email & App Wallet Β· Instant

Home
Services
Appointments
Documents
Profile

Services Marketplace

Appointments

Appointments Flow

01 — My Appointments
9:41
●●●
Appointments & Bookings

3

Upcoming

↑ This Week

12

Completed

↑ +5 This Month

Appointments This Month

W1
W2
W3
W4

9:00

AM

Emirates ID Biometrics

Amer Centre Β· Dubai Marina Β· Today

11:30

AM

Notarization β€” Dubai Courts

Bur Dubai Branch Β· Tomorrow Apr 23

2:00

PM

Medical Fitness Test

Al Baraha Hospital Β· Thu Apr 24

Home
Services
Appointments
Documents
Profile
02 — Book Time Slot
9:41
●●●
Select Date & Time Β· Amer Centre

Amer Centre Dubai Marina

Walk-in & Appointment Β· Open 8AM–8PM

🏒
Tue Apr 22
Wed Apr 23
Thu Apr 24
Sun Apr 27
Mon Apr 28
9:00 AM
9:30 AM
10:00 AM
11:00 AM
2:00 PM
3:30 PM

8

Slots Available

↑ Wednesday Apr 23

60%

Slot Filling Fast

Book now β€” Limited availability

Home
Services
Appointments
Documents
Profile

Appointments

Document Wallet

Document Wallet Flow

01 — My Documents
9:41
●●●
Document Wallet Β· Ahmed Al Mansoori
70%

Docs Uploaded

7 of 10 Required Documents

πŸͺͺ

Emirates ID

Valid Β· Expires Mar 2027
β˜…β˜…β˜…β˜…β˜…
πŸ“‹

Trade License Β· DED

Expiring Β· Jun 2025 Β· Renew Now
β˜…β˜…β˜…β˜†β˜†
πŸ›‚

Residence Visa

Valid Β· Expires Jan 2026
β˜…β˜…β˜…β˜…β˜…

3

Expiring Soon

↓ Next 90 Days

Trade License Expiring in 60 Days
Home
Services
Appointments
Documents
Profile
02 — Application Tracker
9:41
●●●
Application Status Tracker

Applications by Status

Approved
Review
Pending
Draft

Day 3

Emirates ID Renewal

Under Review β€” GDRFA Dubai

Day 1

Visa Status Extension

Submitted β€” ICP Federal Portal

Done

βœ“

Labor Card Renewal

Approved β€” MOHRE Dubai

14

Total Applications

↑ Lifetime Count

92%

Approval Rate

↑ +5% vs GCC Avg

Home
Services
Appointments
Documents
Profile

Document Wallet

Profile & Settings

Profile & Settings Flow

01 — User Profile
9:41
●●●
My Profile Β· Ahmed Al Mansoori
68%

Profile Complete

Add Emirates ID to reach 100%

Dubai

Current Region

↑ UAE πŸ‡¦πŸ‡ͺ Β· Change Region

Gold

Member Tier

↑ Upgrade to Platinum

πŸͺͺ
Emirates ID Β· AED-XXXX-XXXX-1
β€Ί
πŸ“
Change Region Β· Dubai, UAE
β€Ί
πŸ””
Notification Preferences
β€Ί
🌐
Language Β· English / Ψ§Ω„ΨΉΨ±Ψ¨ΩŠΨ©
β€Ί
πŸ”’
Security & UAE Pass Linking
β€Ί
Home
Services
Appointments
Documents
Profile

Profile & Settings

GCC Connect

V1 Deliverables

Feature Stack & Deliverables

Complete overview of confirmed features, deliverable items, and technical architecture for GCC Connect.

πŸ—οΈ

Tech Stack

PlasmicReact Native WebMapbox GL JSNext.js 14ZustandVercel
⚑

Core Technologies

🎨
Plasmic β€” Visual component builder for interactive mobile UI and design tokens
βš›οΈ
React Native Web β€” Cross-platform mobile-first component rendering
πŸ—ΊοΈ
Mapbox GL JS β€” Interactive GCC map with country polygon overlays and emirate boundaries
β–²
Next.js 14 β€” App router for screen navigation and page transitions
🐻
Zustand β€” Lightweight state for selected region, emirate, and user session
☁️
Vercel β€” Edge deployment with instant preview URLs for Plasmic handoff
πŸ“¦

V1 Deliverables Checklist

  • Interactive GCC Map screen with 6 country polygon hotspot overlays and tap-to-select states
  • UAE Emirates inline chip selector with active highlight, validation, and service count badge
  • Region confirmation flow with animated progress ring and service count reveal
  • Plasmic component library with 14+ reusable mobile components and slot-based architecture
  • Responsive mobile-first layouts for all 7 app screens inside standard phone frames
  • Bottom tab navigation with active state indicators and page transition animations
  • Service marketplace with filterable chip bar, product cards, and detail drill-down screen
  • Appointment booking flow with date chip carousel and time slot selector grid
  • Document wallet with expiry tracking, status badges, and application status chart
  • Handoff-ready Plasmic project exported with design tokens, component variants, and interaction states
πŸ”§

Architecture Layers

UI Layer
Plasmic + React
Visual component system, interactive states, mobile phone frames, chip selectors, region selector screens, bottom tabs
Map Layer
Mapbox GL JS
GCC interactive SVG/GL map, country polygon click zones, UAE emirate boundary highlights, animated selection states
Navigation
React Navigation v6
Bottom tab navigator, stack screens per domain page, deep linking for country and service routes
State Management
Zustand
Selected GCC country, active emirate, user profile, document wallet, application tracking, session tokens
Design Tokens
Plasmic Token System
Primary #1E3A5F, Accent #C9A84C, BG #F5F7FA, Typography Inter, mobile spacing scale, breakpoints 375/390/430px

GCC Connect V1 Prototype