ui-ux portfolio lu xiaoheng

UXA selection of user experience projects by Lu XiaoHeng

IntroductionLu XiaoHeng

02.

Event Design I.D.E.A.S.

10.Exhibition Design

Chrysalis

06.Introduction

Proficiencies

04.

Museum DesignRed Dot

Discovery

14.AppreciationCopyright

18.

2 All images © 2013-2015 Lu XiaoHeng

Design is not only a career but also a lifestyle. It is about changing and modifying things around you to make them better for the users. I am always on the lookout for things I can change. It may not always turn out to be for the best. But it is always fun to try!

This portfolio includes a selection of my UX projects. Design is all about the needs of the users. And the value of a design lies in the experience it brings. I would like to bring my audience an unique experience interacting with my design, be it joy or sorrow.

Lu XiaoHeng

3All images © 2013-2015 Lu XiaoHeng

Graphics Adobe Photoshop, Illustrator, InDesign, Lightroom

Sound

Adobe After Effects, Premier Pro, Flash

Experienced In

Adobe Audition

Video & Animation

CAD Rhinoceros, Sketchup

Rendering Keyshot

3D Printing Cura

Name Lu XiaoHeng

Contact Details 93215527/[email protected]

Date of Birth 1990 Dec 5th

Nationality Singaporean

Education NUS Industrial Design Y2

Work Experience Internship at Duoxiang Studio (China, Beijing)

Collaboration with L’Oreal Luxe Travel Retail Asia Pacific

Collaboration with Singapore Ministry of Manpower

Collaboration with Red Dot Museum Singapore


Proficiencies

Concept Design and Actualization

Electronic Prototyping 3D Fabrication


Design Research and Testing Photography Chi-Eng

Translation


ChrysalisLuxury Is Nature, Pure Essence, Protection

Lu XiaoHeng | Aishwarya Tandon | Allison Yip Yee Roo | Constance Texier

In Collaboration With L’Oreal Luxe Travel Retail Asia Pacific

This project is to design the Tax-Free World Association Exhibition 2015 L’Oreal section.

The goal is to design a meeting and exhibition space that represent L’Oreal Luxe as a brand. It should also showcase a sense of luxury to all its visitors.

Thus, my team and I created Chrysalis. To us, luxury is nature. Luxury is the distilled essence that is not flamboyant. It is a feeling of being protected and cared for.

The Chrysalis is our main exhibition unit. It is a cocoon that shields the product inside. By devoting all the space to a single product, it is made precious. The limited viewing space further emphasise the idea of protection and exclusivity. Having the lighting unit embedded into the base of the Chrysalis and the shell translucent, it creates a feeling of curiosity before finding out what is inside.


In Collaboration With L’Oreal Luxe Travel Retail Asia Pacific

chrysalis

chrysalis area

informal meeting area

formal meeting rooms

L’Oréal logo

advertising spaces

reception area storage area emergency exits

This is the design for the entire exhibition section. It is mainly consisting of three formal meeting rooms, three Chrysalis areas with various informal meeting spaces and a reception. This allows both private and semi-private business meetings, easy viewing of products and the possibility of large meetings in the central area.


Front View

Chrysalis Area


formal meeting area advertising & informal meeting space

main corridor chrysalis & informal meeting space

Cross Section View

Context View


I.D.E.A.S.Safety Beyond Mere Protocols

Lu XiaoHeng | Dyllis Teo | Zhang Shi Ting

In Collaboration With Singapore Ministry of Manpower

Singapore has almost 1.4 million immigrant workers. Among these, 300 thousands are construction workers. While there has been many safety regulations in place, construction still remains to be the job with the largest number of deaths and injuries.

I.D.E.A.S., acronym for Innovation, Design for Efficiency And Safety, aims to lower these numbers through a co-design workshop.


In Collaboration With Singapore Ministry of ManpowerEmployer/Employee

Education Prevention Incident Resolution

MOM

Third Party

Receive Training

EngageThirdParty

Provide Training

Provide Training

Set Req.

Assess Risk

Set Req.

Multidisciplinary Team

Repeated Tests

Self-review

Set Req.

Approved Auditors

