Reverie Field
Love Anthem
OVERVIEW:
An Augmented Reality audio-visual healing experience that takes the audience through my personal love journey in NYC.
ROLE:
Concept Development
AR Interaction Design
AR Foundation Development
Unity Mapping
Audio Design
TIMELINE:
Oct 2019 - Dec 2019
It is a 5-min AR walk in Washington Square Park that takes the audience from one spot in Washington Square Park to the arch by having them follow my emotional rollercoaster of my love life in NYC which is visualized as a trail in AR. When the audience follows the trail made of a transparent tube, the tube would be filled with color and the original song with my original poem narrated in my voice would be played. The experience would reach its climax when the trail brings the audience to the fountain and have them look up to see a word in front of the arch that summarizes the end result of my love journey here.
We want the physical pose of the audience following the trail as a general portrayal of people who fall in love, focusing on only the new connection that was born, and neglecting to see other wonderful things happening in the world as possibilities, which could look funny from other people’s perspective. Eventually, when the trail brings the audience to the huge word made of the tube in the sky in front of the arch, the pose of the audience would also be opened up, symbolizing the moment when they finally see the whole picture and are able to take in the world instead of focusing on one point of their life.
An Augmented Reality audio-visual healing experience that takes the audience through my personal love journey in NYC.
ROLE:
Concept Development
AR Interaction Design
AR Foundation Development
Unity Mapping
Audio Design
TIMELINE:
Oct 2019 - Dec 2019
It is a 5-min AR walk in Washington Square Park that takes the audience from one spot in Washington Square Park to the arch by having them follow my emotional rollercoaster of my love life in NYC which is visualized as a trail in AR. When the audience follows the trail made of a transparent tube, the tube would be filled with color and the original song with my original poem narrated in my voice would be played. The experience would reach its climax when the trail brings the audience to the fountain and have them look up to see a word in front of the arch that summarizes the end result of my love journey here.
We want the physical pose of the audience following the trail as a general portrayal of people who fall in love, focusing on only the new connection that was born, and neglecting to see other wonderful things happening in the world as possibilities, which could look funny from other people’s perspective. Eventually, when the trail brings the audience to the huge word made of the tube in the sky in front of the arch, the pose of the audience would also be opened up, symbolizing the moment when they finally see the whole picture and are able to take in the world instead of focusing on one point of their life.
Petit Robot
OVERVIEW:
It is a petit robot face enclosure. Designed to have multiple buttons for the human satisfaction of curiosity and reception of instant feedbacks.
ROLE:
Creative Solution
Circuit Design
Fabrication
TIMELINE:
November 2018
Especially satisfying when experiencing stress and anxiety, and needing to find a way to resolve it.
It is a petit robot face enclosure. Designed to have multiple buttons for the human satisfaction of curiosity and reception of instant feedbacks.
ROLE:
Creative Solution
Circuit Design
Fabrication
TIMELINE:
November 2018
Especially satisfying when experiencing stress and anxiety, and needing to find a way to resolve it.
New Music Interface
OVERVIEW:
New interface for musical instrument controller with a joystick and a sponge.
ROLE:
Ideation
Industrial Design
Programming - Arduino
Fabrication
TIMELINE:
February 2019
Both the sponge on the left and the joystick on the right can play a note when pressed, and pitch-bend when the joystick was being turned and the sponge was being pressed hard enough. When the note is being played, the LED light turns on; when doing pitch-bend, the LED light flashes. The notes are preprogrammed.
New interface for musical instrument controller with a joystick and a sponge.
ROLE:
Ideation
Industrial Design
Programming - Arduino
Fabrication
TIMELINE:
February 2019
Both the sponge on the left and the joystick on the right can play a note when pressed, and pitch-bend when the joystick was being turned and the sponge was being pressed hard enough. When the note is being played, the LED light turns on; when doing pitch-bend, the LED light flashes. The notes are preprogrammed.
Dream
OVERVIEW:
Dreamy projection mapping on the building across from the Tisch School of the Art.
ROLE:
Ideation
Video Editing
Projection Mapping
TIMELINE:
February 2019
We utilized the windows of the building as 4 small screens that lag a little after one another to create a sequential effect. The scenes changed among vines as the start of a fairy tale followed by a dancing girl in it, sleapy blinking eyes, and dreamy colorful fluid. The whole show was created within 20 minutes as a small exercise for projection mapping in a class in Interactive Telecommunications Program (ITP) at Tisch School of the Arts.
Dreamy projection mapping on the building across from the Tisch School of the Art.
ROLE:
Ideation
Video Editing
Projection Mapping
TIMELINE:
February 2019
We utilized the windows of the building as 4 small screens that lag a little after one another to create a sequential effect. The scenes changed among vines as the start of a fairy tale followed by a dancing girl in it, sleapy blinking eyes, and dreamy colorful fluid. The whole show was created within 20 minutes as a small exercise for projection mapping in a class in Interactive Telecommunications Program (ITP) at Tisch School of the Arts.
Fu Ping
OVERVIEW:
A video installation that portrays the absence of the sense of belonging.
ROLE:
Concept Development
Videography
Programming
Projection Mapping
Audio Editing
TIMELINE:
February 2019 - May 2019
This installation is a digital portrayal of the artists and their continuous search for their sense of belonging. Both artists left their home country at a very young age, and the experience of constantly moving to a new city has led them to accustom to the feeling of not deeply rooted in any particular place. In this installation, the artists and the cities they have lived in are projected on the two leaves floating on the surface of the moving water. It uses the metaphor of “fu ping” (the mandarin for duckweeds), which are plants floating on the surface of still or slow-moving bodies of fresh water, as a symbol for the artists’ rootless feelings.
A video installation that portrays the absence of the sense of belonging.
ROLE:
Concept Development
Videography
Programming
Projection Mapping
Audio Editing
TIMELINE:
February 2019 - May 2019
This installation is a digital portrayal of the artists and their continuous search for their sense of belonging. Both artists left their home country at a very young age, and the experience of constantly moving to a new city has led them to accustom to the feeling of not deeply rooted in any particular place. In this installation, the artists and the cities they have lived in are projected on the two leaves floating on the surface of the moving water. It uses the metaphor of “fu ping” (the mandarin for duckweeds), which are plants floating on the surface of still or slow-moving bodies of fresh water, as a symbol for the artists’ rootless feelings.
Memory Lane
OVERVIEW:
An interactive 60th birthday video for my mother.
ROLE:
Ideation
Video Editing
Unity AR Building
TIMELINE:
April 2019
When the phone hovers over the old picture of my parents, through the phone screen, the old picture turns into the 60th birthday video which contains other old pictures of my mother and my father, and the recorded video of my father, my brother, and myself giving sweet speeches as a 60th birthday gift to my mother.
An interactive 60th birthday video for my mother.
ROLE:
Ideation
Video Editing
Unity AR Building
TIMELINE:
April 2019
When the phone hovers over the old picture of my parents, through the phone screen, the old picture turns into the 60th birthday video which contains other old pictures of my mother and my father, and the recorded video of my father, my brother, and myself giving sweet speeches as a 60th birthday gift to my mother.
Cucumber Daydream
OVERVIEW:
A stop motion animation associating the shape of the slices of cucumber we cut with interesting fantasys.
ROLE:
Animation
Filming
Hand Model
TIMELINE:
October 2018
A stop motion animation associating the shape of the slices of cucumber we cut with interesting fantasys.
ROLE:
Animation
Filming
Hand Model
TIMELINE:
October 2018
Straw Keyboard
OVERVIEW:
This Sip-And-Puff “Keyboard tube is especially designed for people who do not have arms, hands, or fingers to type.
ROLE:
User Research
Programming - Arduino
Fabrication
TIMELINE:
March 2019
Users are able to type by only sipping(Inhaling) and puffing(exhaling) through the colorful tube. Users can scan through the alphabets, numbers, and symbols by sipping the tube, then puff shortly to select that input. Space could be added by puffing for about a second long. There is no deletion function as a metaphor to prompt the users to think about what they want to convey, be cautious with the word choice, also live in the moment and not dwell in the past.
This Sip-And-Puff “Keyboard tube is especially designed for people who do not have arms, hands, or fingers to type.
ROLE:
User Research
Programming - Arduino
Fabrication
TIMELINE:
March 2019
Users are able to type by only sipping(Inhaling) and puffing(exhaling) through the colorful tube. Users can scan through the alphabets, numbers, and symbols by sipping the tube, then puff shortly to select that input. Space could be added by puffing for about a second long. There is no deletion function as a metaphor to prompt the users to think about what they want to convey, be cautious with the word choice, also live in the moment and not dwell in the past.
LED Candle Holder
OVERVIEW:
I fastened wood veneer and round birch with screws and created an LED candle holder as a challenge for myself to use wood veneer, a material I had never tried before, which I heard could diffuse the light beautifully.
ROLE:
Creative Solution
Industrial Design
Fabrication
TIMELINE:
December 2018
Each fan of the veneer could be moved aside to create more space to put the LED candle in.
I fastened wood veneer and round birch with screws and created an LED candle holder as a challenge for myself to use wood veneer, a material I had never tried before, which I heard could diffuse the light beautifully.
ROLE:
Creative Solution
Industrial Design
Fabrication
TIMELINE:
December 2018
Each fan of the veneer could be moved aside to create more space to put the LED candle in.
Carousel Night Light
OVERVIEW:
A realization of my childhood dream of having a carousel at my bedside by laser cutting total internal reflective acrylic.
ROLE:
Industrial Design
Programming
Fabrication
TIMELINE:
November 2018
Using Arduino library for Neopixels to generate colorful patterns of the light.
A realization of my childhood dream of having a carousel at my bedside by laser cutting total internal reflective acrylic.
ROLE:
Industrial Design
Programming
Fabrication
TIMELINE:
November 2018
Using Arduino library for Neopixels to generate colorful patterns of the light.
Interactive Music Video
OVERVIEW:
Combining the captured webcam video with the FFT (Fast Fourier Transform) function, I created an interactive music video which featured “you” in the webcam video displayed according to the rhythm and the frequency of the song "Stronger" by Kelly Clarkson.
ROLE:
Creative Solution
Programming - JavaScript
TIMELINE:
October 2018
Users are able to change the color scheme of the music video as well as pause the music.
Combining the captured webcam video with the FFT (Fast Fourier Transform) function, I created an interactive music video which featured “you” in the webcam video displayed according to the rhythm and the frequency of the song "Stronger" by Kelly Clarkson.
ROLE:
Creative Solution
Programming - JavaScript
TIMELINE:
October 2018
Users are able to change the color scheme of the music video as well as pause the music.
Collective Emotions
OVERVIEW:
Each color represents one category of emotions. When the mouse hovers on the bubbles, the label of the corresponded emotions and the inputted reasons why people are feeling that way would be displayed.
ROLE:
Concept Development
Creative Solution
Data Visualization
Front-End Programming
TIMELINE:
November 2018 - December 2018
My purpose behind this is to help people see the beauty of every day's ups and downs and help them "accept" their feelings to not become the feelings themselves but can let them come and go, and make peace with their emotions. I also want to help people feel better by showing that they aren't the only ones feeling a certain way. Finally, I want to increase and provoke empathy in people, so that we are all kinder to each other. After all, we are all in common, we could feel that certain way some day.
The result is beautiful. Yet, there are still many things I could think more about to make the data visualization more intuitive. For instance, changing the intensity of the color to represent the intensity of the feelings, making sure the size of the bubbles in each color corresponds to the number of them. Is it more effective to have the bubbles stay in the screen or have them disappear when they are hovered? which color is more intuitively associated with certain emotions?
Thus, I would like to carry this project and work on it more as I take the course Rest of You next semester.
Each color represents one category of emotions. When the mouse hovers on the bubbles, the label of the corresponded emotions and the inputted reasons why people are feeling that way would be displayed.
ROLE:
Concept Development
Creative Solution
Data Visualization
Front-End Programming
TIMELINE:
November 2018 - December 2018
My purpose behind this is to help people see the beauty of every day's ups and downs and help them "accept" their feelings to not become the feelings themselves but can let them come and go, and make peace with their emotions. I also want to help people feel better by showing that they aren't the only ones feeling a certain way. Finally, I want to increase and provoke empathy in people, so that we are all kinder to each other. After all, we are all in common, we could feel that certain way some day.
The result is beautiful. Yet, there are still many things I could think more about to make the data visualization more intuitive. For instance, changing the intensity of the color to represent the intensity of the feelings, making sure the size of the bubbles in each color corresponds to the number of them. Is it more effective to have the bubbles stay in the screen or have them disappear when they are hovered? which color is more intuitively associated with certain emotions?
Thus, I would like to carry this project and work on it more as I take the course Rest of You next semester.
Flashlight Earrings
OVERVIEW:
A pair of glowing earrings that get turned on by squeezing the side of them.
ROLE:
Fabrication
TIMELINE:
October 2018
A pair of glowing earrings that get turned on by squeezing the side of them.
ROLE:
Fabrication
TIMELINE:
October 2018
Wooden Arrow Wall Art
OVERVIEW:
Practice to become a better craftsman by challenging to make the same thing 5 times. This is an inspired wooden wall art.
ROLE:
Fabrication
TIMELINE:
November 2018
The 5 arrows can be freely assembled into various patterns.
Practice to become a better craftsman by challenging to make the same thing 5 times. This is an inspired wooden wall art.
ROLE:
Fabrication
TIMELINE:
November 2018
The 5 arrows can be freely assembled into various patterns.
Trash Crisis
OVERVIEW:
A short film sending a message about how important it is to properly throw away trash and recycle.
ROLE:
Storyboarding
Editing
Filming
Acting
TIMELINE:
October 2018
Our story follows a couple on a date through New York City. On their way, they experience gradually worse examples of people not caring about how they remove their trash. The film begins with scenic images of the couple sitting in places like the Brooklyn Bridge Park and Prospect Park. Then they witness someone eating and tossing wrappers and food on the ground. They are bothered by this but choose to ignore them and continue on their date. The scenery gradually changes from beautiful images of the city to trash-filled examples of the city. Their date ends at trash-filled stoop. They have to climb up their stoop over the piles of trash. As they climb, the film rewinds to the scene of the person dropping wrappers on the floor. This time the couple pick up the trash and put it into a receptacle. The film ends with a message about our future and the importance of getting rid of trash properly.
A short film sending a message about how important it is to properly throw away trash and recycle.
ROLE:
Storyboarding
Editing
Filming
Acting
TIMELINE:
October 2018
Our story follows a couple on a date through New York City. On their way, they experience gradually worse examples of people not caring about how they remove their trash. The film begins with scenic images of the couple sitting in places like the Brooklyn Bridge Park and Prospect Park. Then they witness someone eating and tossing wrappers and food on the ground. They are bothered by this but choose to ignore them and continue on their date. The scenery gradually changes from beautiful images of the city to trash-filled examples of the city. Their date ends at trash-filled stoop. They have to climb up their stoop over the piles of trash. As they climb, the film rewinds to the scene of the person dropping wrappers on the floor. This time the couple pick up the trash and put it into a receptacle. The film ends with a message about our future and the importance of getting rid of trash properly.
Treat or Treat Wonder Box
OVERVIEW:
A halloween themed wonder box which users could
knock on the table,
and the door itself opens automatically.
Inside the box, users would see a tomb plate, and a ghost behind the tomb plate with a clock behind.
After users push the pushbutton, the tomb plate would tell them if they got a trick or treat. If it is a trick, then the ghost would start flying with scary music.
If it is a treat, then users get some corn candies from the tomb plate with happy music.
ROLE:
Concept Developing
Physical Computing
Fabrication
TIMELINE:
October 2018
A halloween themed wonder box which users could
knock on the table,
and the door itself opens automatically.
Inside the box, users would see a tomb plate, and a ghost behind the tomb plate with a clock behind.
After users push the pushbutton, the tomb plate would tell them if they got a trick or treat. If it is a trick, then the ghost would start flying with scary music.
If it is a treat, then users get some corn candies from the tomb plate with happy music.
ROLE:
Concept Developing
Physical Computing
Fabrication
TIMELINE:
October 2018
Interacting Diamonds
OVERVIEW:
An interactive website which displays an array of diamonds which communicate with each other.
ROLE:
Concept Developing
Physical Computing
Fabrication
TIMELINE:
October 2018
The visitor can alter the diamond pattern in terms of the amount, color, size and shape of the diamonds. There is also a reset button if the visitor would like to see how the pattern originally look like and compare.
An interactive website which displays an array of diamonds which communicate with each other.
ROLE:
Concept Developing
Physical Computing
Fabrication
TIMELINE:
October 2018
The visitor can alter the diamond pattern in terms of the amount, color, size and shape of the diamonds. There is also a reset button if the visitor would like to see how the pattern originally look like and compare.
Creative Clock
OVERVIEW:
A creative clock with "S" indicating seconds, "M" indicating minutes, and "H" indicating hours.
ROLE:
Programming
TIMELINE:
October 2018
When the center of the clock is hovered, the hidden "J" as it's my design and signature would show, and when it is pressed, the clock would shake.
A creative clock with "S" indicating seconds, "M" indicating minutes, and "H" indicating hours.
ROLE:
Programming
TIMELINE:
October 2018
When the center of the clock is hovered, the hidden "J" as it's my design and signature would show, and when it is pressed, the clock would shake.
Pattern Control
OVERVIEW:
A dot that follows the mouse to control the background pattern.
ROLE:
Programming
TIMELINE:
September 2018
Move the red dot in the middle up and down to change the angle of the diagonal lines
Move the red dot left and right to change the size of the circles, the background color of the pattern, and the color of the diagonal lines
A dot that follows the mouse to control the background pattern.
ROLE:
Programming
TIMELINE:
September 2018
Move the red dot in the middle up and down to change the angle of the diagonal lines
Move the red dot left and right to change the size of the circles, the background color of the pattern, and the color of the diagonal lines
2018 Korean Lunar New Year Special Campaign for Pairs Korea
OVERVIEW:
Designed a 2018 Lunar New Year Special Campaign for Pairs Korea with a new pricing card design.
ROLE:
UI Design
Graphic Design
TIMELINE:
January 2018
Researched the Korean Lunar New Year design taste and implement it into the design while adding the Korean specified Lunar New Year element.
Note that certain parts in the whole landing page are in Japanese because those were going to be directly translated by engineers in the back end, so as a designer, I did not have to modify those parts.
Designed a 2018 Lunar New Year Special Campaign for Pairs Korea with a new pricing card design.
ROLE:
UI Design
Graphic Design
TIMELINE:
January 2018
Researched the Korean Lunar New Year design taste and implement it into the design while adding the Korean specified Lunar New Year element.
Note that certain parts in the whole landing page are in Japanese because those were going to be directly translated by engineers in the back end, so as a designer, I did not have to modify those parts.
2018 Taiwanese Lunar New Year Special Campaign
OVERVIEW:
Designed a 2018 Lunar New Year Special Campaign for Pairs Taiwan with a new pricing card design.
ROLE:
UI Design
Graphic Design
TIMELINE:
January 2018
Besides utilizing the double-meaning title, I took the paper-cut culture in Taiwan as a motif of the design. I also put the pattern on the Lunar New Year couplets on the background to enhance the feel of the Lunar New Year.
Designed a 2018 Lunar New Year Special Campaign for Pairs Taiwan with a new pricing card design.
ROLE:
UI Design
Graphic Design
TIMELINE:
January 2018
Besides utilizing the double-meaning title, I took the paper-cut culture in Taiwan as a motif of the design. I also put the pattern on the Lunar New Year couplets on the background to enhance the feel of the Lunar New Year.
Interactive Self Portrait
OVERVIEW:
An interactive self portrait where users can interactive with me by moving the cursor around me, towards me, on me, and pressing the mouse.
ROLE:
Programming
TIMELINE:
September 2018
Move the red dot in the middle up and down to change the angle of the diagonal lines
Move the red dot left and right to change the size of the circles, the background color of the pattern, and the color of the diagonal lines
Each time the page is reloaded, the color of the sun is different. Like the weather in NYC, sometimes it is sunny, sometimes it is cloudy or even raining.
The lighting changes as users move the cursor from top to down, indicating the time of the day, from day to night.
My glasses changes its color according to the sun light as well.
I blush more the more the cursor gets closer to my face, as I like being approached and liked by other people.
Once the cursor get on to my face, I close my eyes and smile, as I like to be close to those dear to me.
However, if the user poke my face by pressing the mouse, I would frown and make a face (which is exactly what I would do if you poke my real face :P). And my glasses would shake to express me being shocked.
Finally, the constantly moving hearts around me symbolize my strong and extreme passion and affection.
An interactive self portrait where users can interactive with me by moving the cursor around me, towards me, on me, and pressing the mouse.
ROLE:
Programming
TIMELINE:
September 2018
Move the red dot in the middle up and down to change the angle of the diagonal lines
Move the red dot left and right to change the size of the circles, the background color of the pattern, and the color of the diagonal lines
Each time the page is reloaded, the color of the sun is different. Like the weather in NYC, sometimes it is sunny, sometimes it is cloudy or even raining.
The lighting changes as users move the cursor from top to down, indicating the time of the day, from day to night.
My glasses changes its color according to the sun light as well.
I blush more the more the cursor gets closer to my face, as I like being approached and liked by other people.
Once the cursor get on to my face, I close my eyes and smile, as I like to be close to those dear to me.
However, if the user poke my face by pressing the mouse, I would frown and make a face (which is exactly what I would do if you poke my real face :P). And my glasses would shake to express me being shocked.
Finally, the constantly moving hearts around me symbolize my strong and extreme passion and affection.
Pricing Card UI Redesign for Pairs Global
OVERVIEW:
Considering consumer-centric design, the original pricing card design was not intuitive. Thus, I redesigned the UI of it with new information design, striving to communicate better with our users for a better conversion rate.
ROLE:
UI Design
Information Design
UX Design
TIMELINE:
January 2018
From cultural user research, different from Japanese audience, I realized for both Taiwanese and Korean audience, crossed numbers with arrow is a rather more common way to express a discount in both culture.
In addition, what was supposed to be an accent occupied too much of the space in the original design by my previous Japanese boss. Hence, I altered the ratio to the pricing card and made it a ribbon like shape to still catch the eyes of the audience.
Considering consumer-centric design, the original pricing card design was not intuitive. Thus, I redesigned the UI of it with new information design, striving to communicate better with our users for a better conversion rate.
ROLE:
UI Design
Information Design
UX Design
TIMELINE:
January 2018
From cultural user research, different from Japanese audience, I realized for both Taiwanese and Korean audience, crossed numbers with arrow is a rather more common way to express a discount in both culture.
In addition, what was supposed to be an accent occupied too much of the space in the original design by my previous Japanese boss. Hence, I altered the ratio to the pricing card and made it a ribbon like shape to still catch the eyes of the audience.
ASO for Pairs Taiwan
OVERVIEW:
To improve ASO (App Store Optimization) for Pairs Taiwan, I designed a set of creatives that matches with Taiwanese audience taste, preference, as well as Taiwanese design trend.
ROLE:
Information Design
Graphic Design
TIMELINE:
June 2018
The dynamically pointed triangles bring out the liveliness and enhance the flow of the creatives.
So far my previous company has not changed the creatives yet so they are still on App Store!
https://itunes.apple.com/tw/app/pairs%E6%B4%BE%E6%84%9B%E6%97%8F%E6%89%BE%E5%88%B0%E5%B0%8D%E8%B1%A1%E4%BA%A4%E5%8F%8Bapp/id825433065?l=en&mt=8
To improve ASO (App Store Optimization) for Pairs Taiwan, I designed a set of creatives that matches with Taiwanese audience taste, preference, as well as Taiwanese design trend.
ROLE:
Information Design
Graphic Design
TIMELINE:
June 2018
The dynamically pointed triangles bring out the liveliness and enhance the flow of the creatives.
So far my previous company has not changed the creatives yet so they are still on App Store!
https://itunes.apple.com/tw/app/pairs%E6%B4%BE%E6%84%9B%E6%97%8F%E6%89%BE%E5%88%B0%E5%B0%8D%E8%B1%A1%E4%BA%A4%E5%8F%8Bapp/id825433065?l=en&mt=8
Business Card Design for Match Group
OVERVIEW:
Our company, eureka, Inc., is bought by IAC/InterActive Corp in 2015, and assigned to its largest online dating brand, Match Group.
In order to increase the credibility and weight of our CEO's words when meeting overseas clients, I designed the Match Group business card for the CEO and those who see overseas clients.
ROLE:
Graphic Design
Brand Identity
TIMELINE:
June 2017
Though our company, eureka, inc., the leading online dating company, has a reputation and is famous in IT industry in Japan, a business card of eureka would not bring enough recognition when used overseas.
However, a business card with our parent brand Match Group, which owns Tinder and other dating apps worldwide, could help give more attention to the business card holder.
Yet, the most challenging part of this project is to design with many logos to represent Match Group as a whole.
The business card is printed with a blue foil stamping of the Match Group logos on a matt coated paper.
Our company, eureka, Inc., is bought by IAC/InterActive Corp in 2015, and assigned to its largest online dating brand, Match Group.
In order to increase the credibility and weight of our CEO's words when meeting overseas clients, I designed the Match Group business card for the CEO and those who see overseas clients.
ROLE:
Graphic Design
Brand Identity
TIMELINE:
June 2017
Though our company, eureka, inc., the leading online dating company, has a reputation and is famous in IT industry in Japan, a business card of eureka would not bring enough recognition when used overseas.
However, a business card with our parent brand Match Group, which owns Tinder and other dating apps worldwide, could help give more attention to the business card holder.
Yet, the most challenging part of this project is to design with many logos to represent Match Group as a whole.
The business card is printed with a blue foil stamping of the Match Group logos on a matt coated paper.
Happy 4th Anniversary to Pairs
OVERVIEW:
A personal project to celebrate the service, Pairs Taiwan's 4th birthday.
ROLE:
Graphic Design
TIMELINE:
October 2017
I used the red tint and the lively font to create a warm, playful, vivid and bright impression for the joyous atmosphere.
A personal project to celebrate the service, Pairs Taiwan's 4th birthday.
ROLE:
Graphic Design
TIMELINE:
October 2017
I used the red tint and the lively font to create a warm, playful, vivid and bright impression for the joyous atmosphere.
Hong Kong Romance
OVERVIEW:
In order to boost the acquisition through our Facebook channel, our Marketing Team came up with the idea of interviewing our users who got married or got together through our product, and making it into video advertisements.
ROLE:
Storytelling
Storyboarding
Video Production
TIMELINE:
August 2017
I planned and created a video of one of the couples who started dating and got married by using our dating app, Pairs.
The man is from Taiwan and the girl is from Hong Kong, they met each other on Pairs. The man flew to Hong Kong to meet the girl for the first time, and started their relationship.
The video, as a Facebook advertisement for user acquisition, intends to give the audience a wonderful image of romance that everyone would long for.
In order to boost the acquisition through our Facebook channel, our Marketing Team came up with the idea of interviewing our users who got married or got together through our product, and making it into video advertisements.
ROLE:
Storytelling
Storyboarding
Video Production
TIMELINE:
August 2017
I planned and created a video of one of the couples who started dating and got married by using our dating app, Pairs.
The man is from Taiwan and the girl is from Hong Kong, they met each other on Pairs. The man flew to Hong Kong to meet the girl for the first time, and started their relationship.
The video, as a Facebook advertisement for user acquisition, intends to give the audience a wonderful image of romance that everyone would long for.
Talk Show Video
OVERVIEW:
The higher the "reach" of the posts on Pairs Taiwan's Facebook fan page, the higher the conversion-rate-acquisition it generates.
Thus, in order to boost the reach, our Marketing team came up with the idea of producing our own talk show videos. The theme is about comparing love values and relationships in Taiwan and Japan. As most Taiwanese are fond of Japan, we believe that this would help us achieve our goal.
ROLE:
Storytelling
Videography
Visual Effects
Host
TIMELINE:
September 2017
As Taiwanese guys often have some assumptions and fantasies about Japanese girls, we started with a theme of comparison between Japanese and Taiwanese girls.
Our first episode was a huge success, giving us more than 4 times of our average reach as we reached 1.2 million people.
Regarding the visual effects, I took Taiwanese talk shows as a reference, striving to create a video that is like a television show.
The higher the "reach" of the posts on Pairs Taiwan's Facebook fan page, the higher the conversion-rate-acquisition it generates.
Thus, in order to boost the reach, our Marketing team came up with the idea of producing our own talk show videos. The theme is about comparing love values and relationships in Taiwan and Japan. As most Taiwanese are fond of Japan, we believe that this would help us achieve our goal.
ROLE:
Storytelling
Videography
Visual Effects
Host
TIMELINE:
September 2017
As Taiwanese guys often have some assumptions and fantasies about Japanese girls, we started with a theme of comparison between Japanese and Taiwanese girls.
Our first episode was a huge success, giving us more than 4 times of our average reach as we reached 1.2 million people.
Regarding the visual effects, I took Taiwanese talk shows as a reference, striving to create a video that is like a television show.
Cover Video for Pairs Korea
OVERVIEW:
Besides Taiwan, Pairs is also expanding to Korea. As the Korean slogan says "Meet you in this spacious universe," I created this animation with the atmosphere of a vast ocean, trying to convey the message in the Korean way.
ROLE:
Visual Effects
Animator
Motion Graphics
TIMELINE:
November 2017
Besides Taiwan, Pairs is also expanding to Korea. As the Korean slogan says "Meet you in this spacious universe," I created this animation with the atmosphere of a vast ocean, trying to convey the message in the Korean way.
ROLE:
Visual Effects
Animator
Motion Graphics
TIMELINE:
November 2017
#LoveStartsHere - Valentine's Day Challenge
OVERVIEW:
A video made for the Valentine's Day Challenge 2017 held by Match Group.
ROLE:
Video Production
Interviewee
TIMELINE:
February 2017
After putting together a few interviews of how my company, eureka, Inc., brings love to the office and the world, I put together a few footages of my colleagues holding the heart, attempting to create a vibe of love actually is everywhere in my office.
A video made for the Valentine's Day Challenge 2017 held by Match Group.
ROLE:
Video Production
Interviewee
TIMELINE:
February 2017
After putting together a few interviews of how my company, eureka, Inc., brings love to the office and the world, I put together a few footages of my colleagues holding the heart, attempting to create a vibe of love actually is everywhere in my office.
HUMANS - Ideathon Project
OVERVIEW:
Proposed a new online dating app idea for Ideathon held by Match Group.
ROLE:
UI/UX Design
UX Researcher
Presenter
TIMELINE:
March 2017
Nowadays, online dating apps provide new opportunities for us to meet people. However, an online-offline barrier still exists after it has been around for 20 years. Thus, we came up with an idea for people to reveal their true selves through video profiles, tutorials, and positive feedback from other users, as we believe only by revealing our best qualities can we build lasting relationships.
Proposed a new online dating app idea for Ideathon held by Match Group.
ROLE:
UI/UX Design
UX Researcher
Presenter
TIMELINE:
March 2017
Nowadays, online dating apps provide new opportunities for us to meet people. However, an online-offline barrier still exists after it has been around for 20 years. Thus, we came up with an idea for people to reveal their true selves through video profiles, tutorials, and positive feedback from other users, as we believe only by revealing our best qualities can we build lasting relationships.
Apple Music Search UI Redesign
OVERVIEW:
My designer colleagues and I formed a team to participate in UI Battle. we chose Apple Music and redesigned its UI.
ROLE:
UX Researcher
UI Design
Presenter
TIMELINE:
March 2017
Feeling allows users to search music that matches with their feelings at the moment.
The screen would first start reading user's location information, and then recommend music based on what other people around s/he are listening to.
If the user wants to listen to another song in the same genre, simply tab the next button. The keywords shown at the top help users put their mood into words, if they feel one of those keywords matches their feelings, they can tap on it, then a search result would appear. If the user wants to try a different genre, s/he could tap on the cross button. The algorithm would refine the recommendation through machine learning.
Users would be able to find the music they are looking for even if they do not have a clear idea in mind.
My designer colleagues and I formed a team to participate in UI Battle. we chose Apple Music and redesigned its UI.
ROLE:
UX Researcher
UI Design
Presenter
TIMELINE:
March 2017
Feeling allows users to search music that matches with their feelings at the moment.
The screen would first start reading user's location information, and then recommend music based on what other people around s/he are listening to.
If the user wants to listen to another song in the same genre, simply tab the next button. The keywords shown at the top help users put their mood into words, if they feel one of those keywords matches their feelings, they can tap on it, then a search result would appear. If the user wants to try a different genre, s/he could tap on the cross button. The algorithm would refine the recommendation through machine learning.
Users would be able to find the music they are looking for even if they do not have a clear idea in mind.
5 Million Special Thanks Mystery Offer Campaign
OVERVIEW:
To celebrate reaching the 5-million-member milestone, I was responsible for the design of this special mystery offer campaign.
ROLE:
Graphic Design
TIMELINE:
January 2017
The user could choose one card from the three cards, and he would definitely win something with a certain campaign. After tapping the "Click!" button on the card, the page would be directed to that certain campaign's landing page.
To celebrate reaching the 5-million-member milestone, I was responsible for the design of this special mystery offer campaign.
ROLE:
Graphic Design
TIMELINE:
January 2017
The user could choose one card from the three cards, and he would definitely win something with a certain campaign. After tapping the "Click!" button on the card, the page would be directed to that certain campaign's landing page.
baniera Logo Design Proposal
OVERVIEW:
Logo design for a perk program for the company, eureka, Inc.
ROLE:
Graphic Design
Presenter
TIMELINE:
April 2016
As the company's name "eureka" derived from Archimedes' discovery in the bathtub, the person who developed the perk program for the company decided to name it "baniera" which means "bathtub" in Greek because bathtub is where Archimedes got the inspiration, and the founder of the program wants it to be what supports the employees and facilitates the employees to generate creative ideas.
As it is a perk program, I designed the logo using the round font to show the gentleness and softness of the program. The calligraphy heart above "i" symbolizes supports and benefits for females, together with the young and active vibe of the company. I linked the "r" and the "e" to represent an abstract version of an upside-down bathtub. It also aligns with the logo of the company, eureka, Inc., as the logo of eureka also links the "k" and the "a".
Logo design for a perk program for the company, eureka, Inc.
ROLE:
Graphic Design
Presenter
TIMELINE:
April 2016
As the company's name "eureka" derived from Archimedes' discovery in the bathtub, the person who developed the perk program for the company decided to name it "baniera" which means "bathtub" in Greek because bathtub is where Archimedes got the inspiration, and the founder of the program wants it to be what supports the employees and facilitates the employees to generate creative ideas.
As it is a perk program, I designed the logo using the round font to show the gentleness and softness of the program. The calligraphy heart above "i" symbolizes supports and benefits for females, together with the young and active vibe of the company. I linked the "r" and the "e" to represent an abstract version of an upside-down bathtub. It also aligns with the logo of the company, eureka, Inc., as the logo of eureka also links the "k" and the "a".
Summer Job 2016
OVERVIEW:
As eureka, Inc. grows larger, it started to create summer internship for recruitment as well as boosting our company's brand image and reputation. We developed our first summer intern recruitment website in 2016.
ROLE:
Wireframing
Web design
Brand Identity
TIMELINE:
May 2016 - June 2016
We recruited engineer, designer, and product manager interns. For engineer interns, we also had a special recruiting method called Bot Recruitment, so I created a separate page for it from our general page. Engineering students could apply by creating a bot.
During the beginning, as the director did not really have a concrete image of what the website should look like. It took me some time to grasp the feel that he wanted the website to have by putting together all the keywords he mentioned. When designing this website, I focused on creating the impact while maintaining our company's brand image.
As eureka, Inc. grows larger, it started to create summer internship for recruitment as well as boosting our company's brand image and reputation. We developed our first summer intern recruitment website in 2016.
ROLE:
Wireframing
Web design
Brand Identity
TIMELINE:
May 2016 - June 2016
We recruited engineer, designer, and product manager interns. For engineer interns, we also had a special recruiting method called Bot Recruitment, so I created a separate page for it from our general page. Engineering students could apply by creating a bot.
During the beginning, as the director did not really have a concrete image of what the website should look like. It took me some time to grasp the feel that he wanted the website to have by putting together all the keywords he mentioned. When designing this website, I focused on creating the impact while maintaining our company's brand image.
Owned Media Redesign for SEO Boosting
OVERVIEW:
In order to boost the SEO of our owned media, I was in charge of the redesign of the website on the smartphone by providing a better user experience with a more succinct UI to increase the traffic.
ROLE:
UX Researcher
UI Design
Visual Design
TIMELINE:
January 2016 - April 2016
The essence of SEO is to enhance the user experience. In order to do so, as a UI/UX designer, it is important to think from a user's point of view. Hence, I thought from all aspects of user's perspective while I was redesigning the website, whether the page looks aesthetically appealing, the main point of the content is easy to comprehend, the design helps make the article clear to read, and the website is easy to navigate or use.
In order to boost the SEO of our owned media, I was in charge of the redesign of the website on the smartphone by providing a better user experience with a more succinct UI to increase the traffic.
ROLE:
UX Researcher
UI Design
Visual Design
TIMELINE:
January 2016 - April 2016
The essence of SEO is to enhance the user experience. In order to do so, as a UI/UX designer, it is important to think from a user's point of view. Hence, I thought from all aspects of user's perspective while I was redesigning the website, whether the page looks aesthetically appealing, the main point of the content is easy to comprehend, the design helps make the article clear to read, and the website is easy to navigate or use.
{"items":["4a11e208-8855-4043-962c-8670e4a5eb06","6d21e97c-76b6-4282-b179-e1c622df4058","7248f6fa-f54e-413d-a726-80e40a027d66","3fa340ec-d704-47fe-b283-8e478b4b0bad","5a3bf205-f874-43a8-ad4c-11d64dff3c17","307b75b7-38db-4bd0-8ea3-0c0c92f4bfad","b7d9fbd3-8f84-4779-8ae6-3215e491cf88","4b599eee-7c7b-4fbe-a662-795a72903dd3","4ced8eb4-8713-422d-b14c-7b5831abf342","f5a0b965-30d2-4b84-8da8-b4c90a14769e","4ff89627-0a1c-4e6e-be87-c13e3d7b28de","7c673390-9c29-40e5-bea2-e5a20ed81d2b","e7b69314-c9fb-4978-aca5-7c7026061f61","d9974386-ce93-4b0f-82ad-1e07439cfa7b","68229124-f93e-4004-9f84-b6c3a5c191bb","0beab13f-11e2-432d-9248-6a9b52daa655","c2416dff-3c94-4613-8268-829cfaf0c226","a6ba6c4d-d46b-4f2f-98b3-31d1c1da8742","3025f1c7-d14b-4e3f-9d89-f2db26d0a7b2","13e81763-4d60-4a92-80c8-96367ac59ebf","3b6a98d8-fe5a-4e47-be07-747b02fe75a8","2102dbf8-6dbe-4bf4-86e4-a6a1860c8ce1","69133f2b-aa95-49fa-ac84-714d46c5453c","e4543437-553f-429b-be10-c50e73bd7226","f9f11f3b-6277-42cf-bcb4-6acb28d46994","fb0eae3c-92d9-4220-bb99-350c0f25db52","87acc9f2-cda5-41b7-aa6f-7b481a893078","c039616b-f32e-4437-a2a9-4e2fb198173c","c3ba9159-4b5a-4e25-b84e-949e5c550967","846a0661-02f4-404d-aa01-2bc55acccbe8","3c2145b7-d362-437f-9180-3dcd6aadc929","ee55dee2-cd98-42c4-8775-49a7ccace48b","355eaf17-a5ad-471c-9768-4751757f23e8","a22641a3-7937-4f00-b400-e65cfbf55c93","ff42499a-7cec-48ff-a9a9-cfe12ca01b1a","2a5dea1d-54f1-48a7-8d2c-91574122a513"],"styles":{"galleryType":1,"groupSize":3,"showArrows":false,"cubeImages":false,"cubeType":"fill","cubeRatio":1,"isVertical":false,"gallerySize":555,"collageAmount":0.1,"collageDensity":0.3,"groupTypes":"1,2h,2v,3t,3b,3l,3r","oneRow":false,"imageMargin":14,"galleryMargin":0,"floatingImages":0,"chooseBestGroup":true,"smartCrop":false,"hasThumbnails":false,"enableScroll":true,"isGrid":false,"isSlider":false,"isColumns":false,"isSlideshow":false,"cropOnlyFill":false,"fixedColumns":0,"enableInfiniteScroll":1,"isRTL":false,"minItemSize":120,"rotatingGroupTypes":"","rotatingCubeRatio":"","gallerySliderImageRatio":1.7777777777777777,"numberOfImagesPerRow":3,"numberOfImagesPerCol":1,"groupsPerStrip":0,"borderRadius":0,"boxShadow":0,"gridStyle":0,"mobilePanorama":false,"placeGroupsLtr":false,"viewMode":"preview","thumbnailSpacings":0,"galleryThumbnailsAlignment":"bottom","isMasonry":false,"isAutoSlideshow":false,"slideshowLoop":false,"autoSlideshowInterval":4,"useCustomButton":false,"bottomInfoHeight":0,"titlePlacement":"SHOW_ON_HOVER","galleryHorizontalAlign":"center","galleryTextAlign":"center","galleryVerticalAlign":"center","scrollSnap":false,"itemClick":"expand","fullscreen":true,"allowSocial":false,"allowDownload":false,"allowTitle":true,"allowDescription":true,"loveButton":true,"loveCounter":false,"videoPlay":"hover","scrollAnimation":"SLIDE_UP","scrollDirection":0,"overlayAnimation":"NO_EFFECT","arrowsPosition":0,"arrowsSize":23,"watermarkOpacity":40,"watermarkSize":40,"useWatermark":true,"watermarkDock":{"top":"auto","left":"auto","right":0,"bottom":0,"transform":"translate3d(0,0,0)"},"loadMoreAmount":"all","defaultShowInfoExpand":1,"allowTitleExpand":true,"allowDescriptionExpand":true,"allowLinkExpand":true,"expandInfoPosition":0,"allowFullscreenExpand":true,"fullscreenLoop":false,"galleryAlignExpand":"left","addToCartBorderWidth":1,"addToCartButtonText":"","slideshowInfoSize":200,"playButtonForAutoSlideShow":false,"allowSlideshowCounter":false,"hoveringBehaviour":"APPEARS","thumbnailSize":120,"magicLayoutSeed":1,"imageHoverAnimation":"NO_EFFECT","calculateTextBoxHeightMode":"AUTOMATIC","textBoxHeight":0,"textImageSpace":10,"textBoxBorderRadius":0,"textBoxBorderWidth":0,"textsVerticalPadding":0,"textsHorizontalPadding":0,"titleDescriptionSpace":6,"customButtonText":"","customButtonBorderWidth":1,"customButtonBorderRadius":0,"loadMoreButtonText":"","loadMoreButtonBorderWidth":1,"loadMoreButtonBorderRadius":0,"imageInfoType":"NO_BACKGROUND","itemBorderWidth":0,"itemBorderRadius":0,"itemEnableShadow":false,"itemShadowBlur":20,"itemShadowDirection":135,"itemShadowSize":10,"imageLoadingMode":"BLUR","expandAnimation":"NO_EFFECT","imageQuality":90,"usmToggle":false,"usm_a":0,"usm_r":0,"usm_t":0,"videoSound":false,"videoSpeed":1,"videoLoop":true,"gotStyleParams":true,"selectedLayout":"0|bottom|1|fill|false|0|1","showVideoPlayButton":true,"galleryImageRatio":2,"sharpParams":{"quality":90,"usm":{},"allowUsm":false},"imageLoadingWithColorMode":"PICKED_COLOR","imageRatioType":"FIXED","numberOfDisplayedItems":3,"itemBorderColor":{"themeName":"color_15","value":"rgba(87,87,87,1)"},"itemShadowOpacityAndColor":{"themeName":"color_15","value":"rgba(87,87,87,0.2)"},"textBoxBorderColor":{"themeName":"color_15","value":"rgba(87,87,87,1)"},"textBoxFillColor":{"themeName":"color_12","value":"rgba(230,230,230,1)"},"alwaysShowHover":false,"isStoreGallery":false,"previewHover":false,"galleryLayout":0,"isInAdi":true,"itemOpacity":{"themeName":"color_19","value":"rgba(141,108,163,0.6)"},"itemFont":{"style":{"bold":true,"italic":false,"underline":false},"family":"futura-lt-w01-book","preset":"Custom","editorKey":"font_7","size":32,"fontStyleParam":true,"value":"font:normal normal bold 32px/40px futura-lt-w01-book,sans-serif;"},"itemFontSlideshow":{"family":"futura-lt-w01-book","displayName":"Basic Heading","style":{"bold":false,"italic":false,"underline":false},"size":22,"preset":"Custom","editorKey":"font_5","fontStyleParam":true,"value":"font:normal normal normal 22px/27px futura-lt-w01-book,sans-serif;"},"itemDescriptionFontSlideshow":{"family":"futura-lt-w01-book","displayName":"Paragraph 2","style":{"bold":false,"italic":false,"underline":false},"size":15,"preset":"Custom","editorKey":"font_8","fontStyleParam":true,"value":"font:normal normal normal 15px/18px futura-lt-w01-book,sans-serif;"},"itemDescriptionFont":{"family":"futura-lt-w01-book","style":{"bold":false,"italic":false,"underline":false},"size":16,"preset":"Body-S","editorKey":"font_9","fontStyleParam":true,"displayName":"Paragraph 3","value":"font:normal normal normal 16px/1.55em futura-lt-w01-book,sans-serif;"},"itemFontColor":{"themeName":"color_11","value":"rgba(255,255,255,1)"},"itemFontColorSlideshow":{"themeName":"color_15","value":"rgba(87,87,87,1)"},"itemDescriptionFontColor":{"themeName":"color_11","value":"rgba(255,255,255,1)"},"itemDescriptionFontColorSlideshow":{"themeName":"color_15","value":"rgba(87,87,87,1)"},"loadMoreButtonFont":{"family":"futura-lt-w01-book","displayName":"Paragraph 2","style":{"bold":false,"italic":false,"underline":false},"size":20,"preset":"Body-M","editorKey":"font_8","fontStyleParam":true,"value":"font:normal normal normal 20px/1.25em futura-lt-w01-book,sans-serif;"},"loadMoreButtonFontColor":{"themeName":"color_15","value":"rgba(87,87,87,1)"},"loadMoreButtonColor":{"themeName":"color_11","value":"rgba(255,255,255,1)"},"loadMoreButtonBorderColor":{"themeName":"color_15","value":"rgba(87,87,87,1)"},"arrowsColor":{"themeName":"color_11","value":"rgba(255,255,255,1)"},"oneColorAnimationColor":{"themeName":"color_11","value":"rgba(255,255,255,1)"},"isAccessible":false,"allowLeanGallery":false,"layoutsVersion":2,"selectedLayoutV2":0,"isSlideshowFont":false,"externalInfoHeight":0},"container":{"top":"","bottom":"","left":"","right":"","width":960,"height":7582,"position":"","avoidGallerySelfMeasure":true,"galleryWidth":988,"galleryHeight":7582,"scrollBase":0}}
HILLMAN CURTIS
"The goal of a designer is to listen, observe, understand, sympathize, empathize, synthesize, and glean insights that enable him or her to ‘make the invisible visible"
Contact Me
Want to know more about me, or just simply want to say hi?
Feel free to email me!