Welcome to my
Design Portfolio!

My mission is to create a joyful and meaningful
experience for our users, helping them achieve
their goals effortlessly.

Scroll Down

Who I Am

My career journey began as a web-UI designer, but my thirst for knowledge has driven me to explore beyond the realm of front-end design and delve deeper into the core of user experience.

With 10+ years of experience in UI and UX design, I've worked on various media, including print, web, apps for PC and mobile devices. As a multidisciplinary designer, I value the importance of both graphic (UI) design and user interactivity (UX), recognizing that a great user experience involves more than just a visually appealing interface.

Profession Experience

UI/UX Design Lead

Age of Learning Company 2015-Present

At Age of Learning Inc. (ABCmouse.com), I lead UX design efforts to analyze the user experience for both children and parents. Through user behavior research, I provide innovative UX solutions that align with our business goals.

Sr. UI/UX Design Manager

DMAI Company 2019-2020

- Led and managed a team of UX/UI professionals
- Established UX project development processes
- Provided UX/UI project direction and guidance
- Ensured project quality, creativity, and timely delivery
- Solely responsible for UX/UI design on the AILA project
- Solely responsible for UX/UI design on the MAIA project

Senior UI/UX Designer

Fuhu - Nabi Tablet 2010-2015

At Fuhu, I was a senior UI/UX designer and contributed to developing the world's first fully functional tablet for children. I provided UX/UI solutions for key features, which helped our Nabi tablet earn the distinction of being the best tablet of 2013.

Senior Web Designer

Upper Deck Company - 2005-2010

As a senior web designer at Upper Deck, I created and maintained official websites for entertainment products such as World of Warcraft and Yu-Gi-Oh, incorporating their unique art style. I generated new content to match each product's theme and style.

Master of Arts - Interactive Design

Savannah College of Art & Design - 2003-2005

After worked as a web artist in Taipei for three years, I recognized the value of understanding user behavior and pursued a master's degree in User Interactive Design at Savannah College of Art & Design. I gained in-depth knowledge of user interaction with digital platforms during my two-year program.

How people talk about me.

Author image

Yao joined DMAI as a Sr. UI/UX Designer, transforming the team into a well-oiled machine. I highly commend his attention to detail in processes - he's careful and thoughtful about communication, making him stand out as a leader and design visionary for our products. He brings up potential issues early and often, before they spiral out of control, which made him an essential ingredient in our team. I wish to one day work closely with him again.

Read More Read More on linkedin

Nishant Shukla VP Engineering, DMAI
Author image

Yao is not only very skillful in UX/UI design but also innovative in surveying the competitive landscape and coming up with unique and attractive proposals. He is also a caring team leader that consistently provides professional guidance to his team members...

Read More Read More on linkedin

Weijun Lee Director of Products, DMAI
Author image

I worked closely with Yao on two AI products as the product manager. Yao is a fantastic UI/UX designer, as well as an exceptionally reliable design team leader. He is adaptive, hard-working, and very organized. I remember we met a complex challenge of our product in a critical moment, Yao came up with clear logic and a quick design upgrade to help the project move forward successfully...

Read More Read More on linkedin

Yang Dowd Xu Technical Product Manager, DMAI
Author image

I personally worked with Yao in another company before. Yao is amazing to work with, not only his dedication and hard working ethics, but Yao is always fearless in taking on our UI/UX projects and pushing its boundaries with creativity. Yao is also a strong team player and design lead with kind eyes, passion and patience for team members. It has been a great experience and I am humble to recommend Yao! Keep up with your FANTASTIC work!

Read More Read More on linkedin

Nicole Liang Talent Acquisition, DMAI
Author image

My role as the head of User Experience Design, I come into collaborate with many talented UX/UI design leads - and Yao, when it comes to game design thinking for the modern cross-platform experience, is one of the best I've worked with. We've developed data-driven experience design strategies together for many products for both children and grownups, and aside from his talent, what I appreciate most is how reliable and responsive he is...

Read More Read More on linkedin

Takeshi Horiuchi Director, User Experience Design, Age of Learning
Author image

