2012, Self-Motivated, 20˝ × 20˝, Game Design, Color Theory
Yon!
As part of my study of color, I created a 2-player game that teaches the art of perceiving color. The game is developed around the four color attributes: temperature, value, saturation, and contrast. Pull the leather strap, and the game board turns into a portable pouch that you can take to a cafe.
Game Sequence
- 1. The players compare the number of colors they are wearing. The one with more colors goes first.
- 2. The first player (Player A) selects one of the 16 pieces and gives it to Player B.
- 3. Player B places the piece on any open circle on the board.
- 4. B must then choose one of the remaining 15 pieces and give it to Player A.
- 5. Player A places the piece on an empty circle, and so on…
Winning Moves
You win when you make a line of four pieces with at least one common attribute!
- Temperature
- The sense of warmness or coolness we get from a color.
- Contrast
- The difference in values present in a composition.
- Value
- The lightness or darkness of a hue.
- Saturation
- The purity or intensity of a color.
2014, Penguin Classics, Book Cover Design, Experimental Typography
Penguin Classics Book Covers
Penguin Classics is exploring the use of typographic covers for their children’s books. Adorning each cover is a unique typographic solution, through which the stories are communicated. To appeal to the children’s tactile sansations, all titles are made with handmade typography.
I make the project fun for me because I work better when I enjoy the process.
2013, Eileen Cotter Howell, Website Design & Development
Eileen’s Portfolio Site
Eileen Cotter Howell is a visual artist based in Salem, Oregon. The key consideration for her portfolio site was to represent her works and herself. To communicate her sensibility, the design recedes to the back to simply suggest the structure while the spot of red ensures clear navigation.
2014, Facebook, User Interface Design
User Research Questionaires
- How long have you had your account for?
- How many friends do you have on Facebook?
- Name three feelings you get out of interacting with Facebook?
- What is your typical usage of Facebook? How often?
- Do you access it with your PC or smart phone? Has it changed over time?
- In your opinion, why are people drawn to Facebook?
- List three reasons why you use Facebook.
- Have you ever regretted something you did on Facebook? If so, what was it?
- In your opinion, what do you think Facebook is doing right? Or wrong?
- Which function do you use the most? And why?
- Can you think of a frustrating moment when using Facebook?
- Is there anything that you wanted to do but couldn’t do on Facebook?
- If you were in charge of making Facebook awesovme, what changes would you make? And why?
- Has any of Facebook’s functions surprised you in a good way? Or a bad way?
- If you have a problem on Facebook, what would be your method of solving it?
- What is Facebook to you?
- How comfortable are you with computer?
Facebook Interface Redesign
Facebook’s growing popularity highlights the necessity for different user interfaces for different types of people.
Based on the interviews conducted, three user personas were created: mostly a newbie, split personality, and judicious spectator.
Their unique wants and needs dictated the design’s functionality and information hierarchy.
User Persona
“I have many groups of friends, and for each, I’m a different person.” – Split Personality
“I use Facebook to see what my friends are into. But I don’t usually get involved.” – Judicious Spectator
“I finally had somone show me how to user Facebook. I think I’m gonna start using it!” – Mostly a Newbie
Wireframes and Final Designs
The ability to tag friends as “Close Friends,” “High School” or “Family” was born out of Split Personality’s desire to easily categorize friends.
2014, The Science Channel, Infographics, Information Architecture
How It’s Made
The Science Channel is eager to direct more of their audience to their online video site sci2.tv. To engage with their web audience, an infographic poster that summarizes an episode is going to be circulated through social media. The grid-based isometric illustrations delineate a clear flow of steps, while the top part can stand alone and the first header hooks the viewer.
2013, East-West Hammered Metal Object, Website Design & Development, Localization
East-West: Hammered Metal Object
East-West: The Hammered Metal Object was a kick-starter funded exhibition that traveled the Pacific Northwest in 2013. It showcased different techniques of metal raising with 11 American artists and 11 Japanese artists. To honor every artist’s style, the design of the website is kept to a minimum. Localization support was also added to create the Japanese version.
- Kickstarter Video Integration
- The promotional video created for a cloud funding site, Kickstarter, serves to direct the interested people to its donation site.
- Event Slider
- The slider automatically moves up to show the current information.r coolness we get from a color.
- Localization
- The flag icons switch between the English and Japanese sites.