logo

WORK         ABOUT        BLOG        CONTACT 






En




Work Collection


Blending aesthetics and technology
to create immersive experiences.


All Works   ‧   Artwork   ‧   Entertaiment   ‧   Communication   ‧   Service


Project Type: Entertainment 
Category: Event

Client: Gogoro
Year: 2021
Location: App Store / Pop up store

App download link: Gogoro MixDance (iOS only)

#AR
#App #Kiosk


#BodyTracking
#MixDance
#GogoroVIVAMIX
#隨變我都行

Gogoro MixDance


In the first quarter of 2021, Gogoro announced its newest model – VIVA MIX.

This model, with its “mixing” style core, offers six model colors, exclusive music, and personalized accessories, and makes riding a motorcycle become an extension of our lifestyle. It even created the character “Mix Anthropomorphism,” where the spirit of the motorcycle model is personified, so that as the public gets into the feel of the changing dance moves of the character, it also deepens their impression of the model.
  • Personality of the Model Becomes a Digital Fun Experience

Based on the “music,” “dance,” and “transformation” features of Mix Anthropomorphism, we selected a suitable digital carrier. In order for free dance movements after transformation, we chose the iOS ARKit human body tracking technology to allow users to be creative at any time through the App. At the same time, we have taken into consideration that the APP is only supported by the iOS system, we have also provided the public with a choice of experiencing the App at the “Club Mix Brand Concept Pop-Up Store.”



  • Transform through AR and Dance to the Music

Focus the rear camera lens on the friends who love to dance, MixDance will transform your friend with Mix Anthropomorphism using AR, allowing friends to sway with the music. Responding to the “personalization” and “lively” features of the model, the colors are taken from the samples of the colors on your friends’ clothes, and it also provides a variety of styles. It even has 25 random tasks set up, which will appear randomly during the filming process and test how creative everyone is within a limited time.







Interface Design


In order to present the key feature of “fun,” the most important task is for users to intuitively complete challenges. Therefore, we adopted the operating habits of the existing recording interface to simplify the experience process and reduce the learning curve for first-time users, which helps them quickly and intuitively participate in the activities and challenges.


User Flow



Filter Style





Instructional Page

The instructional page is the user’s first impression of the App. The rhythmic Mix Anthropomorphism along with the dialog box, and the vivid introduction method allow users to quickly and easily blend in with what they are experiencing. When trying to switch pages, in order to smoothly present continuous movements, the program automatically calculates the internal difference between the two actions, which allows the character to wander through each screen at will, and can switch pages any way the user desires!







Style Components

In its style, the Mix Anthropomorphism, which is composed of random parts from the Gogoro vehicle, must establish a corresponding relationship between “vehicle parts” and “human body structure.” After setting the style for the main body structure and the limbs, some geometric shapes are then added to randomly fill the gaps in the main structure. The colors of the components will also change by taking in the colors of the individual’s clothing to make the components attached to the body even more personalized.









Movement Detection

We used the latest body tracking technology to present the AR effects. In the design of the movements, we made the “composition” process livelier, when the screen detects the human framework, the components scattered in the air will quickly gather. After the user leaves the screen, the components will also lose gravity, be bounced back into the air, and float slowly.




AR Technology

In order to allow more people to experience it, two types of carriers, App and Kiosk, are provided.

The difficulty in making the character fit the user in the process is that the positions and numbers of nodes provided by the framework information on each platform are different, and the rigging methods on different models are also different.

The iOS App uses the framework information provided by ARKit to control the character, where through Meshing and Light Estimation, the virtual character is more so integrated with reality and the sense of immersion is enhanced. We have chosen Kinect V2 as the framework detection sensor for the kiosk, and the built-in Gesture for users to intuitively start the game with their body movements.

Visual Gesture Build training


Body Tracking

ARKit Body Tracking
Image Credit: Apple 






Making of









Gogoro MixDance


Client:Gogoro
Chief Director:Gogoro Creative Team
Executive:Ultra Combos
Project Manager:Prolong Lai
Producer:Hoba Yang
Creative Director:Chianing Cao
Art Director:Lynn Chiang
Technology Director:Hoba Yang
Hardware Director:Prolong Lai
Programmer:Hoba Yang, Ke Jyun Wu
UI Designer:Lynn Chiang, Choong-Wei Ng
3D Object & Animator:Hauzhen Yen
Technical Assistant:Chia-Yun Song
Character Design:MIXCODE / Tim Tseng, Neil Lin
Music Design:YUNG BAE
Music Editor & Design:HYPERLUNG STUDIO / PONGO
Exhibition Design:KY-POST


