Design Projects

CheckMate (Oct-Dec 2025)

CheckMate was the final assignment for the Innovation and Design Lab course at Columbia University. See the prototype here and the video demo here.

This was a product idea designed to help families, primarily those with chaotic schedules, manage the items they need for their days. It utilizes NFC technology to recognize if an item is present in someone's bag when placed on the CheckMate pad.

Tools: Figma, Figma Make

Contributions:

Created initial app mockup, defining the general user interface and identifying high-priority features
Fine-tuned the AI-generated interface, ensuring consistency across pages and complete actions

FILLER

CheckMate's login screen

Shake it or Stir it? (Mar-April 2025)

Shake it or Stir it? was the final assignment for UI Design at Columbia University. See the video demo here and the code here.

Note: This repository is private. Please email for access.

Some of my teammates enrolled in the Columbia bartending class this semester, and they were fascinated by the methods to make certain drinks. Thus, we followed this theme for our project, aiming to help users understand why certain drinks are shaken versus stirred.

There is a learning portion, containing interactive images (e.g., the wheel), drag-and-drop elements, hoverable elements, and a progress bar. There is also a quiz portion, where users test their knowledge.

Tools: HTML, CSS, JavaScript, jQuery, Flask

Contributions:

Wrote initial code structure for the "learn" site component, focusing primarily on the "shake" section
- Implemented the drag and drop and hover functionalities, ensuring smooth execution and maintenance with design principles

FILLER

Screenshots from Shake it or Stir it

Privacy Pathways (April-May 2025)

Privacy Pathways is the final project for Policy for Privacy Technologies at Columbia University. See the prototype here.

Prompt: Build a decision-making tool to help organizations with the decision of which privacy-preserving technologies would be appropriate for their use case, based on the specifics of the application. Also, provide supporting documentation and explanation.

Tools: Figma

Contributions:

Wrote 3/6 supporting documentation files, focusing on Secure MPC, Federated Learning, and Synthetic Data Generation
Spearheaded the Figma prototype:
- Storyboarded the initial app in GoodNotes
- Simplified technical documentation into digestible frames
- Implemented user interface design principles to optimize use.

FILLER

Privacy Pathway's initial interface

FindingSonnysNYC (Mar 2025)

FindingSonnysNYC was the midterm assignment created for UI Design at Columbia University. See the video demo here and the code here.

As a Sonny Angel Collector, I created a hypothetical website for other NYC-based collectors to learn more about different Sonny Angels, add their own Sonny Angels to the database, and edit current Sonnys.

Tools: HTML, CSS, JavaScript, jQuery, Flask, Figma

Contributions:

Storyboarded some initial site layout and user interface using Figma
Developed a fully functional website that can be run on a local server

FILLER

FindingSonnysNYC's homepage

PixelSupport (Oct 2024)

PixelSupport is an app prototype created during the Womxn in CS hackathon, DivHacks.

Inspired by virtual pets in Nintendogs and productivity apps such as Forest, PixelSupport aims to promote maintaining habits toward well-being. Through a cute pixelated UI, the app includes a pet buddy to accompany your wellness journey, a currency system to purchase items to accessorize your living room home page and pet, and a customizable logging system to track habits.

Tools: Figma, pixilart.com, GoodNotes

Contributions:

Storyboarded initial app layout and user interface through GoodNotes sketches
Wireframed and prototyped the app in Figma, creating buttons within and outside the living room UI to create a puzzle-like, interactive user experience

FILLER

PixelSupport's home page

Page updated

Google Sites

Report abuse