Yao is an exceptionally talented manager and UI/UX designer. He was my manager at DMAI, Inc. and quickly proved to be reliable, clear, adaptable, and creative. He has a knack for being able to come up with really sophisticated solutions to complex issues and has always given feedback in a timely and efficient manner. Aside from work related issues, Yao has always gone above and beyond to make sure I was comfortable in my work environment and that I was happy with my position within the company. Any company would be lucky to have Yao on their team and I hope there are many more opportunities for us to work together in the future.

Read More Read More on linkedin

Greg Mako UX/UI designer, DMAI
Author image

Yao is an exceptional user experience designer. I worked with him for over two years and he pays exceptional attention to design details and throughly thinks through and solves challenging design issues. He was great working with when he brought his prototypes to test in our usability lab, as he always had his goals and questions outlined when preparing for testing. I highly recommend, Yao, as he would be an asset to any team.

Read More Read More on linkedin

Marie Maxey Senior User Research Manager, Age of Learning
Author image

Yao is the "machine" in Creative. His Flash and animation skill has been a tremendous help for Fooz Pet Team and a huge asset to Creative Team. His ability to multi-task and joggle between projects is one of his great success at Fuhu. His knowledge of tech requirements in Ul is also one of his strength. His great attitude and openness to feedback has made him a great designer to work with. Whenever we have Photoshop questions we can always count on Yao to solve it.

Read More Read More on linkedin

Antony Pai Director, Brand Experience, Fuhu Company Nabi Tablet
Author image

Hsin is that rare creative talent who exceeds expectations on every project. I managed Hsin for approximately 3 years at Upper Deck, and I can honestly say that he is one of the most talented, driven, and responsible designers/developers I have ever worked with. Whenever I handed a project to Hsin, I considered it already done; he never failed to deliver by deadline, and his creative talent and knowledge of web development allowed me the peace of mind to know that the project would be completed above all expectations...

Read More Read More on linkedin

Morgan Bonar Sr. Interactive Producer, Upper Deck

What I Can

I am a multidisciplinary designer with a strong background in graphics (UI) and user interactivity (UX).

As a former web artist turned UI designer and senior UI/UX design lead, I deeply understand how users interact with digital platforms. I am skilled in handling various design projects, including front-end UI style design, user testing and prototyping, user experience development, and product strategy analysis.

Design Team Management

- Manage designer
- Project development process
- Project initial requirements and direction
- Cross-teams communication
- Reviewing and providing feedback

UI Design

Designed style-guides, webpage layouts, application interfaces, and mobile app UIs
Proficient in Adobe Creative Cloud design software, such as Photoshop and Illustrator.

UX Development

Developed user flows and wireframes to define core user experience. Utilized software such as Figma, Axure, Adobe XD, and Lucidchart to create user experiences plan.

Web Design

Adobe Dreamweaver for web design with hand-coding HTML and CSS stylesheet.

Product Strategy

Teardown research for competitor products, user journey mapping study, UI/UX designer training, BI (Business Intelligence) Data research.

User Research

Created user testing plan scripts and conducted user test/interview observations. Additionally, I documented test reports and key findings from the exploration, iteration, and validation stages of user testing.


Created prototypes using tools such as Figma, Axure, Origami, Sketch, and Adobe-XD prototypes based on testing needs and goals.


Recent UI / UX Projects

The Last GameBoard OP System UX/UI design Project

Android large touch-screen product

View More

I was involved with The Last GameBoard, a sizable 16” x 16” touchscreen game console that allows users to collectively explore, shop, install, and enjoy digital board games. My role encompassed mapping out key user flows and creating detailed wireframes for interactions and functions. I also collaborated closely with an artist to define the product's visual aesthetic. The project was fascinating but challenging, as it covered a wide range of scenarios for a new digital game console. Notably, there were no competitor products on the market at the time to serve as reference points. Click here for the complete UX design document.

The Last GameBoard Style-Guld

PDF and Figma

View More

