Hi I'm Natalie,
a UI/UX designer specializing in UX for AI products and applied AI for UX workflow

Scroll

Case studies

Burger Joint drive-thru kiosk screen: the AI host and live conversation panel on the left, a voice-orderable menu grid in the middle, and the running order total on the right.

AI Drive-thru voice ordering

An AI product built for restaurant drive-through's to help customers order their food.

Logical Zoom — Kiosk UI/UX design

GreenTogether app screens: the events map with a list of upcoming Laguna Beach cleanups beside the tiered leaderboard, with the app's leaf logo between them.

GreenTogether

A three member team project focused on sustainability and helping users find and participate in local environmental events such as park cleanups, recycling drives, and tree planting.

FullyBeyond Designathon — UI/UX mobile app

Discoverfest 2026 logo: “Discover” and “Fest” set on tilted 3D blocks in navy and coral, with a 2026 block above, the #titanexperience banner, and the SLL Student Life & Leadership badge.

Graphic design

A comprehensive view of my work as an artist.

AI Drive-thru voice ordering

Overview

Problem

Restaurants often face staffing shortages, inconsistent service quality, and human error in drive-thru order-taking roles.

My role

User research, competitive research, journey mapping, UX, UI.

Solution

AI drive-thru systems can reduce wait times, improve accuracy, and provide faster, more consistent service.

Result

Major restaurants, specifically targeting fast food chains, two weeks to complete.

Key features — Drive-thru

Burger Joint menu screen: a grid of items with photos, prices and Popular and Vegan tags, each carrying the phrase that adds it, beside a running order panel.

Voice-controlled menu

Every item is labeled with the exact words that order it — “Add Flame Master” — so no one has to guess the phrasing the AI accepts. We also designed it for any type of device and size.

The order panel fills in beside the menu as items land, keeping the running total in view before anyone commits to it.

Drive-thru conversation panel: an alternating transcript between the AI host and the customer, from “Welcome! Ready to order?” through to “Complete order”, with a mic button below.

Conversation history

The transcript stays on screen so customers can check what the AI heard against what they actually said. When something’s wrong, they can see exactly where it went wrong.

Drive-thru AI assistant screen: the host avatar ringed in orange, a “Listening…” status pill, and a prompt reading “Say ‘start over’ to reset”.

AI Host

The AI Host was created to help the users feel more comfortable communicating with the AI. The AI Host visuals and voice are entirely customizable for every restaurant.

A “Listening…” notification lights up whenever the mic is open, so people aren’t left talking into a screen that might not be paying attention. The host itself — avatar and voice — is customizable per restaurant.

Research and what I learned

Talking to drive-thru staff and regular customers surfaced the same pattern: people don’t distrust AI ordering because it’s AI. They distrust it because they can’t tell whether it heard them right. The fix wasn’t a smarter model — it was making the order visible and checkable while it was still being spoken, not after.

Failure and disambiguation

When the model isn’t confident, it asks instead of guessing: “Diet Coke or regular?” Every item in the running order stays changeable, so fixing a misheard item is one correction, not a restart of the whole exchange.

Process and iteration

I started from the competitive review, mapped the happy-path journey. The useful work was mapping the unhappy one: misheard items, background noise, someone changing their mind mid-order. Nearly every feature in this case study came out of that second map. Wireframes went straight into moderated tests with five people ordering out loud to a screen.

The first version of the AI Host spoke every confirmation out loud, on top of showing it on screen. In testing, people found the voice confirmations slower and more annoying than useful — it made the wait feel longer, not shorter. I cut the spoken confirmation and kept the visual one, and let the AI Host's presence (not its narration) carry the reassurance that it was listening.

What I'd do differently

I’d bring in real background noise earlier. I ran the early sessions in a quiet room, which is the one condition a drive-thru is never in — a real lane would almost certainly surface failure rates the quiet tests never showed me. I’d also test the AI Host’s personality against a plain progress indicator, since I never proved the character adds trust on its own versus the transparency features doing the work.

GreenTogether

Project overview

Problem

Every year, more than 8 million pieces of trash are discarded outside of their designated bins in public places.

My role

Research, UX, UI — a 24-hour design competition with a team of four.

Solution

Design an app that encourages people to pick up trash in public places.

Result

The judges called out the map and leaderboard pairing as the clearest read on the problem of any team that day.

Key features

GreenTogether leaderboard screen: the user ranked 36th with 120 points, above Diamond and Platinum tiers of ranked players.

Leaderboard

The leaderboard makes the effort add up to something visible — a running count that gives people a reason to come back.

GreenTogether interactive map screen: a park map with a numbered event pin, above a list of upcoming Laguna Beach cleanups with their dates and times.

Interactive map

Once the leaderboard gave people a reason to show up, they needed a way to find something to show up to. The map shows the locations of the events, with dates and times below.

Research and insights

Interviews and desk research pointed the same direction: awareness wasn’t the blocker. People already knew littering was a problem. What stopped them was that picking up trash alone felt pointless — they wanted proof the effort added up to something, and a reason to come back next weekend.

Approach and iteration

With 24 hours on the clock we sketched three concepts in the first two hours and voted as a team before anyone opened Figma — cheaper to kill an idea on paper than in a file. The leaderboard came first. The map came out of a later pivot, once we realized people needed to find an event, not just see a score.

Our first leaderboard ranked users by total pieces picked up. That works for whoever started earliest and nobody else — a newcomer can’t catch someone with a six-month head start, so the ranking stops being a reason to participate and becomes a reminder that you’re behind. We switched to weekly resets, which puts everyone on the same clock every Monday.

Iteration and refinement

We put so much of the 24 hours into research, engagement mechanics and user flows that the visual execution never caught up — and against the finalists, that showed. The judges responded to the thinking, but a competition is also judged on what’s on the screen at hour 24.

Next time, I would plan it out better: lock the flows by hour twelve and give the back half to visual design. Getting the concept right doesn’t count for much if it isn’t finished.

Graphic design

CalState Fullerton Discoverfest logo

Discoverfest text-based concept: “DISCOVER” in outlined capitals with a navy and orange globe standing in for the O, “fest” in lowercase script, plus #titanexperience and 2026 lettered around the globe stand.

Version 1

The client hadn’t settled on a theme for Discoverfest and left that to us, so round one was really a set of theme proposals. The brief asked for a text-based mark, so I built the concept into the type itself — a globe in place of the O, pushing exploration and discovery without adding a separate illustration.

Discoverfest “Puddle Splash” concept: “Discover Fest” in orange brush lettering across a navy splash shape, with 2026, scattered droplets, the SLL badge and #titanexperience.

Version 2

The first concept, “Puddle Splash,” didn’t survive review — the splash shape and droplets competed with the type, so the thing people were meant to read came second. “Building Blocks” put the idea into the letterforms instead of around them: “Discover” and “Fest” on tilted 3D blocks, students building their own Titan Experience.

Discoverfest 2026 logo: “Discover” and “Fest” set on tilted 3D blocks in navy and coral, with a 2026 block above, the #titanexperience banner, and the SLL Student Life & Leadership badge.
Version 3 — final

The client picked Building Blocks. I built out vertical and horizontal lockups so the mark works across banners, posters and social.

Education

2026–2027

University of California, Irvine

Master of Human-Computer Interaction & Design. Graduating August 2027.

2024–2026

California State University, Fullerton

Bachelor of Fine Arts (BFA) in Graphic and Interactive Design. Graduated with Honors.

2022–2024

Saddleback College

Associate in Arts for Transfer, Studio Arts, with an emphasis in Digital Arts and Social Psychology. Graduated with Honors.