JennyLiu

UberEats: Umi

A personalized voice assistant that aids hands-free food ordering.

个性化智能语音助手概念设计，帮助用户在开车等不方便的时刻用语音寻找附近餐厅、提供智能化的点菜下单等服务。

UberEats: Umi

——

A personalized voice assistant that aids hands-free food ordering.

——

个性化智能语音助手概念设计，帮助用户在开车等不方便的时刻用语音寻找附近餐厅、提供智能化的点菜下单等服务。

BRIEF

UberEats currently delivers food to millions of users all around the world. But for users that are behind the wheel, visually impaired, or simply prefer to multi-task, ordering food online can be a tricky task. How can we introduce a CUI (conversational user interface) assistant into the existing food ordering ecosystem to heighten the ordering experience?

优步优食（UberEats）目前向全球数百万用户提供外卖服务。但对于正在驾驶中、视力受损或喜欢一心多用的用户来说，在手机上以常规的模式点外卖反倒成为一件麻烦事。在本项目中，我们着重研究了如何将CUI (conversational user interface) 语音助手引入现有的食品订购生态系统，以提高订购体验。

Our answer was Umi, our CUI assistant designed to help users under any circumstances to order from UberEats in an effortless, efficient, and personalized way through visual, sound, and voice. At the same time, Umi also optimizes the order-delivery process for restaurants and resolution of customer issues. We hope through targeting multiple stakeholders and pain points, Umi can truly become part of the food ordering ecosystem.

于是我们以目前的UberEats手机App为基础，设计了Umi，一个结合了视觉，声音，语音的专属助手。Umi面向食客，帮助用户在各种环境下能够更加轻松、高效、智能地从优步餐厅订购美食。同时也面向加盟优步优食的餐厅，优化从接单到用户取餐的流程，帮助解决商家与顾客的矛盾。通过多面向、多切入点的设计，我们希望Umi能真正成为饮食体系中不可或缺的一环。

INFO

Year 2022

Type CUI / Animation交互设计 / 动画

Tools Ae, Ps, Figma

Relevant Link Mentor: Kyuha Shim, High-def video 导师: Kyuha Shim, 高清视频

UberEats currently delivers food to millions of users all around the world. But for users that are behind the wheel, visually impaired, or simply prefer to multi-task, ordering food online can be a tricky task. How can we introduce a CUI (conversational user interface) assistant into the existing food ordering ecosystem to heighten the ordering experience?

优步优食（UberEats）目前向全球数百万用户提供外卖服务。但对于正在驾驶中、视力受损或喜欢一心多用的用户来说，在手机上以常规的模式点外卖反倒成为一件麻烦事。在本项目中，我们着重研究了如何将CUI (conversational user interface) 语音助手引入现有的食品订购生态系统，以提高订购体验。

Our answer was Umi, our CUI assistant designed to help users under any circumstances to order from UberEats in an effortless, efficient, and personalized way through visual, sound, and voice. At the same time, Umi also optimizes the order-delivery process for restaurants and resolution of customer issues. We hope through targeting multiple stakeholders and pain points, Umi can truly become part of the food ordering ecosystem.

于是我们以目前的UberEats手机App为基础，设计了Umi，一个结合了视觉，声音，语音的专属助手。Umi面向食客，帮助用户在各种环境下能够更加轻松、高效、智能地从优步餐厅订购美食。同时也面向加盟优步优食的餐厅，优化从接单到用户取餐的流程，帮助解决商家与顾客的矛盾。通过多面向、多切入点的设计，我们希望Umi能真正成为饮食体系中不可或缺的一环。

Year 2022

Type CUI / Animation交互设计 / 动画

Tools Ae, Ps, Figma

Relevant Link Instructor: Kyuha Shim, High-def video 导师: Kyuha Shim, 高清视频

OUTCOME

[hide]

JOURNEY

[hide]

Next->

下一个项目->

AIGA: Hue are you?

A designer value test that puts one into a broader data visualization of a bigger designer community with color.

一个面向设计师的价值观测试网站。利用数据可视化让设计师了解自己和整个设计师群体的价值观分布。

AIGA:
Hue are you?

——

A designer value test that puts you into a broader data visualization of a bigger designer community with color.

——

一个面向设计师的价值观测试网站。利用数据可视化让设计师了解自己和整个设计师群体的价值观分布。

BRIEF

Values impact our work and drive why we design. However, how do the values we hold as individuals fit in the broader design community? What are the values that motivate others to design?

Using the AIGA 2019 Design Census data, #HUEAREYOU uses HEX codes to visualize the unique values each designer holds in the community. As users enter the site, they are encouraged to see where they fit in the community visualization by taking a quiz that measures their priorities and values, giving them a personalized HEX code.

对于设计师而言，三观不仅影响着我们的生活，更会推动我们的设计作品。作为广大设计师群体的中的小小个体，你是否会好奇这些思想上的因素如何影响我们的对设计工作的态度？我们的同行业同事、朋友是否和我们持有一致的价值观？

利用AIGA 2019年的一万余条设计普查数据，#HUEAREYOU网站使用hex code来可视化每个设计师在社区中持有的独特价值观。用户还可以通过一个藏有各种小彩蛋的简单问卷来获得代表自己的hex code，获得颜色解读，并查看自己在社区可视化中的位置。

