Interaction Design of Multi-Layered Maps for Shopping Malls

Interaction Design

Design Tools

Adobe Photoshop

Adobe Illustrator

Adobe After Effects

Adobe InDesign

 

Introduction

This project is about a navigation application for shopping malls,  it shows the location and guides customers to find shops and seek coupons, helps users to reserve restaurants and buy film tickets. This work was designed in 2015 for the Wanda Group. 

In this work, I was doing research including shopping mall features, the building location and interior floors, as well as the cultures, nationalities and behaviours of users when they are shopping.  Since the design of the function is based on the research,  I am in the design team to focus on interaction design of map directions, film ticket purchases and the complete motion design of the application, the ticket machines and the advertisement system for business goals.

 

Research & Brainstorm Organizes

In 2015, for researching different features of shopping malls not only just in Beijing but also I have been to Hong Kong, Bangkok, Tokyo, Osaka and London to observe, record and analyse the local people's behaviours when they are shopping.  

 

research
que
IMG_6674
IMG_6646

User Flow

Food_Road_Map3

Interaction

Food_Road_Map4

The colourful pages are existing maps. The challenge of this work was the recognition mechanism. Each floor map is based on the real layout, this workflow needs to tell the user each floor clearly when they search the store.

Food_Road_Map7
Food_Road_Map10
Food_Road_Map11

Interface Demo

Brand Demonstration

brand-UI

Motion Demo

Selected Works

Works in RITVisual

Interaction Design of Conceptual Music ApplicationUX | Functional Design | Interaction Design

Healthcare & Sport ApplicationFunctional Design |Complicated Interaction |Interaction Specification

Student Clubs App DesignUX | Interaction Design | Functions

Design of Conceptual Water MonitorUX | Functional Design | Research

Variable Interfaces of UX MagazineProcessing | Graphic UI Design

NASA Logo Animation3D Motion Design | Cinema 4D |Quick idea Training

The Conceptual Astrolabe3D Motion Design

JourneyMotion Design

dance

Thanks for scrolling! 

Thanks for scrolling! 

Thanks for scrolling! 

Feel free to see my Linkedin, or Email me: yw9015@rit.edu

Feel free to see my Linkedin, or Email me: coral0302@outlook.com 

Feel free to see my Linkedin, or Email me: coral0302@outlook.com