十如論壇 Integral Conversation 2017
July 21st, 2017
Website Work

We have created a website for Integral Conversation 2017. It is an annual forum organized by Esquel group, that brings experts from different industries together for a discussion on sustainable development.

The website features an animated background built with HTML5 Canvas, which will rotate as the user scrolls down the page, and transitions into different visuals depending on the section. The graphics echo this year’s theme on Health, and the circular form is a continuation of the visual identity from past years.

Design and development: pill & pillow

Visit Integral Conversation here

我們為2017年十如論壇設計及製作全新網站。十如是由溢達集團在桂林舉辦的會議,邀請各領域的專家討論可持續發展的議題。

我們用 HTML5 Canvas 做網站背景,當用家滾動網站時,圓形會根據內容而轉變,呈現不同過場動畫,呼應今年關於健康的主題。我們提出一些假設性問題作為引入,用圓形的構圖延續往年十如的視覺元素。

設計及製作:pill & pillow

按此前往十如論壇網站

ifc Sketch Town
July 12th, 2017
Website Work

We have created a website for the new event at ifc – Sketch Town. Developed by renowned Japanese art collective teamLab, the interactive digital installation lets people of all ages visualize their sketches brought to life as part of the colourful 3D landscape.

Design and development: pill & pillow

Visit the ifc Sketch Town website here

我們為 ifc 商場設計了全新活動網站,介紹由日本著名藝術團隊 teamLab 開發的 Sketch Town,把每個參加者的素描注入色彩及活動,建成立體的虛擬城鎮。

網頁設計及製作:pill & pillow

按此前往 ifc Sketch Town網站

Music Puddles
June 2nd, 2017
Installation Music

Henry created an interactive installation “Music Puddles” at Oi! (an art space in Hong Kong). The idea came from his daughter jumping on water puddles. Using the Kinect to detect the circle marks on the floor, this setup lets people jump not on water, but on music, in an experience that is intuitive and fun.

Henry 於油街實現展出了一個音樂裝置 “Music Puddles”,靈感來自女兒喜愛跳水氹的情景,利用 Kinect 裝置偵測地面的圖案,讓參與者以跳水氹的動作與音樂互動,過程簡單而有趣。

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.