INFO

Year 2022

Type Web / UIUX 网站 / 交互设计

Tools Html/Css, Php, MySQL, Figma

Relevant Link Take the quiz now and see where u stand! , Full process documentation HRU网站 , 设计过程

Values impact our work and drive why we design. However, how do the values we hold as individuals fit in the broader design community? What are the values that motivate others to design?

Using the AIGA 2019 Design Census data, #HUEAREYOU uses HEX codes to visualize the unique values each designer holds in the community. As users enter the site, they are encouraged to see where they fit in the community visualization by taking a quiz that measures their priorities and values, giving them a personalized HEX code.

对于设计师而言，三观不仅影响着我们的生活，更会推动我们的设计作品。作为广大设计师群体的中的小小个体，你是否会好奇这些思想上的因素如何影响我们的对设计工作的态度？我们的同行业同事、朋友是否和我们持有一致的价值观？

利用AIGA 2019年的一万余条设计普查数据，#HUEAREYOU网站使用hex code来可视化每个设计师在社区中持有的独特价值观。用户还可以通过一个藏有各种小彩蛋的简单问卷来获得代表自己的hex code，获得颜色解读，并查看自己在社区可视化中的位置。

Year 2022

Type Web / UIUX 网站 / 交互设计

Tools Html/Css, Php, MySQL, Figma

Relevant Link Live site , Full process documentation HRU网站 , 设计过程

OUTCOME

[hide]

JOURNEY

[hide]

Next->

下一个项目->

UX for AI

Building a tool for designers to explore and navigate cutting-edge AI technologies.

网站UIUX设计。意在普及AI科技及AI的应用方式,为用户提供快捷的浏览，检索方式。

UX for AI

——

Building a tool for designers to explore and navigate cutting-edge AI technologies.

——

网站UIUX设计。意在普及AI科技及AI的应用方式,为用户提供快捷的浏览，检索方式。

BRIEF

Artificial intelligence (AI) plays an increasingly important role in the user experience (UX) of products and services. Yet, research shows that one challenge many designers face is with understanding what AI can do.

Project UX of AI aims to build a tool that helps designers to work with existing AI capabilities effectively. I worked as a research assistant, focusing on ideating the website's structure and look and creating the site's visual content. This is still an ongoing project @CMU HCII.

人工智能（AI）在的各类产品和服务的用户体验(UX)中发挥着越来越重要的作用。许多设计师想要把AI结合进他们设计，却苦于不知道当今的AI到底能实现什么功能，能被如何运用。

UX of AI 项目旨在构建一个能帮助设计师有效利用现有的AI能力的网站或App。我为该项目担任研究助理，专注于设计网站的信息结构和UI，并按需绘制网站的视觉内容。目前这是一个CMU HCII正在进行的研究项目。

INFO

Year 2022

Type Illustration / UIUX 插画 / 交互设计

Tools Ps, Procreate, Figma

Relevant Link Mentor: John Zimmerman , Mentor: Nur Yildirim 导师: John Zimmerman , 导师: Nur Yildirim

Artificial intelligence (AI) plays an increasingly important role in the user experience (UX) of products and services. Yet, research shows that one challenge many designers face is with understanding what AI can do.

Project UX of AI aims to build a tool that helps designers to work with existing AI capabilities effectively. I worked as a research assistant, focusing on ideating the website's structure and look and creating the site's visual content. This is still an ongoing project @CMU HCII.

人工智能（AI）在的各类产品和服务的用户体验(UX)中发挥着越来越重要的作用。许多设计师想要把AI结合进他们设计，却苦于不知道当今的AI到底能实现什么功能，能被如何运用。

UX of AI 项目旨在构建一个能帮助设计师有效利用现有的AI能力的网站或App。我为该项目担任研究助理，专注于设计网站的信息结构和UI，并按需绘制网站的视觉内容。目前这是一个CMU HCII正在进行的研究项目。

Year 2022

Type Illustration / UIUX 插画 / 交互设计

Tools Ps, Procreate, Figma

Relevant Link Faculty Mentor: John Zimmerman , Mentor: Nur Yildirim 导师: John Zimmerman , 导师: Nur Yildirim

OUTCOME

[hide]

Next->

下一个项目->

Broadband Equity

A animation advocating for Broadband Equity.

倡导网络连接平等的公益动画短片。

Broadband Equity

——

A animation advocating for Broadband Equity.

——

倡导网络连接平等的公益动画短片。

BRIEF

High-speed connectivity is a necessary form of transportation in the 21st Century. This project aims to help raise awareness and tell the story of Southwestern Pennsylvania's true state of broadband connectivity, helping give a voice to the most vulnerable populations who are unserved or underserved by current connectivity through a video and various social media branding materials.

网络是21世纪人们生活中必不可少的元素。该项目旨在通过视频、各种视觉社交媒体材料、实体周边产品来提高美国宾州居民对本地网络状况的关注。从而帮助目前无网可用的弱势的人群发出呼声。

INFO

Year 2021

Type Animation 动画

Tools Ae, Ps, Ai

