Search Assistant w/ Behavior Logger
12/2017 - 04/2018
Web Development User ResearchPHP JavaScript Mysql AJAX Qualitative Analysis
Master paper project. An experimental search interface (powered by Bing Search API) with 2 types of search assistance tools embedded on certain tasks, plus a behavior logging program that will record user's behavior such as mouse movements, clicks, and search queries as they're doing the tasks.
ShareHeels - UNC Basketball Carpool App
11/2017 - 12/2017
UX Design Usability TestingPersonas User Journey Wireframe Remote User Testing Adobe XD
I designed a moblie app that resolves the confusion involved in game-day parking, and helps game visitors share vehicle resources to make the commute less struggling and more enjoyable.
UX Testing on UNC Odum Website
09/2017 - 10/2017
Usability TestingUsability Testing Qualitative Study Think-Aloud Protocol Writing Teamwork
We ran a usability test on the website of the Odum Institute at UNC with 8 participants to see if it's effective at guiding graduate students and professors at finding resources for resesarch.
UI Design Challenges
08/2017 - 10/2017
UI/UX Design Graphic/Visual DesignAdobe Illustrator Mobile UI Web UI Copycats
These are 10 UI design practices I did to learn and strengthen practical skills with Adobe Illustrator on UI design.
Library Resesarch Guides at Duke University
05/2017 - 08/2017
UX Design Web Development Usability TestingHTML CSS JavaScript Qualitative Study Think-Aloud Protocol Work w/ Stakeholders
I re-designed the Research Guides portal and implemented it with CSS and JavaScript to override the former page generated by LibGuides (a library CMS). Then, conducted a usability test with 8 users to verify the new design and propose various improvements for future updates. Mentors: Emily Daly and Thomas Crichlow.
Magazine Cover & Spreads Design
06/2017
Graphic/Visual DesignAdobe Illustrator Adobe InDesign Typography
When learning InDesign, I designed a sport magazine introducing senior players of a promising volleyball team, where I imagined myself as the magazine's editor in the world of my favorite sport show Haikyuu and reporting the volleyball tournament.
Infographic: Visit Beijing by Subway
06/2017
Graphic/Visual DesignAdobe Illustrator Adobe Photoshop Typography
I designed this Infographic to recommend some popular things to do in Beijing that visitors can reach by taking Beijing Subway/Metro. There's also a brief instruction for subway ticket vending machines.
Poster Designs
06/2017
Graphic/Visual DesignAdobe Illustrator Adobe Photoshop Typography
I designed 2 posters to practice my skills in Adobe Illustrator and Photoshop. The first poster is to celebrate UNC Men's Basketball 2017 NCAA Championship and cheer for the 2018 season. The second poster presents the story of a famous musical anime -- Your Lie in April.
Color Depiction
05/2017
Graphic/Visual DesignAdobe Illustrator
I colored a turtle picture in digital way with Adobe Illustrator. It was a good practice and a nice way to relief pressure.
Open Video Archive System
04/2017 - 05/2017
Web DevelopmentHTML CSS JavaScript jQuery AJAX PHP MySQL
This is a video archive system I developed where users can search and look up metadata from each video item. Developed with PHP and MySQL for the search-display function, and a AJAX plus jQuery to implement a "keyword suggestion" interface and a mouse-over feature to show the metadata.
A Mobile-First Website of Beijing Mini Guides
03/2017 - 05/2017
Web Development Mobile WebMobile-First CSS Flexbox Card Patterns
I developed this website with Mobile-First approach and card pattern designs, implementing with CSS media queries and flexbox. Source code at Github. The device frames in the picture is designed by D3Images @ Freepik.