Milü 密慮
May 26th, 2017
Website Work

We have created a mini website for PYE’s new independent publication, Milü. The design is adapted from the art direction of the printed book, which can be read entirely online.

The layouts are straightforward and mobile first, catering to modern reading habits. Appropriately, that is what Milü‘s first issue is about: the act of reading in this day and age.

Editor-in-Chief: Chang Tiehchih
Creative Direction & Book Design: Project Projects
Website Design & Development: pill & pillow

Visit Milü website here

我們為 PYE 的新獨立刊物《密慮》設計及製作網站,設計以實體書為基礎。

主編: 張鐵志
創意指導及書籍設計: Project Projects
網站設計及開發: pill & pillow


Creative Direction & Book Design by Project Projects

Designer’s Code 100
May 15th, 2017

Henry 被邀請在三度出版的《設計法則100》一書中分享對設計的想法。

「設計法則 #18 : 沒有法則


這是一本集合來自全球各個設計領域的100位優秀設計師,包括中國著名的設計師靳埭強、韓家英、李永銓、劉永清,台灣地區的聶永真、王志弘,日本的喜多俊之、佐藤卓、佐藤大,美國的Stefan Sagmeister、Karim Rashid、Howard Belk,歐洲的DesignStudio、BVD、Stockholm Design Lab等百位獨立的創作人或工作室的創意總監,一起探討如何做好設計的思想智能手冊。

Shadow Harp Mono at Sónar Hong Kong 2017
May 8th, 2017
Installation Music

Henry’s work Shadow Harp Mono, commissioned by Levi’s, was exhibited at the electronic music festival Sónar Hong Kong 2017. As a continuation of Shadow Harp, his earlier work, the installation combines body movements with different geometric lines and shapes, to translate the rhythmic experience of music-listening into playful visuals.

Henry 早前為 Levi’s 設計的 Shadow Harp Mono 於 Sónar Hong Kong 2017 電子音樂節展出,作品是延續 Shadow Harp 的概念而設計的互動裝置,透過把肢體動作及不同元素,如箭形、彈簧、弦線等的結合,把感受音樂時帶來的節奏感轉換成有趣的視覺影像

Setting up the installation

Shadow Harp at 2016 ifva EVERYWHERE Carnival

Public Education Game — The Smart Duo
April 25th, 2017

We have created a game for a client that educates the public on how to be smart and responsible financial consumers.

The user plays one of two special agents, chasing a criminal on a board-game-style map. There are 2 physical dice in front of the screen, and when the players throw them, the results will be translated onto the in-game virtual dice. A question regarding financial and banking-related services will pop up and bonus steps will be awarded if the question is answered correctly. The player who can correctly answer more questions will be able to move faster to catch the criminal and win the game.

The dice contain bluetooth sensors, allowing players to interact with the screen without using standard controllers. This interaction method, together with the playful characters and animation, makes the educational quiz come to life.

Game design and development: pill & pillow
Animation and sound design: Jonathan Mak
Environmental design: Oval Design




遊戲設計及製作:pill & pillow
動畫和聲音設計:Jonathan Mak
環境設計:Oval Design

ifc 6PMusic 2017
March 9th, 2017
Website Work

We have created a website to promote ifc mall’s music event, 6PMusic.

Using 3PM/4PM/5PM as the website intro, the performance is a relaxing musical event people will look forward to after a long day.

The website has an automatic scroll effect to take the visitor through the content gradually, while a video plays in the background. This helps make browsing the site feel more like a movie-watching experience, as we want to position the performance as more than a typical mall event, but as something like a musical festival.

Aside from standard biographies, we introduce the performers using existing photos and musical works they have put on social media, to give the visitor a more personal understanding of the musicians.

Design and development: pill & pillow

Visit the ifc mall 6PMusic website here

我們為ifc商場的音樂活動 6PMusic 設計及製作網站。

