![](https://cdn.prod.website-files.com/5e5cc415512f4ed4deaea9a6/64a6982dc26cfc8d2c29db1d_HRP_cover_1.jpg)
Direct Contribution
• Persona
• User Journey
• Scenario, System Flow, User Flow & Wireframe
• Information Architecture
• UI & GUI
• Prototyping
• Mockup
• Documentation
From Analog
To Digital
Smart City Management System
2023
Hybrid Reality combines the best of both Building Information Modeling (BIM) and Reality Modeling. In Hybrid Reality environments, BIM objects are anchored into a 3D space retrieved by 3D capturing technology. It allows you to seamlessly navigate through and manage both the BIM objects and 3D reality meshes at the same time, revolutionizing and improving the operations process of different types of industries.
Project Index
Alarm info is directly shown for fast response
Data Visualization
Data from IoT sensors are visualized in timeline & are easy to understand
New Sensor Creation
User can import and customize new sensors easily to projects
Measurement System
Users can measure latest BIMs & reality models for monitoring & future planning
Measurement Bookmarks
User can compare & save measurement results in bookmarks to check project progress
Construction Form System
User can create/ upload/ edit /read construction forms to inform colleague the latest planning
Always Up To Date
Workers are always updated with the latest change through notification on different devices in order to response quickly
![](https://cdn.prod.website-files.com/5e5cc415512f4ed4deaea9a6/64a6982d24111bab2224202c_HRP_cover_4.jpg)
![](https://cdn.prod.website-files.com/5e5cc415512f4ed4deaea9a6/64afc00a08db128088d9de12_Cover%204.jpg)
Direct Contribution
• User Journey
• User Flow & Wireframe
• UI & GUI
• Prototyping
• A/B Testing
• Mockup
• Documentation
Habitats
In Hong Kong
Ecological Database
2023
The Hong Kong Ecological Database serves as a valuable platform for efficiently gathering, storing, analyzing, and sharing the extensive data required for conducting Environmental Impact Assessment studies.
Measurement Tools
Easily focus on target region studies
Database
Information about habitat, flora & fauna
Responsive Design
Easy to switch between devices
![](https://cdn.prod.website-files.com/5e5cc415512f4ed4deaea9a6/64afc784e70e909fa39dc871_Cover%202.jpg)
Direct Contribution
• Market Research
• Interaction Research
• Concept Development
• User Journey
• Scenario, System Flow, User Flow & Wireframe
• Information Architecture
• Concept Demo Video: Storyboard, Editing, Visual Effect
• UI & GUI
• Animation Design
• Prototyping
• A/B Testing
• Final Result Demo Video: Storyboard, Editing, Visual Effect
• Mockup
• Documentation
Motion
Interaction
Recommendation
AI Interactive TV Screensaver
2021
By turning the standby state of TVs into an interactive art piece, Float aims to enrich human-TV interactions in an aesthetics way. Customised interactive visual art, entertainment contents and daily information can be easily controlled with body motions and gestures due to AI technologies. Creating a poetic and personalised experience for smart home users.
![](https://cdn.prod.website-files.com/5e5cc415512f4ed4deaea9a6/61e94567ad38f04a6620dc98_Float_image1.png)
Motion
Various styles for environmental adaptation
Interaction
AI motion and gesture tracking technologies allow body and gesture controls
Recommandation
Customised contents for users
![](https://cdn.prod.website-files.com/5e5cc415512f4ed4deaea9a6/6221fb2a251ce58ca43ac73f_GR_image%201.jpg)
Direct Contribution
• Market Research
• Interaction Research
• Pain Point Analysis
• Concept Development
• Persona
• User Journey
• Scenario, System Flow, User Flow & Wireframe
• Information Architecture
• Concept Demo Video: Storyboard, Editing, Visual Effect
• UI & GUI
• Animation Design
• Prototyping
• A/B Testing
• Final Result Demo Video (Product Setup & Operation): Storyboard, Video Shooting, Editing, Visual Effect & Sound Effect
• Mockup
• Documentation
An Intuitive
Multimodal
Experience
Gesture Control System
2022
Gesture Ring is a hand-gesture-based TV interaction experience which replaces a remote control. With a lift of the palm users can control their TVs easily with gestures or combine them with voice input for an intuitive multimodal experience.
Adaptative Splitting System
Ring division various across the TV OS
![](https://cdn.prod.website-files.com/5e5cc415512f4ed4deaea9a6/622207909281125267c5813b_GR_Spliting%20system.png)
Camera view is splitted according to the centre of hand position and projecting outwards. Selection areas are relative to live hand position. Selecting a button does not required precision roll over.
AI Supported Gestures
Users can control all TV functions using simple gestures
![](https://cdn.prod.website-files.com/5e5cc415512f4ed4deaea9a6/6222512585a56d28ad0758bf_GR_hand%201.png)
![](https://cdn.prod.website-files.com/5e5cc415512f4ed4deaea9a6/622251258166d5ddb62e9fa4_GR_hand%202.png)
Wide range of angles supported
Mediapipe hand gesture recognition
Selection
Confirmation
Fast action
Details
2nd layer
Process
Volume
Page turning
Fast scrolling
![](https://cdn.prod.website-files.com/5e5cc415512f4ed4deaea9a6/6221fb2a565ffb5ca6c83c62_GR_image%202.jpg)
Direct Contribution
• Market Research
• Interaction Research
• Pain Point Analysis
• Persona
• User Journey
• Scenario, System Flow, User Flow & Wireframe
• Information Architecture
• Concept Demo Video: Storyboard, Editing, Visual Effect
• Information Architecture
• UI & GUI
• Animation Design
• Prototyping
• A/B Testing
• Final Result Demo Video: Editing, Visual Effect & Sound Effect
• Mockup
• Documentation
Guide You Through
The Blossom Season
Mobile App
2020
The Hong Kong Flower Show has being one of the attractive public events since 2014. This project aims to provide a floral knowledge based app for the public through an efficient user experience and attractive user interface. It also tackles the user journey from ticketing to on site visit for the visitors.
Flower information
Easy to understand while graceful to see during visit
![](https://cdn.prod.website-files.com/5e5cc415512f4ed4deaea9a6/620a0b411fa0ad3cc33530e0_Flower_cover3.jpg)
Ticketing system
In-app ticket purchasing system for daily special events
![](https://cdn.prod.website-files.com/5e5cc415512f4ed4deaea9a6/620a0b20b8265d7ec8276edb_Flower_screen4.jpg)
Way finding system
Guiding visitors to find specific flowers in the venue
![](https://cdn.prod.website-files.com/5e5cc415512f4ed4deaea9a6/620a0b160872795cccaecc40_Flower_cover4.jpg)
![](https://cdn.prod.website-files.com/5e5cc415512f4ed4deaea9a6/621addd992e109ea11f6db10_LINKEDU_Cover2.jpg)
Direct Contribution
• Pain Point Analysis
• User Journey
• User Flow & Wireframe
• Site Map
• Branding Guideline
• UI & GUI
• Animation Design
• Prototyping
• A/B Testing
• Final Result Demo Video: Editing, Visual Effect & Sound Effect
• Mockup
• Documentation
Everything You Need
Before Studying Abroad
Education Agencies Website
2021
LINIKEDU is an education agencies in Hong Kong which provides UK and AU educational advices. This website is redesigned to provide an well-organised user experience. Helping customers to plan their study journey from scratch effortlessly.
Simplified Home Page
Easy to find specific information
Talks And Sharing
Simple registration and follow up
Academic Systems And Schools
Bulky information is no longer hard to read
Searching Engine
Time saving, direct to the point
Subject Information
Know your favourite subject
Successful Cases
Others experiences may teach you something unexpected
Team And FAQ
A professional team always gives you confidence
Responsive Design
Easy to switch between devices
![](https://cdn.prod.website-files.com/5e5cc415512f4ed4deaea9a6/621af2d63e97933c7855a4a1_LINKEDU_Cover1.jpg)
Direct Contribution
• Market Research
• Concept Development
• User Journey
• Scenario, System Flow, User Flow & Wireframe
• Information Architecture
• Concept Demo Video: Storyboard, Editing, Visual Effect, Sound Effect
• Illustration
• UI & GUI
• Animation Design
• Sound Design
• User Testing
• Final Result Demo Video: Storyboard, Editing, Visual Effect & Sound Effect
• Mockup
• Documentation
I Like to
Move It Move It
Motion tracking AI
Mini TV Games
2021
Marbles aims to explore the possibilities of TV gaming by merging AI technologies into TVs. We start with simple mini games and completely change the gaming experience by replacing remote or gaming controls with body gestures with the help of body motion tracking. AI technology data is collected for future AI TV adaptations.
![](https://cdn.prod.website-files.com/5e5cc415512f4ed4deaea9a6/620a04a8dfb2ff54e1366b2a_Bricks_image2.jpg)
Dodge to dodge
AI body tracking technology
allows you to play with body motions
Responsive design
Vertical version for rotatable TVs
![](https://cdn.prod.website-files.com/5e5cc415512f4ed4deaea9a6/620a04a80872794734aea461_Marble_image4.jpg)
Direct Contribution
• Market Research
• Interaction Research
• Pain Point Analysis
• Concept Development
• Persona
• User Journey
• Scenario, System Flow, User Flow & Wireframe
• Information Architecture
• Concept Demo Video: Storyboard, Editing, Visual Effect
• UI & GUI
• Animation Design
• Prototyping
• A/B Testing
• Final Result Demo Video: Storyboard, Editing, Visual Effect & Sound Effect
• Mockup
• Documentation
Every
Passionate
Moment
VOD TV Channel
2021
The Olympic Live is a build-in VOD TV channel specifically designed for the Tokyo Olympic Games. Its features include high quality live streaming, playback, highlights, and sport games for users with different schedules to enjoy the Olympic Games at anytime.
You Don't Miss A Moment
Watch live, playback, highlights or bookmark upcoming games
Know Every Schedule
Get prepared to watch your favourite games
Catch Up With The Latest Rank
Watch every medal moment
Direct Contribution
• Market Research
• Interaction Research
• Pain Point Analysis
• Concept Development
• Persona
• User Journey
• Scenario, System Flow, User Flow & Wireframe
• Information Architecture
• Concept Demo Video: Storyboard, Editing, Visual Effect
• UI & GUI
• Animation Design
• Prototyping
• A/B Testing
• Final Result Demo Video: Storyboard, Editing, Visual Effect & Sound Effect
• Mockup
• Documentation
One Shot
Multiple Results
Smartphone AI Camera
2020
One Shot is a build-in smartphone camera shooting mode supported by imagery AI technologies. User are required to capture video footages once. Multiple videos and photos with better qualities will be generated. Enhancing one-man shooting experience.
One Man Shooting Experience
AI generates quality videos and photos from one footage
AI Human Detection
Facial and body detection allow AI to focus on the subjects
AI Motion Detection
Motion detection helps to generate dramatic slow motions footages
AI Landscape Detection
Landscape detection helps to generate super wide-angle images
![](https://cdn.prod.website-files.com/5e5cc415512f4ed4deaea9a6/62277f4085151f9c0cba7082_One%20Shot_combine_before.png)
Frames with similar landscape features will be used by AI to generate super wide-angle images
![](https://cdn.prod.website-files.com/5e5cc415512f4ed4deaea9a6/62277f408421266255f6a6f3_One%20Shot_combine_after.png)
![](https://cdn.prod.website-files.com/5e5cc415512f4ed4deaea9a6/6224eba5551fb81c9983413c_PIVOT_cover%203.jpg)
Direct Contribution
• Market Research
• Interaction Research
• Brainstorming
• Pain Point Analysis
• Concept Development
• Persona
• User Journey
• Scenario, System Flow, User Flow & Wireframe
• Information Architecture
• Concept Demo Video: Storyboard, Video Shooting, Editing, Visual Effect & Sound Effect
• UI & GUI
• Animation Design
• Prototyping
• Final Result Demo Video (Product Setup & Operation): Storyboard, Video Shooting, Editing, Visual Effect & Sound Effect
• Mockup
• Documentation
Intuitive
Smarthome
Control
Smarthome Experience
2022
PIVOT is a multimodal smarthome interaction experience. With one universal pointing gesture and a single spoken word, users can intuitively interact with all smart home devices.
TV As A Central Hub
TV is used to communicate between appliances, no sensor is needed
![](https://cdn.prod.website-files.com/5e5cc415512f4ed4deaea9a6/622443c949f6e614708943dd_PIVOT_cover%201.jpg)
Direct to the point
Operates with a single gesture and a keyword
3D Scanning
System analyses home environment with a RGB-D camera on TV
![](https://cdn.prod.website-files.com/5e5cc415512f4ed4deaea9a6/62259e89d123ca60112f475c_PIVOT_point%20cloud%201.jpg)
Individual smarthome product is identified and located with 3D bounding box in point cloud.
With depth data from the RGB-D camera, they are located with absolute position to support precise pointing from all angles.
With additional aid from AI object recognition, the exact product model could be identify with PIVOT.
Wrist point and index finger tip point was designed to project a straight line towards the product.
Both pose and hand relative position are used for more accurate results.
![](https://cdn.prod.website-files.com/5e5cc415512f4ed4deaea9a6/6225a161795532ebd228fbc3_PIVOT_point%20cloud%203.jpg)
![](https://cdn.prod.website-files.com/5e5cc415512f4ed4deaea9a6/6225a2c8f8116a49612b06b9_PIVOT_point%20cloud%202.jpg)
Objects are localised with pointing gesture. Combined with AI speech recognition. PIVOT smarthome interaction is realised.
Auto Pairing System
System will detect and connect new installed appliance automatically
![](https://cdn.prod.website-files.com/5e5cc415512f4ed4deaea9a6/6225a78c839ca64065196287_PIVOT_cover%205.jpg)
![](https://cdn.prod.website-files.com/5e5cc415512f4ed4deaea9a6/6225a78c145edc15c80b56de_PIVOT_cover%204.jpg)
Direct Contribution
• Market Research
• Interaction Research
• Customer Product Analysis
• Augmented Reality Research
• Concept Development
• Persona
• User Journey
• Scenario, System Flow, User Flow & Wireframe
• Concept Demo Video: Storyboard, Editing, Visual Effect
• Packaging Design
• Visual Design
• Animation Design
• Prototyping
• A/B Testing
• IOS AR app
• Desktop Publishing
• Documentation
Less Printing
More Information
Augmented Reality App
Animated Packaging
Logo
2018
The or project is a packaging design fusion research combining augmented reality, typography and animation. It envisions a prospective digital shopping experience by showing the possibilities of AR packagings. The project includes the design of three energy recovery smoothie products. The name or comes from the word organic.
This application currently runs on IOS devices but can be expanded to Metaverse shopping experience.
![](https://cdn.prod.website-files.com/5e5cc415512f4ed4deaea9a6/620a0eb3507b824e8230eefa_or_cover_1.jpg)
AR Packaging
Animated packaging enables more information
within limited design areas, but easier to understand
![](https://cdn.prod.website-files.com/5e5cc415512f4ed4deaea9a6/620a0ebe185e7a024c640f30_or_all_still.jpg)