Relevant Link Partner/Client: Southwestern Pennsylvania Commission, High-def video 合作方/客户: 宾州西南部委员会, 高清视频

High-speed connectivity is a necessary form of transportation in the 21st Century. This project aims to help raise awareness and tell the story of Southwestern Pennsylvania's true state of broadband connectivity, helping give a voice to the most vulnerable populations who are unserved or underserved by current connectivity through a video and various social media branding materials.

网络是21世纪人们生活中必不可少的元素。该项目旨在通过视频、各种视觉社交媒体材料、实体周边产品来提高美国宾州居民对本地网络状况的关注。从而帮助目前无网可用的弱势的人群发出呼声。

Year 2021

Type Animation 动画

Tools Ae, Ps, Ai

Relevant Link Partner/Client: Southwestern Pennsylvania Commission, High-def video 合作方/客户: 宾州西南部委员会, 高清视频

Next->

下一个项目->

Construction Junction App Redesign

Reorienting product-heavy business toward a service approach; building a mobile-first app based on existing business website.

帮助匹兹堡企业的实体产品行业转型为服务行业；改进现有网站，添加功能，设计相应的手机端APP。

Construction Junction App Redesign

——

Reorienting product-heavy business toward a service approach; building a mobile-first app based on existing business website.

——

帮助匹兹堡企业的实体产品行业转型为服务行业；改进现有网站，添加功能，设计相应的手机端APP。

BRIEF

Construction Junction (CJ) is a local Pittsburgh business with the mission to promote conservation through the reuse of building materials. This client project helps CJ to optimize its donation—pickup flow and build an eco-friendly online community base with a newly branded mobile-first approach. The resulting mobile app leave materials donors with a hassle-free and rewarding experience accessible from anywhere.

Construction Junction（CJ）是Pittsburgh当地的一家专注于建筑材料回收再利用的企业。该项目帮助CJ优化其募捐，取货，送货流程，并通过手机app建立稳定的在线社区。该App补足了企业原有的网站平台，在手机上为材料捐助者提供了一个快捷明了、互动性更强的使用体验。

INFO

Year 2022

Type App / UIUX 手机App / 交互设计

Tools Figma, Ps

Relevant Link Clickable prototype & process book 可点击Figma原型

Construction Junction (CJ) is a local Pittsburgh business with the mission to promote conservation through the reuse of building materials. This client project helps CJ to optimize its donation—pickup flow and build an eco-friendly online community base with a newly branded mobile-first approach. The resulting mobile app leave materials donors with a hassle-free and rewarding experience accessible from anywhere.

Construction Junction（CJ）是Pittsburgh当地的一家专注于建筑材料回收再利用的企业。该项目帮助CJ优化其募捐，取货，送货流程，并通过手机app建立稳定的在线社区。该App补足了企业原有的网站平台，在手机上为材料捐助者提供了一个快捷明了、互动性更强的使用体验。

Year 2022

Type App / UIUX 手机App / 交互设计

Tools Figma, Ps

Relevant Link Clickable prototype & process book 可点击Figma原型

OUTCOME

[hide]

Next->

下一个项目->

Pittsburgh Public art

In-depth researches on how we might increase personal connections between viewers and public art.

就如“何提高公共艺术的公众参与度”进行较深入的用户调研。

Pittsburgh
Public art

——

In-depth researches on how we might increase personal connections between viewers and public art.

——

就如“何提高公共艺术的公众参与度”进行较深入的用户调研。

BRIEF

Public art, though abundant in large cities, feels indifferent to most passengers. Many public arts fail to invoke viewers’ feelings and are unsuccessful in establishing personal connections. So, we chose to investigate: how might we increase the personal connections between viewers and the art? Through interviews and contextual methods, our research implied that establishing a sense of belonging in a city consists of a four-step process: attraction, information, conversation, and recollection, which we have simplified to AICR. This page is a quick walk-through of the research process and final insights.

This is a project from HCI core course, User-Centered Research and Evaluation (UCRE). I enjoyed working with three wonderful graduate & undergraduate CMU students from mixed majors.

