arrow-left-lightarrow-leftarrow-right-lightarrow-rightarrow-thin-left arrow-thin-right browser-search cup heart indicator laptop layers layout-4boxes layout-sideleft mail-heart mail map-pin mixer mouse nav paintbucket pencil-ruler phone picture play video
Maxence Le Corre - Portfolio

Interactive Kiosk

  • Location: Shanghai
  • Mission: UX & UI Design for the project of an interactive kiosk


A both innovative and ambitious project is being developed: the creation of an interactive kiosk concept as well as its whole management ecosystem.
As a Senior Designer, I am leading the UX & UI Design, working closely with the Product Design Team (shaping the product itself) and the Development Team (in charge of the programming).


Shopping centers across China


Satisfying both the customers and the retailers.

Shopper’s benefits:

Shopping Centers and Retailers’ benefits:



3 types of Kiosk


The 4K screen is divided into 3 parts:


The simplification and stylisation of the floor plans required a painstaking work. I determined the process to get a consistent design from the Autocad files we were given by the different shopping malls. All the floor plans of a mall had to be perfectly aligned following the global structure, so that the lifts would always appear at the same place, especially during the animations (when floor plans appear successively on top of each other to show the route). I’ve set a visual distinction between the units related to the mall and the ones without relevance for the customers (like office units).

Then I determined all the areas customers could walk in, with specific vector shapes, so that the developers would inject it in their wayfinding system and determine the fastest routes for specific searches.

Interactive Kiosk Design Process


Quick diagram to keep in mind the most common users’ needs.

Interactive Kiosk Flowchart

I worked closely with technical engineers and came up with these UIs, willing to comply with technical constraints while delivering the best user experience. Providing shoppers with the maximum efficiency was the motto.

Interactive Kiosk UI explained

After several UI proposals and tests on the 4K screen, we realized that some colors were not rendered correctly (chromatic aberration), especially at the edge of overlapping blocs. The solution turned out to be the adoption of this pastel warm brown hues for the global interface: quite a neutral tone that wouldn’t conflict with the colors of malls’ specific categories.

Design details: facilities’ buttons

Kiosk Design details: facilities' buttons

Here are two interactive prototypes I made in order to choreograph some animations and communicate on how elements should appear on screen.

Some extracts of the promotion brochure I’ve designed.

Interactive Kiosk's promotion brochure