A significant design style guide can infuse a product with distinct characteristics and give users a unique personality. Collaborating closely with the Last GameBoard's art director, I meticulously assembled the puzzle step by step. Our process commenced with crafting the primary color scheme and establishing the central style for key elements. The outcome was a comprehensive design guide that serves as a valuable resource for designers and developers alike. This guide ensures a streamlined approach, enabling them to create content and features more efficiently and expeditiously. Click here to download Style Guide PDF.

Last GameBoard mobile App Design

Android & iOS mobile App

View More

The Last GameBoard App, also called "Gameboard Companion: Join Play," marked a transformative project that converted users' mobile phones into game access keys and controllers. This innovative app facilitated seamless local WiFi or internet pairing, connecting users to the Gameboard device. My role encompassed comprehensive responsibilities, beginning with defining user flows and creating an app site map. This laid the foundation for the subsequent phase of my involvement, wherein I undertook the development下午 08:26 2023/9/6 of the entire interface.
Click here to download complete UI PDF | Click here to download the user flows and wireframes | Click here forFigma Prototype

My Math Academy Learning App Project

Web and mobile application

View More

As a Senior UX Designer in the Age of Learning MMA team, my main gig was ensuring our games and activities were a breeze for our young users to jump into. Our games were like a fun math lesson party – they mixed cool curriculum stuff, especially math, into awesome virtual worlds. Kids got to tackle both the math challenges and the game adventures. My task was to find that perfect sweet spot, blending excitement, fun, and learning all rolled into one awesome experience for the students.

2BeLive web communication meeting platform

Desktop and Laptop web meeting service

View More

2Belive is your go-to online hangout spot, but with a twist – it's tailored exclusively for school and education needs. Picture this: online video meetings built just for learning. So, here's what I did: armed with feature requests and after some brainstorming sessions with the team, I played the wireframes wizard. I pieced together the layout for all the important bits in each session. And then, ta-da, I whipped up the first UI design mockups that set the tone for the whole experience. Click here to see the Wireframes PDF

MMA 3rd-5th Grade Math Activity UX/UI Development - Wireframes/Prototypes

Web and mobile application

View More

I teamed up with curriculum and game designers in this project to create awesome UX for 3rd to 5th-grade math games. These games were a step up from the usual, diving into division and fractions. To make sure everything was super clear, I crafted wireframes and interactive prototypes. These prototypes weren't just for looks – they were the MVPs for pitching ideas and testing with the users. Click here to see Division prototype and Multiplication prototype

Featured Works

Projects with DMAI Company

AILA - Animal Island Learning Adventure Child APP Project

Android and iOS Tablets

View More

AILA (Animal Island Learning Adventure) is an early education mobile app designed for preschool children. It featured 12 units (120 education activities) of curriculum progress. The design aimed to provide young users with an understandable/learnable interface with a joyful learning experience. Besides, it also offers complete parental controls such as screen-time limits and child usage reports. Click here for the complete UX/UI design document.

AILA Parent APP Project

Android and iOS smart-phone

View More

Bundled with the AILA child app, the AILA parent app is a smartphone app that provides AILA parents with an easy way to monitor and manage their children's accounts. It can remotely edit the child's account, view the daily usage report, and oversee their learning progress. The app is related to the AILA child app but needs to redesign the overall style for the interface to fit with the parent users. Click here to see the design UX documents (user flows and wireframes).

MAIA - US K-12 E-Learning Website

Cognitive AI Education/tutorial site

View More

MAIA is an adaptive, AI-powered learning chatbot for K-12 English Language Learners. MAIA empowers teachers by giving them the ability to provide personalized instruction to each ELL student through frontloading lessons. What you see above are the mockups for redesigning the product interfaces. It is still undergoing development. By revising the UI design, we will provide users with a better visual experience.
Click here see the original UI design | Click here to see the user flows and wireframes

DMAI Authoring Tool Project

Web Application

View More

DMAI Authoring Tool is a web application that enables users to create learning content, lessons, and courses using text, media, and interactions. Mainly, such content is developed for use in LMS and can be saved in various formats. It is still an ongoing project, and I was in charge of helping them redefine all the user experience and functions. The complete user flows/sitemap and wireframes for all the features allow both UX/UI designers and developers to obtain a clear view of the entire product.
Click here to browse the complete UX/PDF document

