In collaboration with Jennifer Lyons, Ashwin Khurana, Zishan Budhwani, Vincent Voong, Jeongho Cho, Fabian Ramirez, and Ramya Kedlaya.
In 10 weeks, I worked with a group of eight designers aiming to create a solid data-driven redesign for the existing UCSD mobile app that presented a better app experience for current UCSD students.
We began the process by interviewing the developers at the UCSD Campus Web Office to gain more insights on the structure of current app as well as looking at web analytics to understand user trends and behaviors.
After gathering background information from the Campus Web Office and Google Analytics, we adopted the Rapid Contextual Design process to guide us through the redesign of the current system. By collecting interview data directly from users in their natural settings, we - the researchers and designers - were able to gather more contextually accurate data to drive our redesign.
To accomplish a project of this scope in the ten weeks we were given, we followed the Focused Rapid CD timeline provided in our Rapid Contextual Design textbook. As outlined in the book, this procedure defines the following steps:
- Contextual Interviews with Interpretation
- Sequence Modeling with Consolidation
- Affinity Diagrams
- Wall Walk and Visioning
- Paper Mock-up Interviews with Interpretation
Through thirty-seven interviews and countless meetings, we were able to extract valuable data that helped us create innovative design ideas and make big design decisions. We produced a heavy, data-driven prototype that serves our goal to improve the overall user experience and information architecture for the UCSD mobile application.
Me posting Post-its on interview notes on Affinity Diagram Wall
Distilling problems from our user interviews and tackle them in our redesign features
During my time working at MashON as a Design Intern, I worked on creating UX deliverables and transforming them to visual designs for Dabble, an eCommerce application. My main focus was on re-designing Dabble's admin dashboard. I created the wireframes for both web and mobile based on the data I gathered from user interviews, and then compiled the visual designs for Shop sections. I discussed my design decisions with the Creative Director and collaborated with the other designers on the team to ensure consistency of designs.
Wireframe for list of shops in admin dashboard
Visual design for list of shops in admin dashboard
Wireframe for shop setting page
Visual design for shop setting page
Wireframe for list of shops on mobile
In the Summer of 2012, I traveled to Spain with my family and created a travel journal that will later be published in Taiwan. I enjoyed drawing small illustrations while traveling to document memorable moments of the trip. As a self-taught life-long illustrator, I greatly enjoy the touch of creating art via paper and pen.
Editorial Design: iPad Magazine Design
This is a class project I designed at Art Center College of Design at Night: Interaction Design/Tablets. I created a interactive story using InDesign Digital Publishing Suite.
Disclaimer: I do not own the content nor the photos in this publication.
Swipe to change image, scroll textbox to read the rest of the article
Tap image to see D.I.Y instructions
Drag and drop patterns to design your own iPhone case
The Secret Cookie Service
The Secret Cookie Service is a San Diego based late night cookie delivery service for those who have sudden craves for some yummy sweets at the middle of the night. This is my very first freelance design product, I choose the Black & White theme to make the site look more classy and secretive, yet I incorporated two cookies into the logo to make it not too serious. I enjoyed designing for this fun and humorous site.
The Chocolat-Hillcrest project started as a class project from UCSD COGS 187B, where we work with a real client to create a website. My partner and I from the Buckets Design Studio decided to redesign the website for Chocolat-Hillcrest, a well-known dessert/bistro place located in downtown San Diego, specializing in freshly made chocolates and gelatos. I personally LOVE gelatos, so this was a fun project for me to work on. We created the information architecture of the site and redesigned visual appearance to make it more appealing and modern.
This is a prototype for TinTint on iPhone that I created during my internship at www.tintint.com in summer 2012.
TinTint.com is a leading company in online interactive publishing platform in Taiwan. As a Design Intern, I focused on enhancing the user interface and the structure of both the main site and iPhone application. I was also exposed to the product and packaging design process by working with their talented designers.
This is the final project that I've done in Visual Art 140 (ICAM 101), where we have to make an interactive art piece via Photoshop, Illustrator, and Processing. The idea of the project is that whenever your finger moves towards the bear, it will pop away and collide with each other. When you click on the bear, you can pinch it and move it where ever you want. You can also add/remove (maximum of 5) the bear as you wish. Click here to check it out!( You will need Java to view it properly )