Related Works:




Project Type: Communication / Entertainment 
Category: Branding / Event

Client: Gogoro
Year: 2021
Location: Taipei Nangan Exhibition Center


#GenerativeArt
#Installation

#Projection Mapping

#AGV #Stage Design
#Motion Graphics
#Motion Capture
#Lighting Design

Gogoro VIVA MIX Smart Runway Show


In the first quarter of 2021, Gogoro announced its newest model – VIVA MIX.
As the name suggests, it emphasizes the spirit of mixing. It combines the characteristics of previous models and continues to reach new technological breakthroughs in its riding experience. It even added a POP personalized accessory system, and along with a variety of motorcycle colors that combine musical themed elements, it makes the unique personalized style even more vivid. VIVA MIX is Gogoro’s recent pinnacle product that balances market demand, user experience, and brand value. And Gogoro invited the team to jointly plan the debut of this motorcycle.





A Fashion Show with the Motorcycle as the Main Subject – Where “Wisdom” and “Variability” are Displayed Together

In order to present the key characteristic of “Wisdom,” the team worked together with Gogoro and used the AGV (Automated Guided Vehicle) from the factory’s production line as a vehicle to accurately guide the new motorcycle into and out of the venue according to the scheduled directional flow, just like a model on a runway.
For “Variability,” Gogoro’s design department specially came up with four main themes: “Rainbow,” “Earthy,” “Grey,” and “Alive.” They customized 24 special motorcycle model colors that are different from those that are mass-produced to highlight the diversity and possibility of the performance of the VIVA MIX series.



Early Design Sketchs



Dancing Mojo


Visual ID


  • Acappella White


  • Rap Red


  • Reggae Hazel
  • Beatbox Grey


  • Funk Purple


  • Techno Blue



Rainbow



Earthy




Grey



Alive




From Mysterious Sci-Fi to Gorgeous Colors

In response to the brand’s existing image and the characteristics of this newest released model, we designed the mood of the debut show to start from a more mysterious sci-fi feel and move towards brilliant thematic colors.
The performance starts out with partial lighting, gradually revealing the depth and breadth of the space, and continues to extend into a virtual (3D Wireframe) space through the screen, stacking the sense of technology and the feeling of expectation. As the rhythm intensifies, the colors invade and are disassembled and restructured into a world with colors. Then, the motorcycle models enter the runway, where the various color-themed VIVA MIX models appear with the music. The performance will end with a party-like celebratory atmosphere.






Design Tools for Near On-Site Experience

This is built from scratch in a space with an area of 7,560 square meters. In order to piece together the correspondence between the audience, AGV, VIVA MIX, lighting, LED, projection. and other special media within the space, we created a simulator using the 3D game engine Unity and tried our best to restore the scene for the reification of the imagination.
Through a series of experiments and statistics, the physical characteristics and parameters of the AGV in the real world are restored in the simulator. Through the simulator, visual workers are able to fine-tune the rhythm and balance between each medium from the perspective of the audience. During the two-month production process, the different units relied on the close-to-real simulator images to communicate and focus on what is being imagined with each other.





Magical Space Rendering Experience

At the venue, besides getting the feel of controlling the motorcycle and its comfort when riding, we created an interactive riding experience with the “Total Magic” concept. We simplified the six color systems of VIVA MIX into vertical and horizontal lines, where they interlace to form extremely pure color blocks. When the different VIVA MIX color systems shift around, the sensor will detect color changes and will trigger the projected color blocks to flip and turn the entire space, creating a gradient spectrum, and breaking the boundary between digital and physical realms.



Co-Creation Model

During our cooperation process, we each expressed our points of views regarding “Technological Experience” and “Brand Aesthetics” and let these ideas bounce around for in-depth co-creation and collaboration, thus enabling the presented media and themes to align with the brand’s communication strategy and lexicon.



Gogoro VIVA MIX Smart Runway Show


Client:Gogoro
Chief Director:Gogoro Creative Team
Director & Executive:Ultra Combos