UX/UI Project Design and Review Process

Presentation and Team training

View More

When I joined DMAI as a senior UX/UI design lead, one of the biggest missions was to help them define and set up a standard process for project development from the beginning through the approval and delivery. The process involves cross-team members such as the product owner, project manager, tech lead, and marketing lead. After the presentation and instruction, people from different teams learned about what roles they would play and what is responsible in each stage.
Click here to see the Presentation PDF

DMAI Authoring Tool Re-Branding Project

Web Application UI design

View More

While engineers were developing all the features for the Authoring Tool site, we also planned to redesign the theme style for better branding and visual quality. These mockups covered the main screens for the Authoring Tool website.


User Experience Projects

Book App UX Concept Development

ABCmouse.com Reading IQ App

View More

Reading IQ is a new ABCmouse book app released recently for iOS and Android devices. It is designed to help kids ages 2-12 learn to read with thousands of digital books. I led the early development of the core UX design, including the onboarding process, content browsing experience, and personalizing features. This concept document was designed as a mobile (phone) first. The app was released in Nov 2018 and soon became one of the most popular book apps on the Apple App Store and Google Play Store.

Download PDF

ABCmouse - Pet Park Re-Design Project

Game Experience

View More

The pet park was one of the existing core features on ABCmouse.com. Initially, it was designed for young users to have a virtual pet that they could feed or water the pet. Also, the team can promote some educational activities by showing them on the pet screen. However, after it was released, they discovered that after visiting the section, most users wouldn't come back anymore. I was the creative and UI lead on this project, and I had to find out what caused the users to leave and how we could improve the user experience. The new pet park was released a few months ago, and quickly the average time users spend and the rate of revisiting were both increases over 35%. I am glad it works great.

Download PDF Open Prorotype

ABCmouse Learning Path UX Concept

Story/Game Like Learning Experience

View More

Another existing key feature on ABCmouse.com that needed to be redesigned. The Learning Path is a section that provides a series of learning activities that young users need to do individually. It has a similar problem to the pet park in that young users got tired and bored quickly after trying a few times and hardly revisited the section. When we have this type of UX issue, I will always start with inspecting/defining the issue. In this case, no initial motivation can drive young users to keep doing the learning activities (the ticket reward is not working). Therefore, I decided to build a game/story-like user experience and combine it with a series of learning activities. I create the wireframes and prototypes and put them to user testing with pre-k through 2nd-grade children. The test result turned out very impressive. The users' engagement was improved hugely. The storyline attracted all the tested kids, and they couldn't stop playing more activities. This project is now under the design and production process and should be able to be released soon.

Download PDF Watch Video

User Flows Developing

ABCmouse main content features

View More

Here are some of my previous user flows documents. User flows are essential for mapping out the concept for a project and providing the designer with a vision of how the users will go through the process to reach their goals. Moreover, the designers and developers can visually review the logical flows of the concept, make sure it is technically accurate, and cover all scenarios and requirements. Please download the PDF files for the details.

Download PDF

ABCmouse Homescreen Content CMS Development

User flows/Wireframes Document

View More

The main objective of this project was to provide the ABCmouse site master with a clear and well-organized web application to manage the ABCmouse home-screen content. The site master will have access to upload/remove banners, set up the specific display time, choose the particular group of users to display, and submit changes for QA review. I was in charge of mapping out all the main features with the user flows and mocking up the general wireframes with the detailed functionality description so we could go over and review the plan.

Download PDF

ABCmouse Back Button Behavior Rule Definition

Function Behavior Rule Document

View More

Back buttons are prevalent for many websites and applications. However, it is also a problem when the number of content pages and subcategories becomes bigger. It is always a question for UX designers: by clicking the back button, the users should go back to the previous page they visited or the upper level from the current viewing page. Sometimes, the rules are mixed and make its users even more confused. Therefore, I made this small document and defined the UX behavior rule on tapping/clicking the back button in the ABCmouse application so our users and developers will have a consistent rule on the back button.

