Loading Optima
Skip to content
logo

Mawani

A bilingual touchscreen kiosk presenting the Saudi Ports Authority's strategy, projects, and achievements at an event.

Kiosk ApplicationUI/UX DesignWeb Development
clientMawani (Saudi Ports Authority)countrySaudi ArabiacategoryKiosk & Interactive DisplaysVisit Site
Mawani: Interactive Kiosk Presentation

About the
project

We built this interactive kiosk for Mawani, the Saudi Ports Authority, as a development partner to an agency. It was used at an event in Saudi Arabia to present Mawani's Vision 2030 story.

This kiosk application presented Mawani, the Saudi Ports Authority, on a touchscreen at an event in Saudi Arabia. Visitors move between ten sections, including investment opportunities, projects and initiatives, the digital approach, logistics, awards, and vision and mission. Each section pairs short facts with imagery, and the whole experience switches between Arabic and English.

Next.js (App Router)ReactVercel

The
Challenge

Mawani's story covers investment, strategy, digital transformation, logistics, and awards. At a busy event, visitors need to find what interests them in a few taps, without scrolling through long pages.

Our
solution

We built a Next.js kiosk app with an attract screen and a persistent bottom navigation bar covering all ten sections. Each section presents a few key points next to visuals, and a single tap switches the language.

Key features

  • Attract screen with Start Now entry
  • Persistent touch navigation across ten sections
  • Arabic and English with one-tap switching
  • Short, scannable content blocks for each topic
  • Full-screen, touch-friendly layout

The
Result

Event visitors could explore Mawani's strategy and achievements on their own, in their preferred language.