Project Manager:William Liu
Producer:Nate Wu
Creative Director:Jay Tseng
Art Director:Ting-An Ho
Motion Designer:Ting-An Ho, Hauzhen Yen, Lynn Chiang, Group.G, 1000 Cheng
Generative Designer:Ke Jyun Wu
Character Design:Mix Code
Motion Capture Operator:MoonShine Animation
Choreographer:Les Petites Choses Production
Technology Director:Nate Wu
Programmer:Nate Wu, Hoba Yang, Wei-An Chen, Reng Tsai
Hardware Director:Herry Chang
Hardware Engineering:Herry Chang, Alex Lu, Chia-Yun Song, Chia-Wei Lin
Executor Team:Prolong Lai, Joyce Huang, Hsin Chen, Chi-feng Ying, Choong-Wei Ng
AGV Trackway Design:Glenn Huang
AGV Programming:Reng Tsai, Wei-An Chen, Chia-Yun Song, Nate Wu
AGV Technology Director:ECON Robot
Spatial Design & Construction:Event Design
Lighting Designer:Rokerfly Design
Music Designer:DJ QuestionMark(Chi-Shuan Ying)
Network Engineer:KlickKlack Communications
Stage Manager:Hsu Cheng Lei
Timecode Programming:Wei-An Chen
Visual Operator:Wei-An Chen
Rider Casting:OOAD
Program Director:YAHOO TV
Filming Team:Asking Gee
Editor:Asking Gee, Nanez Chen



Related Works:




Project Type: Artwork, Entertainment
Category: Event, Exhibition

Year: 2020
Veneu: Kaohsiung Pier-2 Art Center

.
#Laser
#GenerativeArt
#Installation

2020 DigiWave - CeilToInt();


The team is lucky to be invited to plan the 2020 DigiWave CeilToInt(), which is a celebration focused on technology. We usually decline the commission to plan activities, hoping to focus our energy on creation and production. However, this event wanted to use the connection between “technology” and “celebration,” so we were tempted to take on this project. “Technology,” in all its aspects, has always been something the team paid a lot of attention to. Therefore, we were even more certain that the core momentum for the continuous advancement of technology is the imagination of the future. So, we proposed the concept of “CeilToInt()” as a tribute to the creators and practitioners who have never hesitated to take the step into their imagined future. We also hope to lead the visitors in experiencing the wonderful moments of stepping into the sci-fi worldview.

Regarding this concept, we raised four future events as questions:
“The moment when we are unable to recognize a machine from a person”;
“The moment when we can arbitrarily define what a body is” ;
“The moment when we cannot distinguish what is real and what is virtual”;
“The moment when we discover other civilizations in the universe”
and assumed that certain events or situations are caused by technology, and with that, we invited many outstanding works to be exhibited, while we executed a new workpiece called “Clairvoyance,” which connects the entire exhibition space, and is dedicated to all those who are passionate and who fantasize about the future.






Clairvoyance

In order to match the on-site temperament with our set topic “Sci-Fi,” we created a workpiece that pays tribute to all those with no hesitation about the future: Clairvoyance.

The term “clairvoyance” is a technical term, which refers to a special phenomenon where one can see some place far away, or even something in a different space and time, beyond our normal vision. We feel that this meaning appropriately describes all who have an endless curiosity about the distant future, and are constantly pushing the world forward with their imagination and technology. That’s why we used this gigantic video workpiece with this as the theme.

Clairvoyance is portrayed using the composition of images on the wide walls and the extra-long floors. The far side of the wall is the place far away where we yearn to see and the ground below our feet is the path on which we are traveling along. Through quickly jumping in magnitude in different spaces, times, and even dimensions, all the perceptions of the viewers are pulled into the experience of “rounding up,” and this workpiece is used to pay tribute to the dreamers.
To define the spirit of this piece of work, we wrote a few words:

There is a box up front. There is no time and space limitations in the box, just let your mind drift. What will appear is that other side or that unsolved mystery which you have never seen. Of course, there are also those known past or unknown future about yourself. In the end, when the image needs to stop, which moment would you choose to stay at?





Space Design





After stepping into the entrance of “CeilToInt()” and passing through a dark corridor, what awaits the visitors is a dark circle with no reflection at all. With nothing surrounding it, the circle, which has a mirror-like smoothness, floats right in the center up front of the visitors. From time to time, records of major technological advancements and events will be displayed on the mirror. This dark, black circle symbolizes the “singularity” of technology. What it declares is: from this current step onward, the viewer is about to take a leap away from the present time and space and start exploring the sci-fi space that continuously rounds up.

After passing through the corridor of technological singularity, the first thin