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. Press play, or tap a chapter.

Render to Reality

Designed in the render.
Built on site, to spec.

Every surface — stage, entrance, reception — was planned in 3D before a single panel went up in Rabat. Drag to compare.

Full venue floor plan, top-down render of the plenary room layout

The full plenary layout — stage, delegate tables, press risers and flag line — planned to the centimeter before load-in.

Institutional. Multilingual.
Built to be trusted.

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