Philips Hue

Instore App

Point of sale . Ipad APP . 2019 _

Philips Hue Instore App is an interactive demo app providing consumers an immersive light experience and triggering them to explore more.

It lets consumers play with the Hue lights, get information based on their adoption, try Hue accessories and voice devices.

my role

I’m the main designer of this project, taking charge of scope definition, UX/UI designs, presenting to stakeholders/markets and working with developers to build the app.

Consumer     journey

#01 consumer journey

User flow

#02 user flow

Project scope is defined based on both business strategy and consumer insights from retailers. The 4-step consumer journey is translated into the whole user flow to ensure a smooth in-store experience and trigger a better conversion.

UX UI

#03 ux/ui designs

Based on the user flow, 46 unique screens are crafted from wireframes to hi-fi visual designs. Some screens are iterated more than 10 times in an agile way for better user experience. All stakeholders are actively involved in the early design stage to provide feedback in order to achieve consumer and business goals.

Prototyping

#04 Prototyping

Aimed at providing an immersive experience, the app is fully interactive and animated. A Flinto prototype is created for user testing and marketing presentations.

Quick access with navigation.

Interactive timeline to present use cases in one day.

See different light scenes for different usages.

Choose and compare the benefits of starter kits.

Interact with voice commands to control lights.

Play with the 360 video of entertainment

Play with accessories. Physical lights will react.

Product cards list.

User testing

Consumers in stores tend to spend less time on the app and have no patience to explore. The test focuses on participants' overall understanding of Hue, product interests and app efficiency(how far they can explore within a limited time).

20 non-Hue users are selected to attend the test. The most significant findings based on both quantitative and qualitative data are used to improve the design.

#05 user testing

DEV support

#06 dev support

Join the sprint planning and sit together with developers to ensure the interactions are correctly implemented and polish the pixels. A review-approve session happens at the end of each sprint to test on the "real" app. Visualized specifications are provided to developers in order to push the experience into the next level.

Testimonial

"I've worked closely with Lan for two years on different Apps andVideo projects and I've been always impressed by the competences and the creativity she was able to bring in every project. She is always perform above expectations delivering state of design projects. 

Luigi Liguori

Global Product Manager @ Philips Hue

Credits

Credits

UX/UI & motion design - Lan Wang

Development - Hannes Vandenberghe