Inspec-tion

Set Req.

Hygiene checks submitted online

Self inspections

Hospitals

DemeritPt.

Issuer

B.U.S.

IssuerHigh demerit pt.

MOM inspects

Action Plan needs to be made by company to improve situation

ClusterOp.

CheckerPre-announced

Promote change rather than punish

SpecificProg.

OrganizerControl high risk materials

Receiver

ProvideIncentiveFor specific areas

Place Posters

DistributorDownload online

Pick up at MOM Hall B

B.U.S.

IssuerRecent accident

MOM inspects

Action Plan needs to be made by company to improve situation

Reporting

ReceivingBy employer, occupier, doctor or employee

Include incident without injury

Including occupational diseases

Compensation

WICAQuick compensation by employer

Receiver

Program-basedInvestigation, invervention, publish

Evaluating the user journey map of current safety education, prevention and reporting system, we found major weakness in the prevention department. While there are many programs in place, most target the employers. Other programs do not address the issue of worker complacency and optimism bias. This is especially prevalent among experienced workers.

To instil a sense of safety beyond mere protocol, we decided to utilize the wealth of working experience of the workers. By respecting their position as experts in their field, we earnestly seek their suggestions and proposals to modify existing working methods and tools. Through the use of communication tools like image cards, we are able to overcome the language barrier and obtain valid suggestions.


We encourage them to draw their ideas on post-its provided in the I.D.E.A.S. tool-kit. By encouraging the workers to draw their suggestions, we further decrease the difficulty of communication.

These are some of the outcome of our trial run. Yellow is the idea suggested, in this case a step for workers on a high-rise painting gondola. It allows them to safely reach out further into areas previously unreachable. Afterward, other workers are allowed to brainstorm potential risks and advantages of these ideas in red and blue post-its respectively. Coming up with potential dangers themselves instead of being told by an officer makes learning proactive and allow them to overcome optimism bias.


Going through this discovery learning workshop, foreign workers will be sensitized to the risks involved with various short-cuts and able to identify potential problems on site. Ministry of Manpower can also collate these ideas into post-its stacks for potential implementation of valid ideas in future.


Red DotDiscovery

Museum Experience Needs Not Start In The MuseumLu XiaoHeng | Ivan Chiok | Marcus Woo

As Red Dot Museum Singapore is moving location, National University Singapore Industrial Design is tasked to design the museum experience of the new site. While the new site is smaller in size, it should be able to display various exhibition pieces and be able to handle large events like the Red Dot Awards. My team and I also need to tackle the current problem of the low public interest.

With that in mind, we created the Red Dot Discovery.

In Collaboration With Red Dot Design Museum Singapore


In Collaboration With Red Dot Design Museum Singapore

!

!

!

!

!

!

!!

!

! !

! !

!

!

!

!!

!

!

!

!

!

To determine the problem, we first conducted a few rounds of on-site research and interview. From these we gained precious insight upon which we built a user journey map and identified current problems and advantages. Based on these, we were able to construct a new user journey for the museum.

To attract the public, the museum must first be spotted. Having a unique and eye-catching building can be expensive. As the road traffic outside the new site is low, the effectiveness of an iconic building is also questionable. Thus, we decided to cater for the online users instead, with a huge red dot you cannot miss on online maps. It is Red Dot indeed!


Besides making use of the internet we have also designed the Red Dot Vision. The Red Dot Vision allows its viewers to spot nearby visitor hotspots and Red Dot Museum through its visors.

We have also redesigned the museum interior for a smoother and more pleasant viewing experience.


Design Museum Shop

Exhibition 1

Exhibition 2 During Standard Exhibition Exhibition 2 During An Event


I would like to thank...National University of Singapore for giving me the opportunity to pursue design

professors for their guidance and teachings

teammates for their hard work

girlfriend and family for their unconditional support

collaborating partners for their utmost assistance

All images © 2013-2015 Lu XiaoHengAll rights reserved

I hope you have enjoyed the ride!

aAll images © 2013-2015 Lu XiaoHeng

UIA selection of user interface projects by Lu XiaoHeng

b All images © 2013-2015 Lu XiaoHeng