Download PDF


UX Training & Researching

User Journey Research Project

ABCmouse.com Child Users

View More

One of my early missions at the Age of Learning company was helping them with user journey research. Combined with the user testing/interviewing, BI data (business intelligence), and feedback from the customer support team, we gathered all users' behavior and experience, including onboarding, core playing/learning experience, and post-experience. This was the first time at the Age of Learning that we could globally review the users' journey of using the product and look into where the user most gets the frustration. This can help the team to determine the next step of innovating the product.

Download Original PDF

Competitor Book Apps Research

Teardown & Compare Research

View More

When developing a new project, it is important to research some of the major competitors' products. By looking at these similar featured apps, we could adopt some of their nice parts and avoid some mistakes they made. This document is the final report based on four individual teardown research on each book app. It provides a clear comparison of the key features, and the best of four significant experiences include content variety, onboarding process, browsing experience, and the reading/playing experience. This can help the developing team set up the appropriate direction for the new project.

Download Original PDF

Designer Training Presentation

User Testing Approach

View More

I worked with five other junior-mid-level UX designers at the Age of Learning company. As a leader, I supervise their work and help them by sharing my knowledge. Routinely, I will arrange team training meetings with presentations that are about new design principles or how to be a better designer. This example presentation was to train our UX designers on doing user tests with an appropriate approach from the beginning of the preparation for the test to analyzing the test data and writing the report after the test.

Download PDF

Competitor Software Teardown Research

Daily Reward System Teardown for Netmarble - Marvel Future Fight

View More

This is teardown research for Marvel Future Fight, a popular mobile game. The primary purpose was to study its daily challenges and rewards systems and see how it could improve the users' engagement in revisiting the app and playing more. By looking into some other competitor's products, we could quickly adopt something they are doing good and avoid some mistakes they might have. This is one of the critical steps before we really start developing a new concept for a project.

Download PDF

Instructional Presentation

UX designer training for Scrum Process

View More

This PDF document was created for an internal training session to help other UI/UX designers understand how they should collaborate when joining a Scrum team and their roles as team players. One of the most important concepts I shared was the value between product owners, programmers, and UI/UX designers. On page 10, you will see how they might affect each other, and the perfect solution/result will only be satisfied by these three aspects.

Download PDF

User testing Review/report

ABCmouse children shopping experience redesign

View More

To validate the concept of new user experience, it is important to run the prototype test with real target users. This is an example PDF document for reviewing the user testing and reporting the key learnings from the test. As a senior UX design Lead, I will conduct user tests from beginning to end, including defining the test goals, preparing the prototype and test script, observing the test, writing my test review, and presenting the test result to the team.

Download PDF

Featured Works

User Interface Design Projects

Nabi 2 Tablet UI Design

Android Tablet OS UI Design

View More

Nabi 2 Kids Mode is an Android-based system that features parental control. It is designed specifically for children to give parents peace of mind by protecting their kids from any inappropriate content. I was honored to work on this project from concept to user flows and was in charge of the system settings and Sync functions.

Nabi XD Launcher Project

Android Tablet OS UI Design

View More

Nabi XD Launcher (also called "Smart Screen") was released at the end of 2012. Nabi XD tablets targeted audience is teenagers. To make the product more customizable, we provided users a way to set up their screens and allow dynamic home screens upon time and location. As the lead designer on UI and UX for this project, I worked closely with other designers and engineers to ensure the UI and flows met the business objectives.

Spinlet Plus TV APP Design

Online Video Stream APP for Kids

View More

Spinlet+ TV is an online cartoon streaming and watching application for kids. It is supported by Cookie Jar TV, which has over 700 hours of kid-safe entertainment. The challenge was designing the UI and UX that kids could use without trouble. I had to conduct extensive research to understand kids' behavior to make it a successful product. Many questions were essential in solving the puzzle. I was put in charge of this project to design and develop the visual solution and make sure all UI and UX would be comprehensive and enjoyable for kid users. This app soon became one of the key features for all nearby tablets.

