Tl Design System Mockups

TL Design System

TL Design System

TL Design System

Figma

Wireframing

HTML

CSS

Logo Design

Brand Identity

A comprehensive design system that brings a beloved local Filipino bakery’s brand to life through a cohesive, scalable UI foundation. This project aligns visual identity, accessibility, and component-driven design to optimize build speed while preserving brand integrity across digital touchpoints.

Tl Design System Mockups
Northwestern Medicine Mockups

Northwestern Medicine IA Redesign

Northwestern Medicine IA Redesign

Northwestern Medicine IA Redesign

User Research

Tree Testing

Card Sorts

Content Auditing

Mobile Design

Wireframing

This project reimagines the Northwestern Medicine website with a focus on navigation, findability, and patient confidence. Through user research, our team uncovered key friction points in the site's navigation, then translated these insights into a streamlined information architecture. The final redesign prioritizes clarity, accessibility, and ease within a complex, content-heavy healthcare system.

Northwestern Medicine Mockups
Nibble App Mockups

Nibble

Nibble

Nibble

Figma

Wireframing

Prototyping

Agile Method

Usability Testing

Iterative Design

Nibble is a fast, intuitive mobile food-discovery app designed to simplify how users find and choose what to eat. Built in Figma using the Agile prototyping method, this project focuses on task clarity, intuitive navigation, and fast decision-making across key user flows.

Nibble App Mockups
Meal Planners Image

Meal Planners

Meal Planners

Meal Planners

User Research

Atlas.ti

Contextual Inquiry

User Interviews

Inductive Coding

Affinity Mapping

Persona Creation

Meal Planners is a research-driven UX project that investigates how users plan, organize, and make decisions around meals. I led a four-person team in conducting contextual observations and interviews to uncover behavioral patterns, motivations, and recurring pain points. Through affinity mapping, inductive coding, and persona spectrums, we synthesized 50+ data points into three key themes and three actionable design recommendations for future product solutions.

Meal Planners Image
Reverb Design Mockups

Reverb

Reverb

Reverb

Figma

User Research

Contextual Inquiry

User Interviews

Wireframing

Prototyping

Usability Testing

Reverb explores a UX-driven redesign of the in-store music retail experience with a focus on self-service, accessibility, and efficiency. Through contextual research and usability testing, our team created a system that supports confident purchasing, reduces friction with staff, and improves product navigation.

Reverb Design Mockups