(There are quite a lot of images for this project! Please use the alternate pdf linked below if it's too long to load. ;)

大大小小的公共艺术散布在城市的角落，但大多过客对其漠不关心。许多公共艺术无法唤起观众的情感，也无法与民众建立个联系。该项目主要研究了如何在观众和城市公共艺术之间建立个人联系？通过访谈和语境方法，我们的研究表明，在城市中建立归属感包括四个步骤：吸引关注、传达信息、建立对话和制造回忆，我们将其简化为AICR。本页将简要展示研究过程和成果。

这是人机交互专业的核心课程“以用户为中心的研究与评估”（UCRE）的final project。很高兴能与三位来自不同专业的CMU研究生和本科生一起完成。

(本页图片较多，如果加载太慢的话请使用链接中提供的pdf，内容是相同的~ ;)

INFO

Year 2020

Type Research 研究

Tools --

Relevant Link Partner/Client: Metro21 Smart Cities Institute, Pdf 合作方/客户: Metro21 智慧城市研究院, Pdf

Public art, though abundant in large cities, feels indifferent to most passengers. Many public arts fail to invoke viewers’ feelings and are unsuccessful in establishing personal connections. So, we chose to investigate: how might we increase the personal connections between viewers and the art? Through interviews and contextual methods, our research implied that establishing a sense of belonging in a city consists of a four-step process: attraction, information, conversation, and recollection, which we have simplified to AICR. This page is a quick walk-through of the research process and final insights.

This is a project from HCI core course, User-Centered Research and Evaluation (UCRE). I enjoyed working with three wonderful graduate & undergraduate CMU students from mixed majors.

(There are quite a lot of images for this project! Please use the alternate pdf linked below if it's too long to load. ;)

大大小小的公共艺术散布在城市的角落，但大多过客对其漠不关心。许多公共艺术无法唤起观众的情感，也无法与民众建立个联系。该项目主要研究了如何在观众和城市公共艺术之间建立个人联系？通过访谈和语境方法，我们的研究表明，在城市中建立归属感包括四个步骤：吸引关注、传达信息、建立对话和制造回忆，我们将其简化为AICR。本页将简要展示研究过程和成果。

这是人机交互专业的核心课程“以用户为中心的研究与评估”（UCRE）的final project。很高兴能与三位来自不同专业的CMU研究生和本科生一起完成。

(本页图片较多，如果加载太慢的话请使用链接中提供的pdf，内容是相同的~ ;)

Year 2020

Type Research 研究

Tools --

Relevant Link Partner/Client: Metro21 Smart Cities Institute, Pdf 合作方/客户: Metro21 智慧城市研究院, Pdf

OUTCOME

[hide]

Next->

下一个项目->

Design Hero

A multimedia, 4-part project celebrating Dr.Edward Tufte's work.

从四个维度（动画、网页、手机应用、纸质书）介绍著名设计师Edward Tufte的设计作品。

Design Hero

——

A multimedia, 4-part project celebrating Dr.Edward Tufte's work.

——

从四个维度（动画、网页、手机应用、纸质书）介绍著名设计师Edward Tufte的设计作品。

BRIEF

Many designers have their own design heroes that guide their lives and careers. For me, one among them is Dr. Edward Tufte. In this multi-part project, I created a booklet, a short informational video & a multipage website to showcase and celebrate his inspirational book designs, data visualizations, and landscape arts.

许多设计师都有自己的标杆，业界前辈启发着我们，为我们的设计指明方向。对我来说，其中之一就是信息设计大师Edward Tufte。此项目通过多种媒体形式来展示和介绍他极具感召力的书籍、数据可视化和景观艺术。

INFO

Year 2020

Type Animation / Print / Web 动画 / 印刷品 / 网站

Tools Ae, Indesign, Html/Css

Relevant Link Live site, High-def video of the mobile view, High-def video of the short film 网站部分链接, 高清视频（手机app部分）, 高清视频（短片）

Many designers have their own design heroes that guide their lives and careers. For me, one among them is Dr. Edward Tufte. In this multi-part project, I created a booklet, a short informational video & a multipage website to showcase and celebrate his inspirational book designs, data visualizations, and landscape arts.

许多设计师都有自己的标杆，业界前辈启发着我们，为我们的设计指明方向。对我来说，其中之一就是信息设计大师Edward Tufte。此项目通过多种媒体形式来展示和介绍他极具感召力的书籍、数据可视化和景观艺术。

Year 2020

Type Animation / Print / Web 动画 / 印刷品 / 网站

Tools Ae, Indesign, Html/Css

Relevant Link Live site, High-def video of the mobile experience, High-def video of the short film 网站部分链接, 高清视频（手机app部分）, 高清视频（短片）

OUTCOME

[hide]

Next->

下一个项目->

Color & Type & Motion Studies

BRIEF

Pieces from here and there. I absolutely love to play with graphics, color, and type, still or in motion, big or small. Observing how images reside on products and in environments helps me grow and brings me joy.

各类小作品，小练习合集。

INFO

Year --

Type --

Tools Various

Pieces from here and there. I absolutely love to play with graphics, color, and type, still or in motion, big or small. Observing how images reside on products and in environments helps me grow and brings me joy.

各类小作品，小练习合集。

Year --

Type --

Tools Various

OUTCOME

[hide]

Next->

下一个项目->

Daily Sketches

F21 Daily Sketches

BRIEF

Draw something every day ;)

修勤不缀，每日一画。

INFO

Year 2021

Type Drawing 速写

Tools Procreate

Draw something every day ;)

修勤不缀，每日一画。

INFO

Year 2021

Type Drawing 速写

Tools Procreate

OUTCOME

[hide]

Next->

下一个项目->

Phipps VR Experience

——

A personalized yet sharable VR tour designed for a local botanical garden.

——

为匹兹堡植物园定制的个性化且可分享的VR游园体验。

The project orients to make existing activities at Phipps, a well-loved Pittsburgh Plant Conservatory, more relatable and memorable with advanced techs such as Vive gaze tracking and other MR models.

The design aims to help visitors convert abstract mental representations to images and 3d models wherever they are in the browsing process. The interactions are mainly targeted at students, travelers, and parents but have something for everyone owing to a strong sharing feature.

