I'm Ya-Ying Liao (Alice), a software engineer with UI/UX designer expertise, crafting seamless web experiences.

Blending technical expertise with user-centered design, I create visually compelling and intuitive digital solutions that enhance user engagement.

Web Development Project
Leisure Tea & Coffee

This project is a clean and minimal website for a fictional tea and coffee store, built with React and Vite. It features multi-page navigation using React Router, supports a fully responsive layout for seamless viewing across devices, and is deployed on GitHub Pages for easy access and sharing.

Learn More

Design Projects

Explore my selected projects, showcasing my dedication to innovative and heartfelt design.

Chang’s Taekwondo Membership Program

Design of a mobile application that allows Chang’s Taekwondo members and their families to download discount coupon QR codes more accessible and an admin website that manages members and partner companies　that offer service or products intuitively for an admin side.

See the project

Chang’s Taekwondo Membership Program

See the project

Chang’s Taekwondo Membership Program

See the project

Netify: Online Course Platform

Designed a dynamic online learning platform that provides a wide range of courses for learners of all levels. With an intuitive interface, responsive design, and seamless navigation, the platform empowers users to explore, enroll, and enhance their skills effortlessly.

See the project

Netify: Online Course Platform

See the project

Netify: Online Course Platform

See the project

Design Sprint project: Health & Wellness App

Embarked on a Design Sprint to create a health and wellness app aimed at encouraging teenagers to develop healthier habits. Over the sprint, we conducted user research, ideation, prototyping, and user testing to design an engaging, user-friendly solution that motivates young users to improve their well-being.

See the project

Design Sprint project: Health & Wellness App

See the project

Design Sprint project: Health & Wellness App

See the project

Redesign Project - Meetup App

Redesigning the Meetup app with a user-centric approach—enhancing navigation, improving accessibility, and creating a seamless experience for discovering and joining events.

See the project

Redesign Project - Meetup App

Redesigning the Meetup app with a user-centric approach—enhancing navigation, improving accessibility, and creating a seamless experience for discovering and joining events.

See the project

Redesign Project - Meetup App

Redesigning the Meetup app with a user-centric approach—enhancing navigation, improving accessibility, and creating a seamless experience for discovering and joining events.

See the project

My Stack

Automated HTML report generation for app frame rendering using Python's ElementTree, streamlining the documentation process with structured and dynamic content.

HTML

Tap to flip

Automated HTML report generation for app frame rendering using Python's ElementTree, streamlining the documentation process with structured and dynamic content.

HTML

Tap to flip

Automated HTML report generation for app frame rendering using Python's ElementTree, streamlining the documentation process with structured and dynamic content.

HTML

Tap to flip

Automated HTML report generation for app frame rendering process. Use CSS to control the appearance of the we page.

CSS

Tap to flip

Automated HTML report generation for app frame rendering process. Use CSS to control the appearance of the we page.

CSS

Tap to flip

Automated HTML report generation for app frame rendering process. Use CSS to control the appearance of the we page.

CSS

Tap to flip

Dynamically generate stacked bar charts for GPU counters using Streamline data, enabling real-time visualization and analysis.

Javascript

Tap to flip

Dynamically generate stacked bar charts for GPU counters using Streamline data, enabling real-time visualization and analysis.

Javascript

Tap to flip

Dynamically generate stacked bar charts for GPU counters using Streamline data, enabling real-time visualization and analysis.

Javascript

Tap to flip

Build android layers to dump app's api data.

C++

Tap to flip

Build android layers to dump app's api data.

C++

Tap to flip

Build android layers to dump app's api data.

C++

Tap to flip

Process app API data to generate OpenGL API modules and visualize them in a structured HTML report.

Python

Tap to flip

Process app API data to generate OpenGL API modules and visualize them in a structured HTML report.

Python

Tap to flip

Process app API data to generate OpenGL API modules and visualize them in a structured HTML report.

Python

Tap to flip

In a android layer, implement functions for multiple OpenGL APIs to split render passes within a frame.

OpenGL

Tap to flip

In a android layer, implement functions for multiple OpenGL APIs to split render passes within a frame.

OpenGL

Tap to flip

In a android layer, implement functions for multiple OpenGL APIs to split render passes within a frame.

OpenGL

Tap to flip

Using Figma features to design all of the projects, including components, auto layout, …etc.

Figma

Tap to flip

Using Figma features to design all of the projects, including components, auto layout, …etc.

Figma

Tap to flip

Using Figma features to design all of the projects, including components, auto layout, …etc.

Figma

Tap to flip

Framer offers a visual playground where I can craft stunning and interactive websites without getting bogged down in complex code.

Framer

Tap to flip

Framer offers a visual playground where I can craft stunning and interactive websites without getting bogged down in complex code.

Framer

Tap to flip

Framer offers a visual playground where I can craft stunning and interactive websites without getting bogged down in complex code.

Framer

Tap to flip

Upload each tool update and collaborate with colleagues to continuously refine and improve the code.

Git

Tap to flip

Upload each tool update and collaborate with colleagues to continuously refine and improve the code.

Git

Tap to flip

Upload each tool update and collaborate with colleagues to continuously refine and improve the code.

Git

Tap to flip

Interested in connecting?

Let’s talk projects, collaborations, or anything design!

Write an email

Interested in connecting?

Let’s talk projects, collaborations, or anything design!

Write an email

Interested in connecting?

Let’s talk projects, collaborations, or anything design!

Write an email

Ya Ying Liao

Ya Ying Liao

Ya Ying Liao

I'm Ya-Ying Liao (Alice), a software engineer with UI/UX designer expertise, crafting seamless web experiences.