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
Interview

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
Work

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
客戶關係管理系統:ICLP

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網站

IPSA — DECODE ME
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 流暢地顯示。

概念/平面設計/文案:AllRightsReserved
技術顧問/動畫/開發:pill & pillow

按此前往 IPSA — DECODE ME 網站

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

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