PS: I would say the process behind the sketch video is more valuable than the final video itself. When I was building this site and collecting files for projects, I read through this medium post again. I tried to create a condensed version of it, but every bit of it is so real, memorable, and important that I couldn't get rid of any.

自1919年开园以来，Phipps一直是深受匹兹堡居民喜爱是的植物园。该项目旨在利用Vive凝视跟踪和其他Mixed Reality模型等，为 Phipps的参观体验增加一些新潮的科技元素。

该设计旨在帮助游客在浏览过程中将一些抽象的语言描述和个人想象转化为可视、可收集、可共享的图像和3d模型。互动主要针对学生、旅行者和家长。

又及：我从这个project中受益良多。个人感觉视频背后的设计流程比最终视频本身更有价值~做这个作品集网站的时候，自己又重新读一边meidum上的过程记录，本来想要写一个精简版放在这里，不过发现很难去删减，少了最开头的每一步，每一次尝试都无法得到现在这个方向和结论。想起大一入学的时候热衷于在做project时同步做炫酷的文档，结果注意力完全被分散去做文件了，没在全心全意解决该设计所要解决的问题！现在AE技术进步不少，所以看这个视频经常觉得不爽，有很多很多想改的地方，不过还是把他放在这里~当做自我留念。

INFO

Year 2019

Type VR prototyping / UX VR原型 / 交互设计

Tools Ae, Tilt Brush

Relevant Link Full process documentation , High-def video 设计过程 , 高清视频

Phipps VR Experience

——

A personalized yet sharable VR tour designed for a local botanical garden.

——

为匹兹堡植物园定制的个性化且可分享的VR游园体验。

BRIEF

The project orients to make existing activities at Phipps, a well-loved Pittsburgh Plant Conservatory, more relatable and memorable with advanced techs such as Vive gaze tracking and other MR models.

The design aims to help visitors convert abstract mental representations to images and 3d models wherever they are in the browsing process. The interactions are mainly targeted at students, travelers, and parents but have something for everyone owing to a strong sharing feature.

PS: I would say the process behind the sketch video is more valuable than the final video itself. When I was building this site and collecting files for projects, I read through this medium post again. I tried to create a condensed version of it, but every bit of it is so real, memorable, and important that I couldn't get rid of any.

自1919年开园以来，Phipps一直是深受匹兹堡居民喜爱是的植物园。该项目旨在利用Vive凝视跟踪和其他Mixed Reality模型等，为 Phipps的参观体验增加一些新潮的科技元素。

该设计旨在帮助游客在浏览过程中将一些抽象的语言描述和个人想象转化为可视、可收集、可共享的图像和3d模型。互动主要针对学生、旅行者和家长。

又及：我从这个project中受益良多。个人感觉视频背后的设计流程比最终视频本身更有价值~做这个作品集网站的时候，自己又重新读一边meidum上的过程记录，本来想要写一个精简版放在这里，不过发现很难去删减，少了最开头的每一步，每一次尝试都无法得到现在这个方向和结论。想起大一入学的时候热衷于在做project时同步做炫酷的文档，结果注意力完全被分散去做文件了，没在全心全意解决该设计所要解决的问题！现在AE技术进步不少，所以看这个视频经常觉得不爽，有很多很多想改的地方，不过还是把他放在这里~当做自我留念。

INFO

Year 2019

Type VR prototyping / UX VR原型 / 交互设计

Tools Ae, Tilt Brush

Relevant Link Full process documentation , High-def video 设计过程 , 高清视频

Next->

下一个项目->

Play for People Skills

A personalized voice assistant that aids hands-free food ordering.

Play for People Skills

——

UX research in empowering high school students to develop interpersonal skills

——

BRIEF

In collaboration with a local school district, we created a solution to boost high school students' career readiness. This included an educational guide with 10 design heuristics, empowering educators and designers to drive positive change through learning experience designs.

As a case study following our design guide, we developed a research-backed game that increased motivation for self-improvement in essential interpersonal skills. The game received praise from students, teachers, and school administrators, demonstrating its efficacy in the classroom by facilitating discussions on interpersonal skills and improving career readiness.

INFO

Year 2023

Type Research / UX / Web交互设计 / 动画

Tools Figma

In collaboration with a local school district, we created a solution to boost high school students' career readiness. This included an educational guide with 10 design heuristics, empowering educators and designers to drive positive change through learning experience designs.

As a case study following our design guide, we developed a research-backed game that increased motivation for self-improvement in essential interpersonal skills. The game received praise from students, teachers, and school administrators, demonstrating its efficacy in the classroom by facilitating discussions on interpersonal skills and improving career readiness.

Year 2022

Type CUI / Animation交互设计 / 动画

Tools Ae, Ps, Figma

Relevant Link Play for People Skills site , ,

OUTCOME

[hide]

JOURNEY

[hide]

SPECIAL NOTE

[hide]

Thank you so much to South Fayette High School for all the support with our research! I also want to express my gratitude to my team members, Rchana Ramakrishnan, Lawrence Zheng, Manvi Gupta, and Simran Chawla. Just as our HCII advisors mentioned, now we've all learned what a successful project would feel like. Best team ever!!

Next->

下一个项目->

Daily Nudges

A personalized voice assistant that aids hands-free food ordering.

Daily Nudges

——

