๐Ÿ“ท Hero โ€” HUD or app mockup on dark background, full width Hero Image ยท 16:7

Nook

A collaboration between Academy of Art University and Zoox โ€” designing the digital experience for an autonomous micromobility pod, from the moment a passenger opens the app to the moment they arrive.

Role

Product Designer

Context

Academy of Art University ร— Zoox

Tools

Figma ยท Protopie

Timeline

March โ€” April 2026

The Brief

Design a compact autonomous micromobility pod for 1โ€“2 occupants โ€” filling the gap between a scooter and a compact car. Fully app-hailed, driverless, and accessible to riders of all abilities. The vehicle must democratize the last mile and the local loop.

While the team designed the physical vehicle โ€” Nook โ€” my focus was the digital layer: the app, the in-vehicle HUD, and the full interaction from boarding to arrival.

๐Ÿ“ท Brief summary diagram or Nook vehicle render alongside app screens Brief Overview

Research

User research revealed two distinct passenger types with different needs. Daily commuters prioritize efficiency, predictability, and privacy โ€” they want a clean ETA and nothing else. City newcomers want the opposite: flexibility, discovery, and a sense of connection to an unfamiliar place.

Both groups shared core expectations: safety, comfort, and a feeling of control โ€” even without a driver.

๐Ÿ“ท User persona โ€” Daily Commuter Persona 1
๐Ÿ“ท User persona โ€” City Newcomer Persona 2

The Design Question

Daily commuters are well-served by existing solutions. But city newcomers had no good answer: how do you help someone discover a place they don't know โ€” from inside a vehicle that drives itself?

That question became the focus of my contribution: Explore Mode.

Explore Mode

Explore Mode is a ride experience built around discovery rather than efficiency. Instead of the fastest route, it takes a scenic path โ€” surfacing landmarks, points of interest, and neighborhood context along the way. 10 extra minutes in exchange for a richer experience.

The mode is selected at boarding, on the welcome screen โ€” a deliberate placement. The choice happens before the ride begins, not buried in settings.

๐Ÿ“ท Welcome screen โ€” General / Explore mode toggle Mode Selection ยท Screenshot
๐Ÿ“ท Route selection โ€” Direct ยท 12 min vs Explore ยท 22 min (+10 min) Route Options ยท Screenshot

Boarding Experience

When a passenger boards, the vehicle greets them by name, confirms their destination, and prompts them to begin the ride. The animation is designed to feel like an arrival โ€” calm, welcoming, and unhurried.

๐Ÿ“ท Welcome animation โ€” "Welcome to San Francisco ยท Your destination is Golden Gate Bridge" Welcome Animation ยท Mockup or GIF

In-Vehicle HUD

In Explore Mode, the HUD surfaces landmark information as the vehicle approaches points of interest โ€” giving newcomers context without requiring them to look anything up. ETA and date remain visible at all times.

๐Ÿ“ท HUD โ€” Explore mode with Golden Gate Bridge info card, Arrival 14:35, date HUD ยท In-Vehicle Screenshot

Icon System

A custom dot-matrix icon system for the in-vehicle interface. Each icon is built on a 12ร—12 binary grid โ€” consistent, scalable, and visually distinct from standard UI icons. The style references the display aesthetic of classic transit systems.

๐Ÿ“ท Dot-matrix icons โ€” food, music, nearby transit, entertainment, settings โ€” 5 icons in a row on dark background Icon System

City Map

A minimal line-art map of San Francisco built from real OSM street data โ€” 5,988 road segments rendered as white strokes on a transparent background. Designed to sit inside the HUD without competing with primary information.

๐Ÿ“ท SF line-art map SVG โ€” white lines on dark background, full city view City Map

Outcome

The project was presented to the Zoox team. Explore Mode reframes the autonomous vehicle not just as transportation infrastructure, but as a way to help people feel at home in a new city โ€” without a guide, a map app, or a driver.

๐Ÿ“ท Final presentation โ€” full system overview or key screens together Final Presentation