TechX
Lander
A futuristic onboarding installation. Participants perform facial scans to obtain attendance details.
UIUX
Fictional User Interface
Physical Computing
Project Type
Team Project
Timeline
3 Days
Collaborators
Xiaowu Jiang, Wei Mao, Kuangxi Cui
My Responsibilities
User Experience Design, Interface Design, Visual Design
Tools
PS, AI, AE, TouchDesigner, Arduino, Python
01 Research
Desk Research
Fictional user interface, which is usually created as part of a story, is basically a term used to describe interfaces that don’t actually exist; they are imaginary.
What Story?
TechX, an innovative academy, merges traditional education with cutting-edge technology for young Chinese enthusiasts.
It aims to ignite creativity and knowledge through a space exploration narrative where students, as cosmic explorers, tackle tasks over two weeks.
02 Define
Design Goal
Our role is to craft an engaging onboarding experience, starting with issuing ID cards upon their space arrival.
Goal 01
Design a way to improve sign-in efficiency and print students’ ID photos quickly.
Goal 02
Design a meaningful starting point of their learning journeys.
03 Design
Design Solution
An immersive sign-in installation activates as the user enters, prompting the camera to begin operation. The program then captures the user's facial image, which is subsequently sent to the printer.
Visual Style
Using futuristic topography neoX font; main colors are light green and black with red as highlights; applying FUI's distinct styles of lines, shapes, and high contrast.
On Site Documentation
User Flow & Interface Design
01 Standby
When the button is pressed, the pointer locks onto Shanghai.
02 Landing
Welcome user to log in and prepare for facial scanning.
03 Preparing
User adjusts face position using front and side cameras.
04 Scanning
Machine scans and records user's facial information.
05 Printing
The printer prints the photo.