我們用 3PM/4PM/5PM 作為引入,帶出等待放工的心情,而 6PMusic 就是六時後可以放鬆欣賞的音樂表演。



網頁設計及製作:pill & pillow

按此前往ifc 6PMusic網站

Tai Kwun 大館
February 28th, 2017
Website Work

We have created the website for Tai Kwun (大館), a Hong Kong centre for heritage and art, offering a space for leisure and cultural experiences. This is a mobile-first website, designed with usability and simplicity in mind.

Design and development: pill & pillow
Visual identity: Marc & Chantal

Visit the Tai Kwun website here

我們為 Tai Kwun 大館設計及製作介紹網站。大館為香港的古蹟及藝術館,集文化和休憩於一身。這是一個以手機版本為先的設計,非常易用精簡。

網頁設計及製作:pill & pillow
視覺系統:Marc & Chantal


Crane for PYE CNY 2017
February 10th, 2017
Art Installation Work

We created a store front video for PYE’s CNY celebration with Henry’s brand new artwork Crane.

May you scale new heights and soar in the year of the Rooster.

Cathay Pacific — The Artmap Project
January 12th, 2017
Art Website Work

We worked with McCann to help Cathay Pacific create The Artmap Project, which uses an algorithm to create a unique piece of artwork for Marco Polo Club members, based on their flight history on Cathay Pacific and Dragon. Each member will receive a 20-second long animation on their birthday.

The animated art map consists of strokes and dots, representing the member’s flights and destinations respectively. No matter how many there are, or how they are distributed, the algorithm ensures the art piece still looks aesthetically pleasing. With over a million club members, even for people with the same flight history, no two art maps are the same.

Concept, Creative direction, Campaign website design & development: McCann Cathay Pacific Central Team
Artwork creation and programming: pill & pillow
CRM system: ICLP

我們和 McCann 合作為國泰航空製作「藝術航圖」,根據每位馬可孛羅會員的飛行紀錄,產生獨一無二的藝術品。完成品是一段約二十秒的動畫,在會員生日時送上。


概念,網站設計及開發:McCann 國泰航空團隊
藝術創作,系統開發:pill & pillow

ifc Christmas 2016
December 9th, 2016
Website Work

We have created a mini-site for the Christmas campaign by the ifc shopping mall. Their 2016 theme is “The Polar Resort”, so we created digital environments in which the animals celebrate their Christmas, based on the mall’s decorations.

Design and development: pill & pillow

Visit the ifc Christmas 2016 website here

我們為 ifc 商場設計了全新聖誕活動網站。為了呼應”Polar Resort”的主題,我們把商場內的裝飾繪畫成不同場景,讓北極的動物玩樂和慶祝聖誕。

網頁設計及製作:pill & pillow

按此前往 ifc 聖誕2016網站

November 24th, 2016
Website Work

IPSA — DECODE ME is a campaign that collects users’ self-portraits, analyzes their skin data, and predicts their “fate”.

As the technical consultant, we were mainly responsible for the animation design and website development.

To ensure the animation plays at 60FPS on mobile, it was built with WebGL, and we used buffer geometry to animate nearly 2000 polygons on screen smoothly.

Concept / Graphic Design / Copywriting: AllRightsReserved
Technical Consultant / Animation / Development: pill & pillow

Visit IPSA — DECODE ME here

IPSA — DECODE ME 是一個推廣活動,透過分析用家的自拍照,收集皮膚數據,預視用家「未來命運」。


為了動畫在手機上達到 60 FPS 流暢度,我們不但使用了 WebGL,更使用 buffer geometry 技術,讓接近2000個 polygon 流暢地顯示。

技術顧問/動畫/開發:pill & pillow

按此前往 IPSA — DECODE ME 網站

過往作品也使用過面孔多邊形化的設計(Squeal, 2011 / Painted Face, 2012)

4A China 作品徵求網站也用過類似技術,但尚未使用 buffer geometry,最多只能應付約700個多邊形的設計。