01234567890 01234567890
Refining pixels...
100

ATAF DGIMaster Class

Elevating an international event platform
Through integrated event strategy, mobile UX design, and structured digital architecture
ATAF & DGI Master Class — Case Study

Designing
institutional trust
into an interface.

Project ATAF & DGI Master Class
Role UX / Product Design
Client First Agency
Location Rabat, Morocco
Date July 2025

A secure, multilingual event ecosystem unifying stage design, branding and a protected web app into one coherent experience — engineered for clarity, discretion and operational control.

66Participants
10Sessions
3Activities
3Languages
SECURE SESSION · TOKEN VALIDATED · MULTILINGUAL · INSTITUTIONAL ·
Master Class event app homescreen shown on a phone
Design Challenges

Senior officials needed frictionless entry with zero tolerance for weak authentication — every credential exposed only what a given attendee was cleared to see.

Delegations arrived in English, French and Portuguese. Content had to stay identical in structure and confidence across all three, with no language feeling like an afterthought.

Stage design, badges and signage had to speak the same visual language as the app — so a delegate moved from hallway to homescreen without a single jarring handoff.

In high-level institutional events, clarity and security define the entire experience.

Design Response

Token-based secure login, full multilingual support and a deliberately simplified navigation structure. Every touchpoint — physical or digital — was engineered around clarity, discretion and operational control.

Visual Identity

A system built for
heat, heritage & hierarchy.

Frutiger carries the structure. Minion Display carries the warmth. Together they read as institutional without ever feeling cold.

Display — Frutiger Black
Master Class
Body / Quotes — Minion Display Italic
Clarity and security define the experience.
Palette — click a chip to copy its hex
#FF5D00Signal OrangeCopied
#FC9B00AmberCopied
#090425Institutional NavyCopied
#1F6800Heritage GreenCopied
#FFFFFFPaperCopied
Project Timeline

Six phases,
one roadmap.

A structured, phase-based roadmap aligning digital development with institutional milestones, security requirements and operational constraints. Turn the dial, or tap a capsule.

01
02
03
04
05
06
2 weeks Tender Kickoff
01
Tender Kickoff
2 weeks
02
User Research
2–3 weeks
03
IA & Wireframes
3 weeks
04
Visual Design
2–3 weeks
05
React Development
6–7 weeks
06
Event Operations
5 days
  • Call awarded
  • Scope definition
  • Stakeholder alignment
  • Planning roadmap
User Persona
Portrait representing the primary user persona, a senior tax administration official

Designed for senior leaders navigating high-stakes rooms.

55 years old Head of Tax Administration Ghana Senior Decision Maker Moderate Digital Proficiency
Pains
  • Limited time demands immediate access without navigating complex structures.
  • High security expectations make authentication friction unacceptable.
  • Inconsistent performance or unclear organization quickly undermines trust.
Solution

Secure token-based access and simplified navigation. Sessions and logistics clearly organized, optimized for reliability across devices and network conditions.

User Flow

From authentication
to confirmation.

Mapped to minimize friction, reduce cognitive load, and maintain clarity at every step. Tap an endpoint to trace its path.

Token Validation
Secure Session
Home
Sessions
Participants
Informations
Language Switch (EN / FR / PT)
Session details
Flight information
Gala dinner confirmation
Fez trip confirmation
Recommendations
Useful contacts
Digital Experience

From homescreen to
on-site confirmation.

Sessions, logistics and confirmations centralized within a secure, multilingual environment.

App homescreen shown on both sides of the phone with the language selector open
Plate 01Master Class Home

66 participants · 10 sessions · 3 social activities, surfaced the moment the app opens.

Upcoming sessions state with quick links footer
Plate 02Upcoming Sessions

Collapses to a calm empty state once the day's sessions are done.

Built for high-level institutional coordination — the platform centralizes sessions, logistics and confirmations within a secure, multilingual environment.

Preview —
Master Class screen in French
Plate 03Français

Full structural parity with every other language.

The platform supports English, French and Portuguese, ensuring accessibility for international delegations while maintaining consistent navigation and structured content.

Social activities tab listing welcome cocktail, gala dinner and cultural visit
Plate 04Social Activities

Welcome cocktail, gala dinner and cultural visit, one tab away.

Welcome cocktail event confirmation screen with hotel photo
Plate 05Welcome Cocktail

July 21 · Sofitel Jardin des Roses, Rabat.

Cultural visit to Fez event confirmation screen with market photo
Plate 06Cultural Visit to Fez

Full-day itinerary with a one-tap attendance confirmation.

Program screen listing the opening session
Plate 07Provisional Schedule

Searchable, day-by-day session listing.

List of session cards with time, location and capacity
Plate 08Session Cards

Time, location and access level at a glance.

Session detail modal with speaker and location
Plate 09Session Detail

Speaker, time, location and capacity, one tap away.

Searchable participants directory
Plate 10Participants Directory

66 delegates, searchable by name with role and country tags.

Useful contacts screen
Plate 11Useful Contacts

Hotel and ATAF liaison numbers, one tap to call.

Emergency contacts screen
Plate 12In Case of Emergency

National numbers and the on-site medical station, always reachable.

Practical information screen with the Kasbah of the Udayas
Plate 13Practical Information

Stay, contacts and sightseeing in one place.

Recommendation cards for Hassan Tower and Chellah Necropolis
Plate 14Around Rabat

Curated sightseeing for delegates' free time.

Practical tips covering insurance, power outlets, weather and currency
Plate 15Practical Tips

Insurance, sockets, weather and currency — settled before landing.

Institutional. Multilingual.
Built to be trusted.

** For confidentiality reasons, access to the platform is activated on request. **
WAYZmobile app
Keep Scrolling