Kate Park
Mobile App + Web · Product Design
333 · UX/UI DesignNYC

333
by design.

New York has world-class nightlife, world-class workplaces, and almost nothing in between. 333 is a 24/7 third-space café that fills that gap — where you can book a room, find a study buddy, and actually feel part of a community.

RoleLead Product Designer
PlatformiOS + Web
ConceptOriginal / Solo
ToolsFigma · Lovable
The Problem

NYC has the best bars in the world, incredible offices — and nowhere to just be. Korean café culture solved this a decade ago. New York is still waiting.

01 — Research

The third space gap.

Ray Oldenburg coined the "third place" in 1989 — the social environments beyond home (first place) and work (second place) where people gather informally and form community. In Seoul, that's the 24/7 study café. In Tokyo, it's the kissaten. In New York, it barely exists — and the pandemic made the gap catastrophic.

I interviewed 16 New Yorkers aged 22–35 and ran a 120-person survey to understand where people actually go when they need to work alongside others, meet new people over shared goals, or just exist somewhere that isn't their apartment or their desk.

68%
Work from coffee shops weekly
But cite noise, seat anxiety, and "laptop shame" as consistent friction points. They want the café vibe without the performance anxiety of overstaying.
81%
Want a dedicated night study space
Remote workers and young professionals report that after 10pm in NYC, there's virtually nowhere to work outside their apartment. Libraries close. Cafés close. The city doesn't.
74%
Miss the "with others" feeling
Post-pandemic, the biggest loss isn't the office itself — it's the ambient sense of working alongside people. Most productivity apps ignore this entirely.
02 — User Personas

Three people, one space.

Priya, 26
UX Designer · Brooklyn
"I work remotely and my apartment is too small to focus. I need somewhere that isn't a WeWork and isn't a bar. Something in between — where I can actually get into flow."
Marcus, 29
Software Engineer · Williamsburg
"I do my best work when there's ambient energy around me. Regular cafés make me anxious about overstaying. I just want to book a spot and work without the guilt."
Luna, 26
Investment Associate · LES
"I moved here a year ago. I know people but I don't have a crew to actually sit down and grind with. I want to find people as driven as I am — without it feeling like a networking event."
03 — Core Features

Five things 333 does.

🏠
01
Room booking
Reserve private rooms, focus pods, or communal tables in real time. Hourly or block pricing.
🤝
02
Study buddy match
Find someone working on the same kind of project — a silent partner or a collaborator. Opt in per session.
📅
03
Community events
Weekly workshops, creative meetups, and skill swaps hosted in the space. Discovery built into the app.
04
Order ahead
Order drinks and food from the app. Delivered to your table without leaving your flow state.
🌙
05
24/7 access
Night mode pricing after 11pm. The space is yours when the rest of the city is asleep.
04 — Mobile App · iOS

The screens.

🔔
Good evening, Priya ✦
Focus Pod A
● Open
Room 02
● In 30m
Main Hall
● Open
Marcus K.
Engineering · Pod B
Priya S.
Design · Main Hall
Home
Book a space
Tonight · Wed Apr 30
🎧
Focus Pod A
1–2 people · Quiet zone
$6/hr
👥
Meeting Room 02
Up to 6 people
$18/hr
10pm 11pm 12am 1am 2am
Reserve for $6
Book a space
Study buddy
In 333 right now
Priya S., 26 · Design
✦ Silent co-work vibe
Figma Branding Deep work
Skip
Work together
Marcus K.
Engineering · quiet
Buddy match
Events
This week ↓
30
Apr
Portfolio review night
9pm · Main Hall · 12 going
✦ You're going
02
May
24hr hackathon kickoff
11pm · Room 02 · 8 spots left
04
May
Korean study group
2am · Focus Area · 5 going
05
May
Creative breakfast club
7am · Main Hall · 20 going
Community events
Priya S.
@priya · Design · LES
47
Sessions
12
Buddies
8
Events
My work vibe
Deep focus Night owl Music ok Open to chat
I'm working on
Side project Freelance Portfolio
Profile
05 — Web App · Desktop

The web experience.

The web app serves a different moment — discovery and booking before you arrive. The dashboard gives an at-a-glance view of space availability, active community members, and upcoming events, so you can plan your session from wherever you are.

333.nyc · dashboard
Book now

Your space
is waiting.

Real-time availability across all 333 rooms and pods. Book in 30 seconds.

Book a space
Find a buddy
Pod A
Open
Pod B
Open
Room 01
Busy
Room 02
Open
Room 03
Busy
Main Hall
24 seats
Studying now · 14 people
Marcus K.
Engineering · Pod B
Priya S.
Design · Main Hall
A
Alex T.
Writing · Room 02
R
Ryo M.
Music production
Upcoming events
Portfolio review night
Tonight · 9pm · Main Hall
12 going
24hr hackathon kickoff
May 2 · 11pm · Room 02
8 spots left
Korean study group
May 4 · 2am · Focus Area
5 going
Creative breakfast club
May 5 · 7am · Main Hall
20 going
Recent activity
🎉
Priya booked Pod A for tonight
🤝
Marcus & Priya are co-working in Main Hall
📅
Hackathon · 8 people signed up
Night mode active · 11pm–6am pricing
New event: Figma critique circle (May 8)
06 — Design System

Colors & type.

The palette is drawn from a gradient of coral, peach, and lavender — the warmth of a café at golden hour bleeding into the soft glow of late night. Not the corporate blue of productivity tools, not the stark black of nightlife apps. Something between: soft, dreamy, and always-on.

Espresso
#180F1C
Amber
#EF887F
Gold
#FACDA5
Terra
#E06878
Sage
#A888C8
Cream
#FFF0EC
Display
Fraunces
Warm.
Fraunces — Variable Serif
A literary serif with genuine warmth. At SOFT 100, the letterforms soften into something that feels approachable — like a good café corner, not a tech product.
Body + UI
DM Sans
CLEAR
DM Sans — Geometric Sans
Legible and neutral at every size. Grounds the warmth of Fraunces with clarity — important for a utility-first app where the UI should never fight the content.
07 — Design Process

How I worked.

01
Discovery
16 user interviews, 120-person survey, analysis of Korean café culture and NYC co-working landscape
02
Define
Persona development, user journey mapping, feature prioritization, information architecture
03
Ideate
Lo-fi wireframes for 12 screens, user flow mapping, concept testing with 6 participants
04
Design
Hi-fi UI design system, component library, 5 mobile screens + full web dashboard
05
Test
Usability testing with 8 participants, accessibility review, iteration on booking and matching flows
08 — Reflection

What I learned.

This project started with a personal frustration. Moving between Seoul and New York, the contrast was impossible to ignore — Seoul has 24-hour study cafés on every other block, spaces where the ambient presence of other people working makes your own work feel possible. New York, despite being the most productive city in the world, doesn't have a single equivalent that isn't either a WeWork or a bar.

The most interesting design challenge was the study buddy matching feature. The instinct was to make it feel like a dating app — swipe, match, chat. But the research was clear: people want ambient presence, not social obligation. The final design lets you signal that you're open to co-working without requiring a conversation. The connection is opt-in, asynchronous, and low-pressure. That distinction took three rounds of user testing to get right.

Designing for both mobile and web in the same project forced a clarity of feature hierarchy that's easy to avoid when you're only working on one platform. The mobile app is for the moment — check in, book, find a buddy, order. The web is for planning. Those are different jobs, and they need different layouts even when they share the same design language.