A lifestyle app for nurturing college students' wellness via micro-actions

——

A lifestyle app for nurturing college students' wellness via micro-actions

BRIEF

Looking for better health amidst pressure? Value self-care, yet face challenges to initiate? Feel isolated on your path to wellness?

Introducing Daily Nudges — a lifestyle, mobile-based medium-term learning experience that helps college students practice wellness activities, stay informed about on-campus wellness events, and contribute to the greater campus community's well-being through taking small daily actions.

INFO

Year 2023

Type Research / UX / UI / App交互设计 / 动画

Tools Figma, Ae

Relevant Link High-def video of the click-through, Full process documentation High-def video of the click-through, Full process documentation

In collaboration with a local school district, we created a solution to boost high school students' career readiness. This included an educational guide with 10 design heuristics, empowering educators and designers to drive positive change through learning experience designs.

As a case study following our design guide, we developed a research-backed game that increased motivation for self-improvement in essential interpersonal skills. The game received praise from students, teachers, and school administrators, demonstrating its efficacy in the classroom by facilitating discussions on interpersonal skills and improving career readiness.

Year 2022

Type CUI / Animation交互设计 / 动画

Tools Ae, Ps, Figma

Relevant Link Play for People Skills site , ,

OUTCOME

[hide]

JOURNEY

[hide]

SPECIAL NOTE

[hide]

Next->

下一个项目->

The Morphies

A personalized voice assistant that aids hands-free food ordering.

The Morphies

——

A lifestyle app for nurturing college students' wellness via micro-actions

——

A lifestyle app for nurturing college students' wellness via micro-actions

BRIEF

Do you favor oral tales or stories through words and images? For me, both possess their charm — Oral stories evolve with time, while written ones ensure lasting reach. I always wondered if there is a middle ground between the two forms.

The Morphies creatively separate text and images. The main book showcases illustrations that are open for readers' interpretation, while story cards offer a curated tale from the author. Suitable for individuals and groups, parents can guide children's reading, fostering imagination and adding personal touches, allowing readers' creativity to craft a tale beyond our text.

INFO

Year 2023

Type Illustration / Print交互设计 / 动画

Tools Indesign, Illustrator

In collaboration with a local school district, we created a solution to boost high school students' career readiness. This included an educational guide with 10 design heuristics, empowering educators and designers to drive positive change through learning experience designs.

As a case study following our design guide, we developed a research-backed game that increased motivation for self-improvement in essential interpersonal skills. The game received praise from students, teachers, and school administrators, demonstrating its efficacy in the classroom by facilitating discussions on interpersonal skills and improving career readiness.

Year 2022

Type CUI / Animation交互设计 / 动画

Tools Ae, Ps, Figma

Relevant Link Play for People Skills site , ,

OUTCOME

[hide]

JOURNEY

[hide]

SPECIAL NOTE

[hide]

The author of this book is my husband, Kai. The story originally came from a bedtime story he used to tell me. When he told stories, I often interrupted, making it difficult for him to continue with his original train of thought. I suppose this is one of the inspirations behind the concept of co-creating stories. Oh, one more fun fact to share: we were still discussing and editing the writing of this book a few hours before our wedding started. :D Thanks to my dear friend Jackie Wang for posing for the product photos!! <3

Next->

下一个项目->

Sincerely

A personalized voice assistant that aids hands-free food ordering.

Sincerely

——

A seasonal publication celebrating designers around us

——

A seasonal publication celebrating designers around us

BRIEF

"Sincerely" is a student-initiated publication from CMU School of Design. We aim to celebrate inspiring designers by conducting interviews and sharing their stories through various mediums, including newsprint, web, and film.

In this first issue, let's meet a renowned calligrapher and a cherished professor, the ambassador of the 26 letters, Myrna Rosen.

INFO

Year 2023

Type Illustration / Print / Web交互设计 / 动画

Tools Indesign, Illustrator, Figma, Html/Css,

Relevant Link Read Sincerely on web, Full process documentation Read Sincerely on web, Full process documentation

In collaboration with a local school district, we created a solution to boost high school students' career readiness. This included an educational guide with 10 design heuristics, empowering educators and designers to drive positive change through learning experience designs.

As a case study following our design guide, we developed a research-backed game that increased motivation for self-improvement in essential interpersonal skills. The game received praise from students, teachers, and school administrators, demonstrating its efficacy in the classroom by facilitating discussions on interpersonal skills and improving career readiness.

Year 2022

Type CUI / Animation交互设计 / 动画

Tools Ae, Ps, Figma

Relevant Link Play for People Skills site , ,

OUTCOME

[hide]

JOURNEY

[hide]

Next->

下一个项目->

Nooktalk

A personalized voice assistant that aids hands-free food ordering.

Nooktalk

——

An experience cultivating senses of place, unity, and belonging through play

——

An experience cultivating senses of place, unity, and belonging through play

BRIEF

Located beside the Design School building, the small nook is now a neglected space design students pass by but rarely use. Our proposal seeks to transform it into an interactive playful corner, uniting the School of Design community through a light-hearted collaging activity.

Nook Talk embodies the diversity within our shared journey at the School of Design, celebrating our individuality in a communal setting.

INFO

