01 QuillKits 02 Quill Navigation 03 Northwestern Medicine 04 TL Design System 05 Nibble
01 QuillKits 02 Quill Navigation 03 Northwestern Medicine 04 TL Design System 05 Nibble
QuillKits Mockups

01/05

QuillKits

01/05

QuillKits

01/05

QuillKits

UX Research

Product Strategy

E-Commerce

B2B

Mobile Design

QuillKits conceptualizes an influencer storefront program designed to help Quill connect with a younger B2B audience as its traditional customer base ages. As my first B2B design project, I explored how UX intersects with e-commerce and cross-functional business needs to create a solution for a new generation of workplace buyers.

QuillKits Mockups
Quill Nav Menu Redesign

02/05

Quill Navigation Menu Redesign

02/05

Quill Navigation Menu Redesign

02/05

Quill Navigation Menu Redesign

Information Architecture

Card Sorts

Tree Testing

Competitive Audits

Heuristic Analysis

Baymard

A research-driven redesign of Quill's e-commerce navigation menus to make product discovery easier and more intuitive across mobile and desktop devices. Though competitive research and user testing, I reorganized Quill's menu structure and validated a new navigation system that resulted in improved product-finding success.

Quill Nav Menu Redesign
Northwestern Medicine Mockups

03/05

Northwestern Medicine IA Redesign

03/05

Northwestern Medicine IA Redesign

03/05

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
Tl Design System Mockups

04/05

TL Design System

04/05

TL Design System

04/05

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
Nibble App Mockups

05/05

Nibble

05/05

Nibble

05/05

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