Irving Suna Logo
Back
Touchscreen · Interactive · Kiosk

Arena Pernambuco Touchscreen App

Client
Arena Pernambuco
Role
UX/UI Designer, Art Director, Interaction Designer
Summary
A touchscreen kiosk application built for the stores promoting Arena de Pernambuco, the FIFA World Cup 2014 stadium in Recife. Visitors could explore the stadium, plan their route, follow construction progress, discover Clube Arena Prime, and choose their seat with a 360° view.
Arena Pernambuco touchscreen app — hero image

Problem

Arena de Pernambuco was preparing to open as Recife's stadium for the 2014 FIFA World Cup. The showroom needed a way to help visitors understand the scale of the project: transportation access, construction progress, and what the stadium experience would look like.

Solution

I designed a touchscreen kiosk that gave showroom visitors a hands-on way to explore the stadium. A hexagonal navigation menu connected five sections: stadium info, directions, seat selection with 360° views, Clube Arena Prime membership details, and a construction progress tracker with time-lapse footage.

Results

The kiosk was well received at the Clube Arena Prime showroom and became a key part of the pre-launch campaign for Arena de Pernambuco, a FIFA World Cup 2014 stadium with capacity for more than 46,000 fans.

Touchscreen kiosk that gave visitors a hands-on way to explore the stadium before it opened.

A hexagonal menu served as the main navigation, giving visitors access to five sections from a single screen: Arena Pernambuco, Directions, Seat Selection, Clube Arena Prime, and Construction Progress. Each section opened into its own full-screen view.

Real photo of the Arena Pernambuco touchscreen kiosk in use — a visitor's hand pointing at the hexagonal navigation menu on a large landscape touchscreen mounted on a white stand inside the Clube Arena Prime showroom
The Experience
Splash screen — aerial 3D render of Arena Pernambuco with 'TOQUE NA TELA PARA NAVEGAR' prompt Interior view of the stadium — empty pitch and red stands seen from midfield level Main navigation menu — hexagonal icon buttons on a blue gradient: Arena Pernambuco, Como Chegar, Escolha Seu Assento, Clube Arena Prime, Estágio da Obra Arena Pernambuco info screen — 'UM DOS ESTÁDIOS MAIS MODERNOS DO MUNDO' headline with stadium description and photo access button Photo gallery — aerial 3D stadium view with touch-and-drag gesture hint and scrollable thumbnail strip at the bottom. Label: Vista área. Clube Arena Prime — lifestyle lounge photo collage with headline and description of the VIP membership experience 360° camarote view — modern luxury box suite interior with sofa, TV, kitchenette and a window overlooking the pitch, with thumbnail strip below Como Chegar — route map showing the metro line from Recife airport to Arena Pernambuco with transport icons and stop markers Estágio da Obra — construction progress screen showing 97.4% completion with FOTOS and TIME LAPSE options Escolha Seu Assento — seat selection screen with stadium plan and instruction to tap a seat to preview its view and characteristics
Results
The touchscreen was well received by visitors at the Clube Arena Prime showroom, with strong interest building around the stadium's upcoming opening.

Want to learn more about this project?
hello@irvingsuna.com