Year 2023

Type Environment / Installation交互设计 / 动画

Tools Sketchup, 3ds Max, Figma

Relevant Link Process Documentation Process Documentation

In collaboration with a local school district, we created a solution to boost high school students' career readiness. This included an educational guide with 10 design heuristics, empowering educators and designers to drive positive change through learning experience designs.

As a case study following our design guide, we developed a research-backed game that increased motivation for self-improvement in essential interpersonal skills. The game received praise from students, teachers, and school administrators, demonstrating its efficacy in the classroom by facilitating discussions on interpersonal skills and improving career readiness.

Year 2022

Type CUI / Animation交互设计 / 动画

Tools Ae, Ps, Figma

Relevant Link Play for People Skills site , ,

OUTCOME

[hide]

JOURNEY

[hide]

SPECIAL NOTE

[hide]

This project was completed with my fellow SoD classmate and dear friend, Francis Park. My mom, an architect, used to share stories of she and her colleague listening to the radio together, working into the night with joy. After this project, I called her and told her I've found a similar group of people who are as crazy about design as I am, brimming with inspiration and constantly improving.

Next->

下一个项目->

The Birth of A New City

A personalized voice assistant that aids hands-free food ordering.

The Birth of A New City

——

Capturing a city’s metamorphosis

——

Capturing a city’s metamorphosis

BRIEF

Utilizing photography, complemented by diagrams and informative text, "The Birth of a New City" is dedicated to showcasing the remarkable transformation of Suzhou. Over a mere three decades, the area has evolved from a humble fishing village into a modern urban center. The publication's goal is to portray Suzhou's rich history, architecture, and culture through the lens of an Urban Designer, inviting the general public to engage.

This bilingual publication is laid out in both English and Chinese, maintaining a consistent equilibrium between the two languages throughout. Each page harmoniously blends visuals and text, achieving a refined balance. .A heartfelt thank you to professor, Brett Yasko, for his guidance in designing and producing this book and the knowledge and encouragement he has provided me over the years!

INFO

Year 2023

Type Print交互设计 / 动画

Tools InDesign

In collaboration with a local school district, we created a solution to boost high school students' career readiness. This included an educational guide with 10 design heuristics, empowering educators and designers to drive positive change through learning experience designs.

As a case study following our design guide, we developed a research-backed game that increased motivation for self-improvement in essential interpersonal skills. The game received praise from students, teachers, and school administrators, demonstrating its efficacy in the classroom by facilitating discussions on interpersonal skills and improving career readiness.

Year 2022

Type CUI / Animation交互设计 / 动画

Tools Ae, Ps, Figma

Relevant Link Play for People Skills site , ,

OUTCOME

[hide]

Next->

下一个项目->

The Apple Book

Exploring grids, materials, typography, and bookbinding.

通过一本书探索非常规的版式，材料，装订方法。

The Apple Book

——

Exploring grids, materials, typography, and bookbinding.

——

通过一本书探索非常规的版式，材料，装订方法。

BRIEF

The catalyst for this project was inspired by long hours on Zoom, endless days of monotonous conversations, many filled staring blankly at the computer screen. The project allowed me to dive deep into making a beautiful book that tells the story of a simple everyday object, like an Apple in this case.

The end goal was to further my understanding of grids and create a more advanced typographic system, and discover my unique visual voice as a designer.

Texts are taken from Science of the Secondary: Apple, by Atelier Hoko. The prototype book was printed with an inkjet printer & bounded manually.

这个项目的灵感是受到长时间的Zoom、没完没了的单调对话、许多人茫然地盯着电脑屏幕的启发。

长时间的远程办公总让我们的生活节奏越来越快，常常忽视了生活中的简单而美好的瞬间。这个项目通过一本传统纸质书，讲述苹果这样一个简单的日常物品的故事。

书中的文本摘自Atelier Hoko的《Science of the Secondary: Apple》。照片中的原型书是喷墨打印并纯手工装订的。

INFO

Year 2021

Type Print 印刷品

Tools InDesign, Ps

The catalyst for this project was inspired by long hours on Zoom, endless days of monotonous conversations, many filled staring blankly at the computer screen. The project allowed me to dive deep into making a beautiful book that tells the story of a simple everyday object, like an Apple in this case.

The end goal was to further my understanding of grids and create a more advanced typographic system, and discover my unique visual voice as a designer.

Texts are taken from Science of the Secondary: Apple, by Atelier Hoko. The prototype book was printed with an inkjet printer & bounded manually.

这个项目的灵感是受到长时间的Zoom、没完没了的单调对话、许多人茫然地盯着电脑屏幕的启发。

长时间的远程办公总让我们的生活节奏越来越快，常常忽视了生活中的简单而美好的瞬间。这个项目通过一本传统纸质书，讲述苹果这样一个简单的日常物品的故事。

书中的文本摘自Atelier Hoko的《Science of the Secondary: Apple》。照片中的原型书是喷墨打印并纯手工装订的。

Year 2021

Type Print 印刷品

Tools InDesign, Ps

OUTCOME

[hide]

Next->

下一个项目->

Isolation of Elderlies

Explaining a wicked problem with a giga map.