IntroductionLu XiaoHeng

02.

UI Concept Move-偶

10.UI ConceptPeekaboo

06.Introduction

Proficiencies

04.

AppreciationCopyright

14.


Design is not only a career but also a lifestyle. It is about changing and modifying things around you to make them better for the users. I am always on the lookout for things I can change. It may not always turn out to be for the best. But it is always fun to try!

This portfolio includes a selection of my UI projects. In today’s world, UI no longer limits itself to a screen or a set of buttons. It is customized to bring a variety of information to its target audience.

Lu XiaoHeng


Graphics Adobe Photoshop, Illustrator, InDesign, Lightroom

Sound

Adobe After Effects, Premier Pro, Flash

Experienced In

Adobe Audition

Video & Animation

CAD Rhinoceros, Sketchup

Rendering Keyshot

3D Printing Cura

Name Lu XiaoHeng

Contact Details 93215527/[email protected]

Date of Birth 1990 Dec 5th

Nationality Singaporean

Education NUS Industrial Design Y2

Work Experience Internship at Duoxiang Studio (China, Beijing)

Collaboration with L’Oreal Luxe Travel Retail Asia Pacific

Collaboration with Singapore Ministry of Manpower

Collaboration with Red Dot Museum Singapore


Proficiencies

Concept Design and Actualization

Electronic Prototyping 3D Fabrication


Design Research and Testing Photography Chi-Eng

Translation


PeekabooA Playful Button For Kids

Lu XiaoHeng | Zhang Hongxuan Edmund | Lai Jing Yi

Buttons are objects hard, edgy and industrial. They often need to be specially modified to prevent children from operating them.

However, buttons are also fun and attractive. They represent the possibility for a surprising and unexpected outcome.

Peekaboo explores the possibility of a button designed to be used by children. It is like a toy, waiting to be played. Using it generates a surprising outcome that makes you want to do it again.


Initial concept draws inspiration from everyday objects like condiment bottle, joystick and alarm bell. These objects attract attention naturally and compel the user to play with them.

Foam models allowed further ideation. Some concepts have been proven unworkable while new ideas and new buttons were created.

Fun buttons like these require us to explore soft materials like silicone and rubber. Balloons are chosen to create the responsiveness rather than mechanical components. Silicone is chosen as outer skin to increase durability while maintaining the softness.


While at rest, these buttons seem nothing special. However, when used, the balloon pops out, generating a dramatic effect that is both surprising and fun to play with.

This project has been included in the 2014 yearbook of Division of Industrial Design.


Move-偶Long Distance Interaction Between Parents And Infant

Lu XiaoHeng

Millions of young parents work abroad to bring a better life to their family. However, this means separation from their loved ones. While increasing prevalence of international phone-calls and video chats makes communication easier and cheaper every year, there is still a problem. Young parents cannot communicate with their infants over the internet. As young children cannot speak, they rely on tactile senses. Current modes of digital communication lacks that.

Move-偶 (Move-ou) can help alleviate the problem through the medium of a hand-puppet.


Move-ou utilizes an internal frame to mimic the motion of the hand which is captured through a Leap Motion unit and sent across the internet.

The hand unit itself is controlled by three sets of servos operated by an Arduino system. The Arduino receives data from the internet sent by the Leap Motion unit.

Programming for the data scanning, transmission and motion is done through Arduino and Processing which are based on Java.


Move-ou is able to mimic the motion of a hand to control the puppet. When young parents are at home, they can play with their child using the puppet to build a connection between the puppet and the child. When parents are overseas, Move-ou will take over and allow parents to communicate with the child across the internet.


I would like to thank...National University of Singapore for giving me the opportunity to pursue design

professors for their guidance and teachings

teammates for their hard work

girlfriend and family for their unconditional support

collaborating partners for their utmost assistance

All images © 2013-2015 Lu XiaoHengAll rights reserved

I hope you have enjoyed the ride!

ui-ux portfolio lu xiaoheng

Documents

lu xiaoheng design research

exhibition design chrysalis

introduction lu xiaoheng

lu xiaoheng chrysalisluxury

event design

lu xiaoheng contact

chrysalis areas

exhibition space