The Art of Ping Pong

The brief

The Art of Ping Pong is a collaboration between Fivefootsix and artists from around the globe, who were asked to re-interpret the iconic Ping Pong bat for an online auction to raise money and awareness for BBC’s Children in Need. The artworks for 2015 were exhibited at KK Outlet, London.

I designed the auction app, which allowed the users to bid on bats and display exclusive information about the artists. Additionally, the app was enhanced by beacon technology: once in the gallery, the app pushed information to users' smartphones about each artist, based on which artwork the user stood in front of.

camille magnan the art of ping pong

Sketch

camille magnan the art of ping pong

Wireframes

camille magnan the art of ping pong camille magnan the art of ping pong camille magnan the art of ping pong
camille magnan the art of ping pong camille magnan the art of ping pong camille magnan the art of ping pong
camille magnan the art of ping pong camille magnan the art of ping pong camille magnan the art of ping pong
camille magnan the art of ping pong camille magnan the art of ping pong camille magnan the art of ping pong
camille magnan the art of ping pong camille magnan the art of ping pong camille magnan the art of ping pong
camille magnan the art of ping pong camille magnan the art of ping pong camille magnan the art of ping pong

Colours

I choose one unique primary colour and one unique secondary colour for each bat. Although the bat pages all have the same layout, by doing that, it feels that each of those pages have their own design and atmosphere.

Font styles

Iconography

camille magnan the art of ping pong iconography

01 — App features

Bidding system

The Art of Ping Pong app allows users to easily bid on the bat they want to win. By clicking the heart icon they can save their favourite bats on their profile page, and receive notifications when it is time to bid, or when the offer made by the users have been outbid.

img01
img01

02 — App features

Notifications

The app also featured proximity notifications, delivered to the user’s smartphone via Bluetooth-powered Beacons at The Art of Ping Pong exhibition space. It shows a welcome message once upon entering the gallery, pushes app-exclusive artist information, and knows which artwork the user is standing in front of. The challenge was to find a clever way to display these notifications without changing the design the design too much, but at the same time make them obvious and readable for the users.

03 — App functions

Navigation

The Art of Ping Pong app offers users free exclusive downloadable content from the artists, as well as information not available on the website. Considering that a lot of content needed to be displayed, I had to find the best and easiest way to navigate through the app - the user should not have to think about where to click next. So I added internal links at the bottom of a few pages, used a horizontal scrolling menu and a button linked to the profile pages, accessible from every page.

img01

Key screens

camille magnan the art of ping pong

Credits

Client // Fivefootsix
Agency // ROLL Studio

UX, App design // Camille Magnan
UI, Website design // Oriana Gaeta
Copywriting // Clare Anderson
Front-end // Patrick Arminio
Back-end // Marco Acierno

camille-magnan-design
View more
camille-magnan-olmeca
View more
Top