Nabigator Parental App

Mobile App UI/UX Design

View More

Nabigator is an Android and iOS app for parents to install on their cell-phone so they can remotely do all the parental controls on their kid’s tablets. Moreover, it also connects with kid’s tablets via instant messages, email, and shared photos. I was in charge of developing the UI/UX for this project. One of the biggest challenges was the consistent issue of UI and UX patterns cross the whole application because it combines more than eight different individual Apps into one. I spent a long time redefining the app so users can use the app with a smooth and united user experience.

Nabi Sync Application

Desktop Application UI/UX Design

View More

Just as it was named, Nabi Sync is a PC and MAC application that allows users to synchronize photos, music, and movies and transfer them to and from the Nabi tablet. One of the things that no one had tried before (at that time) was that we had to figure out how to make this happen "WIRELESSLY." The sync function is common for most platforms, but syncing with no cord is a whole new story. Questions like "How a user can get started?", "What should they look like first?" pops up instantly. Most importantly, how can we ensure that young users will still be protected by parental control? All these questions are where I would come in handy.

Nabi App Zone

Tablet App Store for Kids, UI/UX Design

View More

The Nabi App Zone is an application that young users can buy, download, and manage their apps, music, eBooks, and movies from their Nabi tablets. In other words, it's just like a Nabi version of iTune, but all contents are pre-selected and are appropriate for kids. I was assigned to oversee the checkout process and purchase section. Working with other designers and providing my commentary (feedback) was a pleasure. Sometimes, the best way to learn is to teach.


Web and Visual Design

World of Warcract TCG Official Site

Web Design

View More

This was one of the web projects that I am most proud of. It was the official website for World of Warcraft TCG (one of the most popular trading card games in the US) for Upper Deck company. I was responsible for creating and maintaining the entire website for new products and events. It is designed to match the original WOW theme closely. Sadly, the site is no longer live.

Yu-Gi-Oh TCG Official Site

Web Design

Web Design

What is the world's most popular TCG game? The answer might be simple: Yu-Gi-Oh! (A card game manufactured by Konami). I was asked to re-design the official Yu-Gi_Oh website for the US market in 2008. I had to make sure the style would fit Konami's guidelines, but we will still have some features we wanted to add. Again, to my dismay, Upper Deck is no longer running this product.

Nabi Point of Sale Mockup

Graphic/Photoshop Design

View More

POS (point of sale) is the battlefront where a product will fight its competitor. At FUHU company, I would often help the marketing team come up with the highest quality POS image like this one. That is very helpful and critical of them when making a business proposal because we need to visually show our business partners the best ideas to earn their business. This example was made in a day using Adobe Photoshop only (no 3D software).

Mini Mogul GAME UI Design

Game Development

View More

I am majoring in Interactive Design and Game Development at SCAD. Therefore, I am well-qualified to work on game UI and UX. Mini Mogul was a preloaded game for a newbie tablet. I was in charge of the UI side of this project. In the game, kids can build their town and street, accomplish small quests, and earn virtual currency to buy stuff. I aimed to provide users with an interesting and playable game environment and experience. It allows them to get into the game and characters smoothly. Encourage them to spend more time on this game.

Nabi Tablet Packages

Package Design

View More

Even though I won't call myself a packaging designer, I often have to help out with my Photoshop skills. Whenever they need a high-quality package mockup for any marketing purpose, they know who to talk to. Here are a few good examples to show you what I mean by "High Quality." Remember, no 3D software was used for any design you see on this site.

Photoshop for Product

Graphic/Image Design

View More

Sometimes, photography itself can't present the best of a product. That is why they need someone just like me, a Photoshop freak. I can use Photoshop on almost any design project and surprise you every single time, regardless of whether it's a beautiful product image for the package or for the online marketplace.

Contact Me

Please feel free to reach out to me for career opportunities or to discuss any areas where my expertise might be of value. I'm always interested in connecting with others and hearing new ideas, so don't hesitate to get in touch.

ponywang6393@gmail.com Email preferred, I regularly check my email several times per day to ensure people who contact me will be responded quickly.