用可视化的形式探究复杂的社会问题背后的诱因及解决问题的切入点。

Isolation of Elderlies

——

Explaining a wicked problem with a giga map.

——

用可视化的形式探究复杂的社会问题背后的诱因及解决问题的切入点。

BRIEF

As a senior age, their life can become more isolated. There are many possible causes and effects of this problem. The government and various organizations have attempted to solve this wicked problem.

This map aims to explain the root causes, major effects, and current solutions of the issue, as well as the reasons at different scales. Through visualization of the system of the wicked problem, we, as designers and system thinkers, have come up with a couple of justifiable solutions.

空巢老人数量增加是当今社会的一大的问题。随着年龄的增长，一些老人的生活会变得愈加孤立。然而该问题背后的原因错综复杂。该图旨在探索老人社交孤立的根本原因、主要影响，在社会，家庭，个人层面提出可能的解决方案。

INFO

Year 2019

Type Mapping / Systems

Tools Figma, Ai

Relevant Link Pdf of the map Pdf

As a senior age, their life can become more isolated. There are many possible causes and effects of this problem. The government and various organizations have attempted to solve this wicked problem.

This map aims to explain the root causes, major effects, and current solutions of the issue, as well as the reasons at different scales. Through visualization of the system of the wicked problem, we, as designers and system thinkers, have come up with a couple of justifiable solutions.

空巢老人数量增加是当今社会的一大的问题。随着年龄的增长，一些老人的生活会变得愈加孤立。然而该问题背后的原因错综复杂。该图旨在探索老人社交孤立的根本原因、主要影响，在社会，家庭，个人层面提出可能的解决方案。

Year 2019

Type Mapping / Systems

Tools Figma, Ai

Relevant Link Pdf of the map Pdf

OUTCOME

[hide]

Next->

下一个项目->

Pads, Tampons, Cups, and more

A guidebook and starter kit designed for young teens, persuading them to feel more empowered to have conversations about their menstrual cycles.

Pads, Tampons, Cups, and more

——

A guidebook and starter kit designed for young teens, persuading them to feel more empowered to have conversations about their menstrual cycles.

——

A guidebook and starter kit designed for young teens, persuading them to feel more empowered to have conversations about their menstrual cycles.

BRIEF

Although there is a plethora of information about menstrual cycles available to us on the internet and in print, this information can be difficult to access for young girls getting their periods for the first time. Oftentimes, this information can also be misleading and does not capture a diverse array of experiences. Our project aims to persuade young girls going through puberty to feel more empowered to have conversations, seek help, and learn more about their menstrual cycles. We also aim to communicate that there is no one-size-fits-all when it comes to the menstrual cycle and other bodily changes. Our audience is focused more on young teens that are experiencing their first period, but we will also provide information and provoke empathy to other gender identities that don’t experience periods.

INFO

Year 2022

Type Print / Illustration 印刷品 / 插画

Tools Figma, Ps

Although there is a plethora of information about menstrual cycles available to us on the internet and in print, this information can be difficult to access for young girls getting their periods for the first time. Oftentimes, this information can also be misleading and does not capture a diverse array of experiences. Our project aims to persuade young girls going through puberty to feel more empowered to have conversations, seek help, and learn more about their menstrual cycles. We also aim to communicate that there is no one-size-fits-all when it comes to the menstrual cycle and other bodily changes. Our audience is focused more on young teens that are experiencing their first period, but we will also provide information and provoke empathy to other gender identities that don’t experience periods.

Year 2022

Type Print / Illustration 印刷品 / 插画

Tools Figma, Ps

OUTCOME

[hide]

Next->

下一个项目->

For the First Time in a Generation

A short film propagating old-growth forest conservation.

提倡森林保护的公益短片。

Logging is still a massive generator of wealth in many countries. The job opportunities created by this industry are the major contributor to provincial GDP. However, the profit created is at the cost of future generations because it is not a sustainable practice.

This short film targets young adults, aims to raise their awareness of the issue, and, most importantly, to persuade them that logging of old-growth trees is not a necessary evil and it is our generation’s responsibility to take action against old-growth forest logging.

在许多地区，伐木仍然是主要的经济来源。该短片主要面向青年人发出号召，让广大青少年意识到反对砍伐天然森林是我们这一代人的责任，并采取行动。

INFO

Year 2022

Type Animation 动画，短视频

Tools Ae

Relevant Link High-def video 高清视频

For the First Time in a Generation

——

A short film propagating old-growth forest conservation.

——

提倡森林保护的公益短片。

BRIEF

Logging is still a massive generator of wealth in many countries. The job opportunities created by this industry are the major contributor to provincial GDP. However, the profit created is at the cost of future generations because it is not a sustainable practice.

This short film targets young adults, aims to raise their awareness of the issue, and, most importantly, to persuade them that logging of old-growth trees is not a necessary evil and it is our generation’s responsibility to take action against old-growth forest logging.

在许多地区，伐木仍然是主要的经济来源。该短片主要面向青年人发出号召，让广大青少年意识到反对砍伐天然森林是我们这一代人的责任，并采取行动。

INFO

Year 2022

Type Animation 动画，短视频

Tools Ae

Relevant Link High-def video 高清视频

Next->

下一个项目->