Web & App /
Internet medium opens a whole new dimension of creative production by enlivening a design thru animation, interaction and exploration.
CHRONICLE SHIFTING WEBSITE
02 Dec 2015
It is a website for a commercial complex. In the virtual realm, a mini wonder world is created with the building at the center. Objects in the scene are shortcuts to different sections of the website.
Highlight of the design is that ambience of the mini world can shift, from day to night, on seasons, or on festive themes (e.g. snowing with Xmas decorations).
OUT OF THE BOX
02 Dec 2015
The complex is called Megabox. The animation is themed ‘Mega Wonders Out-of-the-box’.
It starts with a red box with the logo. Then the box opens. Inside the box is a sky. The box keeps opening into a flat surface of sky. Under the sky is a far sight of the complex. A zoom-in reaches the landing page.
Literally, a whole new world is coming out of the box.
RESPONSIVE WEB DESIGN
02 Dec 2015
Common responsive web interfaces are simple and boxy in design, for the sake of flexible rearrangement. Yet we aim to construct a website of dynamic interface without compromises in graphic details.
The knack is to carefully modularize graphic elements, so that they can be flexibly rearranged despite delicate disposition. Every page layout can be rich in decorative design, while desktop and mobile versions are automatically in sync.
With the no-compromise approach, we advocate that most information providers (e.g. media co., advertisers) can adopt 'one website for all' to substitute Apps for much simpler administration.
02 Dec 2015
WINDOW OF HARBOUR VIEW
The Legend is a luxurious residential property in Hong Kong. Situated at a high landscape on HK Island, gorgeous view of Victoria Harbor (and the annual fireworks spectacle) is a major selling point.
The design is built on the ‘harbor’ theme. Landing of the site is a short footage of fireworks, then zooming out to reveal the whole harbor view. The view becomes background of the site.
The interface is also characterized by a diamond grid, which is purposed to enhance the luxurious style.
02 Dec 2015
RETRO AV ANIMATION
When producing an online animation for Sony to celebrate Xmas, we explore what is the best representation of Sony. Sony is renowned for AV products from the 80s to now. AV products of the 80s (e.g. Hi-Fi, Walkman) bore strong character, aesthetic details and collective memories.
‘Equalizer’ is a key element to AV products in that era. It is also a timeless iconic graphic for music, motion and excitement. We expand an equalizer into a dot-matrix display. A Xmas themed animation is developed to play in the style of a jumping equalizer.
Retro association of equalizer touches the sensation of memories. It also embodies a strong Sony character.
02 Dec 2015
PROJECT 6
I'm a paragraph. I'm a great place to tell a story about what it is you do and let your visitors know a little more about you. double click to add your text. double click to add your text. double click to add your text. double click to add your text. Double click to add your text. Double click to add your text. Double click to add your text. Double click to add your text. Double click to add your text.
02 Dec 2015
PROJECT 7
I'm a paragraph. I'm a great place to tell a story about what it is you do and let your visitors know a little more about you. double click to add your text. double click to add your text. double click to add your text. double click to add your text. Double click to add your text. Double click to add your text. Double click to add your text. Double click to add your text. Double click to add your text.
02 Dec 2015
PROJECT 8
I'm a paragraph. I'm a great place to tell a story about what it is you do and let your visitors know a little more about you. double click to add your text. double click to add your text. double click to add your text. double click to add your text. Double click to add your text. Double click to add your text. Double click to add your text. Double click to add your text. Double click to add your text.
02 Dec 2015
PROJECT 9
I'm a paragraph. I'm a great place to tell a story about what it is you do and let your visitors know a little more about you. double click to add your text. double click to add your text. double click to add your text. double click to add your text. Double click to add your text. Double click to add your text. Double click to add your text. Double click to add your text. Double click to add your text.
02 Dec 2015
PROJECT 10
I'm a paragraph. I'm a great place to tell a story about what it is you do and let your visitors know a little more about you. double click to add your text. double click to add your text. double click to add your text. double click to add your text. Double click to add your text. Double click to add your text. Double click to add your text. Double click to add your text. Double click to add your text.