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
C4D 3D Modeling
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
C4D 3D Modeling
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.
Pandora Box
OVERVIEW:
A 60th birthday celebration gift for my dad as me popping out of an actual present box I gave him.
ROLE:
Concept Development
Motion Capture
3D Scanning
Mixamo Avatar Rig Mapping
Maya Animation
AR Vuforia Development
Unity Development
TIMELINE:
Oct 2019
I 3D scanned the present box and utilized the 3D object target tracking of Vuforia to track the box. I then animated the top of the present box opening up in Maya and mapped the 3D scanned me as an avatar with an animation data captured with motion capture equipment and software and further animated myself to pop out of the box in Unity.
My dad was thrilled when he received me as his 60th birthday present gift and could not stop documenting it, so I would say it was a success.
A 60th birthday celebration gift for my dad as me popping out of an actual present box I gave him.
ROLE:
Concept Development
Motion Capture
3D Scanning
Mixamo Avatar Rig Mapping
Maya Animation
AR Vuforia Development
Unity Development
TIMELINE:
Oct 2019
I 3D scanned the present box and utilized the 3D object target tracking of Vuforia to track the box. I then animated the top of the present box opening up in Maya and mapped the 3D scanned me as an avatar with an animation data captured with motion capture equipment and software and further animated myself to pop out of the box in Unity.
My dad was thrilled when he received me as his 60th birthday present gift and could not stop documenting it, so I would say it was a success.
AR Futuristic Filter
OVERVIEW:
An AR filter that allows users to have fun in a futuristic setting with head movements and different facial expression
ROLE:
Concept Development
AR Interaction Design
AR Spark Development
TIMELINE:
Oct 2019
When users nod their heads, the metallic texture of their face turns into a red metallic mask. When users further tap on the screen the red metallic mask turns into a blue metallic mask which all fit onto users face perfectly. When users open their mouth both red and blue grid masks come out simultaneously.
When users move their face away from the phone, they get soaked into the Ghost in the Shell style backdrop.
The interaction of this AR filter is purely for entertaining and experimental purposes to explore how users interact with the masks and the augmented futuristic style.
An AR filter that allows users to have fun in a futuristic setting with head movements and different facial expression
ROLE:
Concept Development
AR Interaction Design
AR Spark Development
TIMELINE:
Oct 2019
When users nod their heads, the metallic texture of their face turns into a red metallic mask. When users further tap on the screen the red metallic mask turns into a blue metallic mask which all fit onto users face perfectly. When users open their mouth both red and blue grid masks come out simultaneously.
When users move their face away from the phone, they get soaked into the Ghost in the Shell style backdrop.
The interaction of this AR filter is purely for entertaining and experimental purposes to explore how users interact with the masks and the augmented futuristic style.
Art Toy Design - Hope
OVERVIEW:
An Art Toy Design of a series of bunnies made from different materials ranging from standard 3D printing, squishable 3D printing, flocking, felt needling to concrete casting.
ROLE:
Character Design
Sculpturing
3D Scanning
ZBrush and Blender 3D Modeling
3D Printing
Flocking
Felt Needling
Silicon Casting
Concrete Casting
Package Design
TIMELINE:
Sep - Oct 2019
The bunny derived from a picture book I drew back in June 2018 for my ex that already broke up with me for more than a year ago at the time. It was a story about a bunny with a missing heart trying to find its heart. It tried to fill its heart with flowers by itself, and other animals it encountered on the way also tried to fill its heart in their own ways. Eventually, it found its heart on the neck of a bear which was its lover in the past. The bunny is me. After coming to NYC, my dating life has not gotten better either, but I want to keep my hope and look on the bright side even with my missing heart, or even better, I want to fill it by myself. That is why this series of bunny all have their heads tilted up “looking on the bright side”. Their hearts are all interchangeable giving each of them their own personality - some with hard rock heart, some with soft fluffy heart. As to the packaging, I would like to refer back to its original story. The inside of the package has part of the scenes from the picture book, from the cover of the book with a single heart falling off to the bunny tried to find and fill its heart by itself and with other animals’ helps. The front of the package has a heart cutout echoing the cover of the picture book with the falling heart, and it also reveals just the heart of the bunny to highlight the theme.
The bunnies are made of, from the left to right, standard 3D printing with silver spray paint, 3D printing with squishable material - agilis, standard 3D printing with flocking finish to give it a little fluffy touch, felt needling, and splash paint style of concrete casting from a silicon mold made with a 3D printed bunny to give the concrete bunny beautiful patterns of flows.
The bunny was first sculptured using tin foil then being 3D scanned, and finally edited and modified in Zbrush and Blender. After some testing 3D print to make sure it is the size I desire, then I started printing more, matching and altering the shape and size of the felt needling one and complete the series.
An Art Toy Design of a series of bunnies made from different materials ranging from standard 3D printing, squishable 3D printing, flocking, felt needling to concrete casting.
ROLE:
Character Design
Sculpturing
3D Scanning
ZBrush and Blender 3D Modeling
3D Printing
Flocking
Felt Needling
Silicon Casting
Concrete Casting
Package Design
TIMELINE:
Sep - Oct 2019
The bunny derived from a picture book I drew back in June 2018 for my ex that already broke up with me for more than a year ago at the time. It was a story about a bunny with a missing heart trying to find its heart. It tried to fill its heart with flowers by itself, and other animals it encountered on the way also tried to fill its heart in their own ways. Eventually, it found its heart on the neck of a bear which was its lover in the past. The bunny is me. After coming to NYC, my dating life has not gotten better either, but I want to keep my hope and look on the bright side even with my missing heart, or even better, I want to fill it by myself. That is why this series of bunny all have their heads tilted up “looking on the bright side”. Their hearts are all interchangeable giving each of them their own personality - some with hard rock heart, some with soft fluffy heart. As to the packaging, I would like to refer back to its original story. The inside of the package has part of the scenes from the picture book, from the cover of the book with a single heart falling off to the bunny tried to find and fill its heart by itself and with other animals’ helps. The front of the package has a heart cutout echoing the cover of the picture book with the falling heart, and it also reveals just the heart of the bunny to highlight the theme.
The bunnies are made of, from the left to right, standard 3D printing with silver spray paint, 3D printing with squishable material - agilis, standard 3D printing with flocking finish to give it a little fluffy touch, felt needling, and splash paint style of concrete casting from a silicon mold made with a 3D printed bunny to give the concrete bunny beautiful patterns of flows.
The bunny was first sculptured using tin foil then being 3D scanned, and finally edited and modified in Zbrush and Blender. After some testing 3D print to make sure it is the size I desire, then I started printing more, matching and altering the shape and size of the felt needling one and complete the series.
Broadway Stage Redesign - Hedwig and the Angry Inch
OVERVIEW:
Redesigned a Broadway show stage with projection mapping and new set props on stage to give it another interpretation and twist
ROLE:
Concept Development
Set Model Design & Building
Set Prop Graphic Design
Visual Design Research
After Effects Video Production
Isadora & MadMapper Projection Mapping
TIMELINE:
Nov 2019
Hedwig and the Angry Inch is a story about genderqueer singer Hedwig who searches for her other half in order to overcome insecurities about her identity (her body, her gender, the lack of respect for her music). Over time, she struggles with trauma, hurts those around her, and believes wholeheartedly that her own happiness lies with others. By the end, her belief transforms when she realizes that she is complete as an individual.
We decided to use Toy Story 2 as the backdrop of the set instead of its original fake broadway show as the show started from Hedwig introducing how her band and she took over another broadway show’s set to perform under low budget. We chose Toy Story 2 because it also resonates with the theme of Hedwig and the Angry Inch on the understanding of identity, beauty standards and comparison, insecurity, transformation, and searching for self.
We imagined the stage as the top of the shelf in Andy’s room. I specifically designed two protruding boxes on the wall for projection mapping in order to easily change the scene from Andy’s room with cloud wallpaper to other scenes by projecting on to the boxes on the wall to change the clouds into the collector’s toolbox’s drawers or post-its on top of the table. This video showcases the set and projection mapping design for one of the songs - Wig in the Box. We designed the stage based of this retro Woody’s roundup scene in Toy Story 2 where there is a vinyl record playing. We designed the vinyl record to be the stage where Hedwig could easily change her outfit in the Barbie box on top of the vinyl record while it turns. The Barbie box also represents the sex-change surgery done to Hedwig to change him into a “her” to fit into the beauty standard in this world. In addition, we designed for the band to be a set of toys that play out of their toy box. The 3D printed hand on the right of the stage not only provides a reference for the scale of the performers on stage as toys but also acts as the collector’s hand as a symbol for how Hedwig’s life was being manipulated by other men’s hand like a puppet.
Redesigned a Broadway show stage with projection mapping and new set props on stage to give it another interpretation and twist
ROLE:
Concept Development
Set Model Design & Building
Set Prop Graphic Design
Visual Design Research
After Effects Video Production
Isadora & MadMapper Projection Mapping
TIMELINE:
Nov 2019
Hedwig and the Angry Inch is a story about genderqueer singer Hedwig who searches for her other half in order to overcome insecurities about her identity (her body, her gender, the lack of respect for her music). Over time, she struggles with trauma, hurts those around her, and believes wholeheartedly that her own happiness lies with others. By the end, her belief transforms when she realizes that she is complete as an individual.
We decided to use Toy Story 2 as the backdrop of the set instead of its original fake broadway show as the show started from Hedwig introducing how her band and she took over another broadway show’s set to perform under low budget. We chose Toy Story 2 because it also resonates with the theme of Hedwig and the Angry Inch on the understanding of identity, beauty standards and comparison, insecurity, transformation, and searching for self.
We imagined the stage as the top of the shelf in Andy’s room. I specifically designed two protruding boxes on the wall for projection mapping in order to easily change the scene from Andy’s room with cloud wallpaper to other scenes by projecting on to the boxes on the wall to change the clouds into the collector’s toolbox’s drawers or post-its on top of the table. This video showcases the set and projection mapping design for one of the songs - Wig in the Box. We designed the stage based of this retro Woody’s roundup scene in Toy Story 2 where there is a vinyl record playing. We designed the vinyl record to be the stage where Hedwig could easily change her outfit in the Barbie box on top of the vinyl record while it turns. The Barbie box also represents the sex-change surgery done to Hedwig to change him into a “her” to fit into the beauty standard in this world. In addition, we designed for the band to be a set of toys that play out of their toy box. The 3D printed hand on the right of the stage not only provides a reference for the scale of the performers on stage as toys but also acts as the collector’s hand as a symbol for how Hedwig’s life was being manipulated by other men’s hand like a puppet.
Fu Ping
OVERVIEW:
A video installation that portrays the absence of the sense of belonging.
ROLE:
Concept Development
Videography
Processing Programming
Computer Vision
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
Processing Programming
Computer Vision
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.
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.
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.
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.
COMPASS - Disney Imagineering Design Competition Semi-Finalist
OVERVIEW:
COMPASS is a global architectural installation. Sited in three major cities around the world, it is a celebration of our university’s core value to be an institution of learning that is “in and of the city, in and of the world.”
ROLE:
Experience Design
Motion Design
Animation
TIMELINE:
Oct - Nov 2019
COMPASS is a celebration of our borderlessness and connection. Each site reflects on the important and unique history of its location, while the system as a whole exposes the growing connections and global presence of our university - connections across space, time, and people.
Compass is borderless. Open to the public in all three sites, Compass encourages everyone to experience the connected-world vision of our university. The open plan,
ample seating, and water features offer the freedom to relax, study, or meditate while surrounded by a global context.
Inside Compass visitors are situated in a moment - both in time and space. As the sun arcs across the sky shadows from the gnomon mark the passage of the day.
Markers around the structure point outward towards other sites. At night, the beacon light serves as a source of comfort and safety. At the center of each Compass is a world map highlighting where you are, and where the community is, has been, and will be.
The interactive feature at the center of each Compass delivers a unique experience for members of the university community. With a campus ID a visitor can “send” a representation of themselves on a journey across the university’s network. Their unique light will gather a small community of others and “embark” on a voyage to another site - at the realtime speed of travel to that site. The path their light takes is unique, persistent, and represents the footprint of our institution’s global network.
COMPASS is a global architectural installation. Sited in three major cities around the world, it is a celebration of our university’s core value to be an institution of learning that is “in and of the city, in and of the world.”
ROLE:
Experience Design
Motion Design
Animation
TIMELINE:
Oct - Nov 2019
COMPASS is a celebration of our borderlessness and connection. Each site reflects on the important and unique history of its location, while the system as a whole exposes the growing connections and global presence of our university - connections across space, time, and people.
Compass is borderless. Open to the public in all three sites, Compass encourages everyone to experience the connected-world vision of our university. The open plan,
ample seating, and water features offer the freedom to relax, study, or meditate while surrounded by a global context.
Inside Compass visitors are situated in a moment - both in time and space. As the sun arcs across the sky shadows from the gnomon mark the passage of the day.
Markers around the structure point outward towards other sites. At night, the beacon light serves as a source of comfort and safety. At the center of each Compass is a world map highlighting where you are, and where the community is, has been, and will be.
The interactive feature at the center of each Compass delivers a unique experience for members of the university community. With a campus ID a visitor can “send” a representation of themselves on a journey across the university’s network. Their unique light will gather a small community of others and “embark” on a voyage to another site - at the realtime speed of travel to that site. The path their light takes is unique, persistent, and represents the footprint of our institution’s global network.
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","889560da-99d5-48c0-960b-e9edb9f4d73e","b034f61c-4c5a-438a-9393-e82be39991c5","740937d9-9066-4ba4-b366-01c1f556ac1a","6e2c120a-84ec-4412-a248-534e7ce1fb19","5a3bf205-f874-43a8-ad4c-11d64dff3c17","7248f6fa-f54e-413d-a726-80e40a027d66","6d21e97c-76b6-4282-b179-e1c622df4058","3fa340ec-d704-47fe-b283-8e478b4b0bad","9c25d884-4029-4a88-ba69-cdedc26401f7","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":true,"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":true,"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","calculateTextBoxWidthMode":"PERCENT","textBoxHeight":0,"textBoxWidth":200,"textBoxWidthPercent":50,"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|true","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)"},"responsive":false,"modifiedGallerySize":true,"isAccessible":false,"allowLeanGallery":false,"layoutsVersion":2,"selectedLayoutV2":0,"isSlideshowFont":false,"externalInfoHeight":0,"externalInfoWidth":0},"container":{"top":"","bottom":"","left":"","right":"","width":960,"height":8671,"position":"","avoidGallerySelfMeasure":true,"galleryWidth":988,"galleryHeight":8671,"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!