Hello, I'm Teresa.

I design user experiences and user interfaces for games.
Download PDF resume
Close

Thanks for dropping by.

My name is Teresa Tan. I'm a UX Designer at Kabam, an epic social game company in the San Francisco Bay Area. I hail from New York where I've previously worked on Facebook and educational games. I graduated from Carnegie Mellon University where I studied Industrial Design and Human-Computer Interaction.

chart

Proficiencies

  • Photoshop
  • Illustrator
  • Indesign
  • Flash
  • HTML5 & CSS3
  • Javascript & jQuery
  • Actionscript 3.0

Me Elsewhere

Close

Say Hello.


You can also email me at
tt@teresa-tan.com

Close

Family of Heroes

Game Animation & Illustration

Family of Heroes is an interactive educational course about PTSD developed by Kognito Interactive for family members of returning veterans. It teaches players how to manage expectations from their veteran’s return, learning to identify post-deployment stress, managing difficult conversations or arguments, and motivating the veteran to seek help if they are under any mental distress.

The game is made available for various states, including the NYC region and NJ.

You can learn more at www.familyofheroes.com

My Role
  • Character animations and lip syncing
  • Vector Illustrations
  • Web design and front-end web development for product landing pages
Close

Dracaena Plant Vessel

Form Study

This plant vessel serves the purpose of holding a dracaena deremensis plant and accentuating the long, striped qualities of the plant leaves. The top black portion was turned on a laithe, which was then split to be vacuformed using styrene to create the bottom holding vessel.

plant plant plant plant plant plant plant
Close

Kognito Company Site

Web Design & Front-end Development

Kognito Interactive needed to reboot their company website: www.kognito.com

My Role
  • I coded the entire 90% of the front-end (HTML, CSS, jQuery)
  • Layout design for Family of Heroes and Veterans on Campus product pages.
kognito kognito
Close

Ocean Adventures

Game UI & UX Design

Ocean Adventures is a unique Facebook game by Freshplanet where players must survive in an overflooded, post-apocalyptic world. Players travel around the oceans in a makeshift raft, visiting various pockets of civilization, battling hazards, and rescuing endangered animals.

You should play it: https://apps.facebook.com/ocean-adventures/

My Role
  • UI Layout and design based on predetermined style guide
  • Vibrant UI visuals
  • Solved UI design and user flow problems unforeseen in low fidelity prototypes
  • Created detailed, high-fidelity UI specs for overseas development team
  • Communicated with overseas development team about technical or graphical issues with UI
Close

Crazy Cow Music Quiz

Game Animation & Illustration

Crazy Cow Music Quiz (now known as We Are Music) is a successful music quiz Facebook game by Freshplanet.

You can check play it here: https://apps.facebook.com/wearemusic/

My Role
  • Item illustrations
  • Game character animations
  • Icon design (static and animated)
cow cow cow
Close

Spalife

Game Animation & Illustration

I worked on Spalife during my internship at Freshplanet. Spalife is a business management game where players run and customize their own luxury spa. The game was made in partnership with the beauty products brand Clarins.

Check it out here: https://apps.facebook.com/spa-life/

My Role
  • UX mockup animations (i.e. what happens if you use items, when players collect money, etc.)
  • Character movement and treatment animations (Flash)
  • Worked with development team to create a system to generate random customers
  • Loading animations
  • Icon design and various UI asset illustrations
Close

Dreampaw.com

Web Design & Front-end Development

DreamPaw.com is a dream logging and sharing service I started with a couple of college classmates. Users can keep track of their friends' dreams and browse any dream people submit to the public Dreamstream. It is still in beta, but we're working on adding new features to the website based on user feedback and increasing our user base.

Check it out! www.dreampaw.com


My Role
  • Branding and layout design
  • Information Architecture
  • Icon design and illustration
DreamPaw
DreamPaw
Close

Panda Character Design

Pixel Art

I painstakingly laid down each and every pixel of this little guy in Photoshop.

Panda Panda

Food & Health

Vector Art

Illustrations drawn in Flash.

diabetes
diabetes
diabetes
diabetes
diabetes
diabetes

Figure Drawing

Charcoal & Charcoal Pencil

figure

Portrait

Pencil

portrait
Close

Armored Chess Knights

Experimental Form

This was a collaborative experimental form class project where each person was assigned to a chess piece and pawn. We designed 4 chess pieces to be printed in 3D: a kinetic and static version of our main piece, and a complementary kinetic and static version of the pawn. I was assigned the knight. Being the most literal piece on the traditional chess board, I retained the horse figure but abstracted it to instill more medieval armor-like qualities in the static pieces and greco-roman armor curves in the kinetic pieces. All pieces were modeled and rendered in SolidWorks.

My Role

I designed the knight!

chess
chess
chess
chess
chess
chess
Close

Modular Dresser

Furniture Design

This piece was built out of bent laminated plywood sheets with red oak and sapele veneer. Typical dressers tend to be huge and too heavy to transport when items are inside the drawers. I wanted to address this issue by separating each drawer into its own unit so it is easy to carry, even with items inside; hence, the handles on both sides. It makes moving less of a hassle (and a great weight lifting item to boot).

Dresser Dresser
Dresser Dresser Dresser Dresser Dresser
Dresser Dresser
Close

Spar*Clean

Interaction Design

Spar*Clean is a touch screen display that monitors the cleanliness of households and displays data on how dirty each area is and which users in the house have been cleaning. It is designed to motivate, facilitate communication, and promote self-enforcement for cleaning-related tasks, which are frequently problems in houses of three or more.

For our complete process book, please go here.

My Role
  • Wireframes
  • High Fidelity Mockup (Flash)
  • Concept sketches
  • Photos for video
  • Presentation design
  • User research

Group members: Adam Borochoff, Cinnie Huang, Nara Kasbergen, and Youna Yang.

Sparclean Sparclean Sparclean Sparclean Sparclean Sparclean
Close

Renoki

Game Art & UI Illustration

Renoki is a Wack-a-Mole-like mobile game but with a twist (and much cuter). There are many levels to this game along with different types of monsters that have special attributes and can only be defeated in certain ways. Users can purchase different weapons and items to help fight these monsters.

My Role

I was hired to make all graphics including the the gameboard, user interface, and both monster and item sprites (Illustrator)

Renoki Renoki
Renoki Renoki Renoki Renoki Renoki
Close

Swan Faucet

Product Design & Prototyping

This faucet concept was designed specifically for a modern country club. The aesthetics of this design was inspired by the graceful, organic curves of a swan and the flow of the water fountain. One simple motion - the tipping of the faucet head - activates the water, which flows down the neck of the spout. The tilt of the spout determines the strength of the water. The further back the tilt, the stronger the water pressure. Users can control the temperature of the water by turning the water head to the left or the right.

Swan Faucet Swan Faucet Swan Faucet Swan Faucet Swan Faucet Swan Faucet
Swan Faucet Swan Faucet
Close

Torii Coffee Table

Furniture Design

The geometry of this coffee table was partly inspired by torii (鳥居), which are Japanese Shinto shrine gates consisting of two horizontal layers held up by two vertical posts (they are curved in my table). The bottom shelf can be used to conveniently hold (or hide) magazines to keep the table top tidy. The table top and shelf are made of ash wood while the legs are made of cold-bent cherry wood.

table table
table table
table table
Close

D-Hairpin

Experimental Form

The goal of this project was to create a 'beautiful' object that can serve a purpose or simply act as ornamentation. This hairpin was modeled in SolidWorks and printed in ABS plastic. The curvature of this hairpin was inspired by curves of the cursive capital 'D.'

flower flower flower flower flower flower
Close