https://www.yy-liu.com/home daily 1.0 2025-03-14 https://www.yy-liu.com/onduo-patient-mobile-app daily 0.75 2025-03-14 https://images.squarespace-cdn.com/content/v1/5ba14e5af2e6b1b2ffadb3c2/1544828687039-JYCACQSGAGRK87CUSCNN/ic_mystery_graph.png Onduo Patient Mobile App https://images.squarespace-cdn.com/content/v1/5ba14e5af2e6b1b2ffadb3c2/1544828479194-3XOLAE3RD2O3NQBW2Z5Z/im_target_population.png Onduo Patient Mobile App https://images.squarespace-cdn.com/content/v1/5ba14e5af2e6b1b2ffadb3c2/1544828733953-2FKS9KZPUWSGN8X404U4/ic_calendar.png Onduo Patient Mobile App https://images.squarespace-cdn.com/content/v1/5ba14e5af2e6b1b2ffadb3c2/1545089359420-D4SCX69Z71MLXBHFXQND/04a_onduoapp_key_moments.png Onduo Patient Mobile App https://images.squarespace-cdn.com/content/v1/5ba14e5af2e6b1b2ffadb3c2/1544828669072-8Z8309N7EZW91O260L0U/ic_overwhelmed.png Onduo Patient Mobile App https://images.squarespace-cdn.com/content/v1/5ba14e5af2e6b1b2ffadb3c2/1544828007167-DK2T7KIL7H078BRAXBWC/im_personas.png Onduo Patient Mobile App https://images.squarespace-cdn.com/content/v1/5ba14e5af2e6b1b2ffadb3c2/1544832595021-KC8ATGC7KMADSTWBBAMJ/im_beh_change.png Onduo Patient Mobile App https://images.squarespace-cdn.com/content/v1/5ba14e5af2e6b1b2ffadb3c2/1544828745584-MY5IUTARH326FOILZ53Z/ic_notebook.png Onduo Patient Mobile App https://images.squarespace-cdn.com/content/v1/5ba14e5af2e6b1b2ffadb3c2/1545670085827-X91MSY66SDLO5JMHKVXE/im_ecosystem.png Onduo Patient Mobile App https://images.squarespace-cdn.com/content/v1/5ba14e5af2e6b1b2ffadb3c2/1544831315242-5BPFOKNS3THANYPK6DBG/im_ia_wireframes.png Onduo Patient Mobile App https://www.yy-liu.com/onduo-welcome-journey daily 0.75 2023-02-28 https://images.squarespace-cdn.com/content/v1/5ba14e5af2e6b1b2ffadb3c2/1545434999886-P56DFC44KFXL2GE5OK1A/im_product_principles.png Onduo Welcome Journey https://images.squarespace-cdn.com/content/v1/5ba14e5af2e6b1b2ffadb3c2/1546035173700-1ZKVDFSM12732KVBOQC8/il_low_tech.png Onduo Welcome Journey https://images.squarespace-cdn.com/content/v1/5ba14e5af2e6b1b2ffadb3c2/1545499598564-ILXKKO0RN3E3O60OXIIK/il_icon_set.png Onduo Welcome Journey https://images.squarespace-cdn.com/content/v1/5ba14e5af2e6b1b2ffadb3c2/1545197785221-BTU7YZN8HNANGY8JNX79/im_onboarding_components.png Onduo Welcome Journey https://images.squarespace-cdn.com/content/v1/5ba14e5af2e6b1b2ffadb3c2/1545427055060-RV1130J5QJW9KG903G6J/im_wk_placemat.png Onduo Welcome Journey After multiple iterations of prototyping and testing to adjust the design form factor and refine the content, I created a one-page instructional placemat to pair with the in-app guided setup flow. https://images.squarespace-cdn.com/content/v1/5ba14e5af2e6b1b2ffadb3c2/1545432741539-A8KPFPXHAK1VJ2XQMF7P/im_wk_placemat_02.png Onduo Welcome Journey https://images.squarespace-cdn.com/content/v1/5ba14e5af2e6b1b2ffadb3c2/1545680670186-8JNKJ3RIZOR8I5RS78UG/image-asset.png Onduo Welcome Journey https://images.squarespace-cdn.com/content/v1/5ba14e5af2e6b1b2ffadb3c2/1546035251977-FBOZUOYRRKU1PU8WAQH8/ic_enrollment.png Onduo Welcome Journey https://images.squarespace-cdn.com/content/v1/5ba14e5af2e6b1b2ffadb3c2/1545499626100-7WSJDYW8WOOCD0PJL6HC/im_eligibility_info.png Onduo Welcome Journey https://images.squarespace-cdn.com/content/v1/5ba14e5af2e6b1b2ffadb3c2/1546029071984-ZKFXWVN2Y2GOUDBHW6UW/il_hardware_instructions.png Onduo Welcome Journey https://images.squarespace-cdn.com/content/v1/5ba14e5af2e6b1b2ffadb3c2/1546035275008-C1VK6SLCWJJ2FB1KCB3O/ic_oobe.png Onduo Welcome Journey https://images.squarespace-cdn.com/content/v1/5ba14e5af2e6b1b2ffadb3c2/1545429367302-11BHWBV41IYNDUNJZHTU/im_wk_placemat_02.png Onduo Welcome Journey The instructional placemat sat at the top of the box, visible as soon as a user opens the Welcome Kit. https://images.squarespace-cdn.com/content/v1/5ba14e5af2e6b1b2ffadb3c2/1545195700540-5OJ3WRVP9R8JVG3D23ZE/im_align_goals.png Onduo Welcome Journey https://images.squarespace-cdn.com/content/v1/5ba14e5af2e6b1b2ffadb3c2/1549666226761-1A5ZJAIMGCVKAG1MVI8G/il_invitecode.png Onduo Welcome Journey https://images.squarespace-cdn.com/content/v1/5ba14e5af2e6b1b2ffadb3c2/1546035262949-C0CII68E7DU0LSFMFFXT/ic_apponboarding.png Onduo Welcome Journey https://images.squarespace-cdn.com/content/v1/5ba14e5af2e6b1b2ffadb3c2/1546035281950-QVFA55E75M9S02L1FZQJ/ic_packaging.png Onduo Welcome Journey https://images.squarespace-cdn.com/content/v1/5ba14e5af2e6b1b2ffadb3c2/1545432427191-MDZWLG3AWXAAT0TJP785/im_wk_before.png Onduo Welcome Journey https://images.squarespace-cdn.com/content/v1/5ba14e5af2e6b1b2ffadb3c2/1545432612556-6CM075GCZFKM29RWFYZL/image-asset.png Onduo Welcome Journey https://images.squarespace-cdn.com/content/v1/5ba14e5af2e6b1b2ffadb3c2/1545423262683-8BD34FSB07BEGW6YZ1UL/im_onboarding_keymoments.png Onduo Welcome Journey https://www.yy-liu.com/about-me daily 0.75 2025-06-15 https://images.squarespace-cdn.com/content/v1/5ba14e5af2e6b1b2ffadb3c2/1541186559109-4IM0UZVW9Y5ND9HUVNCG/1.jpeg About Me https://www.yy-liu.com/youtube-mobile-video-creation daily 0.75 2019-01-23 https://images.squarespace-cdn.com/content/v1/5ba14e5af2e6b1b2ffadb3c2/1545502038018-HYGC82MZJP7LN1SIVYB4/im_yt_personas.png YouTube Mobile Video Creation https://images.squarespace-cdn.com/content/v1/5ba14e5af2e6b1b2ffadb3c2/1545460119770-VVV883VYNZ3VRBKTOIU7/im_transformationtools.png YouTube Mobile Video Creation Final design features a scalable, lightweight UI. https://images.squarespace-cdn.com/content/v1/5ba14e5af2e6b1b2ffadb3c2/1545459317577-GN4QV1LQ7KQVKJXCQAX2/im_nav_icon.png YouTube Mobile Video Creation https://images.squarespace-cdn.com/content/v1/5ba14e5af2e6b1b2ffadb3c2/1545459846778-CN3EJ895GGLFFCAICJCA/im_og_transformationtools.png YouTube Mobile Video Creation I partnered with another designer to launch the original designs for the transformation tools UI (trimming video, adding music, adding filters). However, this UI is crowded and not scalable if we were to add more features. https://images.squarespace-cdn.com/content/v1/5ba14e5af2e6b1b2ffadb3c2/1545453094306-QW88N0SYFPWV4K7JR23H/im_target_population.png YouTube Mobile Video Creation https://images.squarespace-cdn.com/content/v1/5ba14e5af2e6b1b2ffadb3c2/1545454946684-IR1ZJ9KPKBCBJPV2YS7U/im_camera_final.png YouTube Mobile Video Creation After multiple iterations of prototyping and user testing, the live switch cam feature proved to be the most popular and most versatile. https://images.squarespace-cdn.com/content/v1/5ba14e5af2e6b1b2ffadb3c2/1545459328681-BYQAAZR5RDLFF2IBKLMY/im_fab_home.png YouTube Mobile Video Creation https://images.squarespace-cdn.com/content/v1/5ba14e5af2e6b1b2ffadb3c2/1545454514411-KYZ5HY3AM80P9LO6JQ24/stickers-demo.png YouTube Mobile Video Creation https://images.squarespace-cdn.com/content/v1/5ba14e5af2e6b1b2ffadb3c2/1545453778745-NMZ8MUZRGRNO5TJ733UI/live-switchcam-demo-02.gif YouTube Mobile Video Creation https://images.squarespace-cdn.com/content/v1/5ba14e5af2e6b1b2ffadb3c2/1545459430459-WLMK0P9BT66LMYLDN330/im_fab_final.png YouTube Mobile Video Creation FAB on home page and account. After looking at the pros and cons of all options, we chose to launch two entry points for a stronger design. https://images.squarespace-cdn.com/content/v1/5ba14e5af2e6b1b2ffadb3c2/1545455519314-RH8FOMJ9KL7V2DV18OZ1/im_og_entrypoint.png YouTube Mobile Video Creation The original uploads entry point was hidden behind a hamburger menu and extremely difficult to find, and identified as the most broken user journey in the YouTube app. https://images.squarespace-cdn.com/content/v1/5ba14e5af2e6b1b2ffadb3c2/1545454807116-1WRZ1MMF2FYBFOSHVUBE/filters-demo-01.gif YouTube Mobile Video Creation https://images.squarespace-cdn.com/content/v1/5ba14e5af2e6b1b2ffadb3c2/1545459338419-7MI9BWRB57GZTLRUGUGP/im_fab_account.png YouTube Mobile Video Creation https://images.squarespace-cdn.com/content/v1/5ba14e5af2e6b1b2ffadb3c2/1545670995720-YA5OVUM9JMWT0SLNYG93/image-asset.png YouTube Mobile Video Creation By separating video transformation tools and metadata into two steps, there was more screen real estate dedication to scaling the transformation tools and making the video the hero. https://images.squarespace-cdn.com/content/v1/5ba14e5af2e6b1b2ffadb3c2/1545459397789-CHLZGNKEVE8U16NF2KZO/yt-camera-swipe-02.gif YouTube Mobile Video Creation https://images.squarespace-cdn.com/content/v1/5ba14e5af2e6b1b2ffadb3c2/1545502083091-92HFB18BO1KYWNL9DP6O/im_creation_flow.png YouTube Mobile Video Creation * New to the YouTube app https://images.squarespace-cdn.com/content/v1/5ba14e5af2e6b1b2ffadb3c2/1545454365773-Q2UVBEO8O3WBX5MMUINF/fav-moment-demo.gif YouTube Mobile Video Creation https://www.yy-liu.com/is-it-occupied daily 0.75 2025-03-14 https://images.squarespace-cdn.com/content/v1/5ba14e5af2e6b1b2ffadb3c2/1545682788187-9X8YPYN61JWNCXOFYORT/installation-03.jpg Is it Occupied? The prototype demo depicts a proxy for what a large scale room occupancy map could be. A floor plan is mounted on a wall, with LEDs indicating different occupancy states. https://images.squarespace-cdn.com/content/v1/5ba14e5af2e6b1b2ffadb3c2/1545682903595-AGTB05GYRJVCMRXMUQG5/floorplan-870.jpg Is it Occupied? The LEDs include green for vacant, red for occupied, and blue for uncertain. In a world where no sensors are 100% accurate in predicting situational context, one must design for graceful degradation. Hence, the blue state. https://images.squarespace-cdn.com/content/v1/5ba14e5af2e6b1b2ffadb3c2/1545682760706-7G6YD2YANF5X82NN26Z3/floormats-870.jpg Is it Occupied? Floor mats are connected with FSR sensors to read pressure and determine whether the "room" is occupied or not. In a real world situation, these prototypical floor mats would cease to exist. Instead, various force, movement, and heat sensors would be deployed in individual rooms and spaces themselves. https://images.squarespace-cdn.com/content/v1/5ba14e5af2e6b1b2ffadb3c2/1545682415758-WH9CZIW8CWBJU182OTCT/installation-01.jpg Is it Occupied? https://images.squarespace-cdn.com/content/v1/5ba14e5af2e6b1b2ffadb3c2/1546038346933-KG58GADHC5T8J39BWLY2/im_targetaudience.png Is it Occupied? https://www.yy-liu.com/under-construction daily 0.75 2019-01-17 https://www.yy-liu.com/heart-failure-device daily 0.75 2025-03-14 https://images.squarespace-cdn.com/content/v1/5ba14e5af2e6b1b2ffadb3c2/5306161b-a150-4611-a1a9-8e5058349e6f/heartathome.png Heart Failure Device - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://www.yy-liu.com/surgical-ai daily 0.75 2025-03-14 https://images.squarespace-cdn.com/content/v1/5ba14e5af2e6b1b2ffadb3c2/bd16cad7-59b2-4289-9d76-7330cdae6168/surgical-cover-image.png Surgical AI - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://www.yy-liu.com/work daily 0.75 2025-06-15 https://images.squarespace-cdn.com/content/v1/5ba14e5af2e6b1b2ffadb3c2/171ef872-c560-42a9-9759-8a26b72d1a44/onduo-patient-hero.png Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5ba14e5af2e6b1b2ffadb3c2/54fbd0f4-5e70-4338-bfb3-26354efe42fd/retinal-camera-hero.png Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5ba14e5af2e6b1b2ffadb3c2/bfea1551-92a8-41a2-9b05-ef908f0360d4/yt-mobilevideo-hero.png Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5ba14e5af2e6b1b2ffadb3c2/94045e8d-295d-4854-9287-21fa31cb34ac/colonoscopy-hero.png Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5ba14e5af2e6b1b2ffadb3c2/13a42001-efbd-4e05-b84d-2c3ee0ca1928/studywatch-hero.png Work - Make it stand out Whatever it is, the way you tell your story online can make all the difference.