Kate Park
UX/UI Design · iOS Mobile Application

Let's play,
nearby.

A dating app concept for people who want chemistry to move into real life faster. Nolja matches users through shared hobbies, local places, and trusted context, then guides them from mutual interest into a specific first-date plan.

RoleLead UX/UI Designer
PlatformiOS Mobile
ScopeEnd-to-end UX/UI
ToolsFigma · FigJam · Maze · Lovable
The Brief
⚠️
The Problem
  • Dating apps create endless matching and chatting, but very little momentum toward an actual date
  • Profile-only swiping makes chemistry feel shallow and hard to trust
  • Users often get stuck deciding who should suggest the first plan, when, and where
  • Safety and comfort depend on context: shared interests, public places, timing, and clear expectations
  • Most dating products separate matching from planning, leaving the hardest moment unsupported
The Solution
  • Use 4 dating signals: mood, distance, time, and trust context
  • Move matched users into a guided date-builder instead of an endless open chat
  • Suggest 3 first-date ideas with cost, travel time, venue type, and availability
  • Make safety cues visible: public venue, check-in reminder, mutual context, and date details
  • Brand the experience around “nol” as a compact, memorable app icon and match stamp
01 — User Research

What we found.

I created this as a full UX/UI portfolio case study: research plan, personas, journey mapping, information architecture, lo-fi wireframes, hi-fi mobile UI, design system, motion direction, usability testing, and final recommendations. Research focused on dating-app users aged 20–34 who wanted more intentional ways to meet in person.

"I do not need more matches. I need a reason to meet someone that feels natural, public, and not awkward to suggest."
— Interview participant, 25, Graduate student
78%
Message fatigue
Said dating-app conversations often lose energy before either person proposes a real first date.
64%
Safety context
Wanted public venues, timing, distance, and safety cues visible before agreeing to meet someone new.
3.2×
Date conversion lift
Participants were more likely to say yes when the app suggested specific date ideas based on shared interests.
91%
Want plans, not limbo
Said they wanted a graceful way to move from match to first date without forcing one person to carry the planning.
02 — User Interviews

Research synthesis, 3 patterns.

I synthesized interview notes, survey responses, and competitor audits across dating, maps, event discovery, and calendar products. The patterns below became the foundation for Nolja’s dating-app strategy.

🎳
Hana, 24
Student · Seoul
"I like when a match gives me something real to respond to. A shared hobby feels easier than another 'how was your weekend?'"
🎨
Daniel, 28
Designer · Los Angeles
"I need to know the vibe before I say yes. Coffee near me feels different from a late-night bar across town."
🏃
Min, 31
Product Manager · New York
"The best first dates are the ones where someone already did the thinking: time, place, backup plan, and a way to say yes."
Cluster A: Chat fatigue
  • Open-ended messages create pressure without momentum
  • Users want a reason to meet that feels natural
  • Shared interests make the first message easier
Cluster B: Trust gap
  • People need venue, timing, travel, and vibe at a glance
  • Public places and mutual context reduce anxiety
  • A date feels safer when logistics are visible
Cluster C: Date drop-off
  • Matches lose momentum when no one proposes a date
  • Structured suggestions increase follow-through
  • Clear accept, suggest, and decline states reduce ambiguity
03 — Design Framework

The four dating signals.

The product architecture is built on one core insight: chemistry needs context. Nolja turns vague attraction into four scannable signals that make a match feel warmer, safer, and easier to meet.

01
Mood
Start from the kind of first date users actually want: cozy, active, creative, spontaneous, focused, or celebratory.
CoffeeActiveCreativeNight outLow-key
02
Distance
Potential matches and first-date ideas are grounded in real travel time, neighborhood familiarity, transit access, and comfort.
NearbyTransitWalkableParkingWeather
03
Time
Availability windows, venue hours, and low-pressure date slots sit directly in the match-to-date flow.
TonightWeekend90 minutesReservationDeadline
04
Trust context
Shared hobbies, mutual circles, public venues, accessibility needs, and budget comfort shape the date before either person commits.
MutualsBudgetPublic venueVibe match
04 — Information Architecture

Core user flow.

The critical UX decision: make the first date the primary object. Instead of stopping at a match and an empty chat, Nolja starts with intent, narrows choices, and moves both people toward one comfortable first-date plan.

Onboard
Sign up
Build profile
Set date signals
Verify safety
Start dating
Discover
Open match deck
Like / pass
Match
Build date →
Send options
Plan
Suggest 3 dates
✓ Accept → Date confirmed
↔ Suggest → New option
✕ Decline → Unmatch
Post-date
Check-in reminder
Rate comfort
Refine signals
05 — Lo-Fi Wireframes

From concept to structure.

Before visual design, I mapped the core mobile flows at low fidelity: onboarding, dating-signal setup, match discovery, profile review, date suggestions, safety check-in, and confirmation. This helped validate hierarchy before investing in polished UI.

Onboarding
Date signals
Discover
Date proposal
06 — User Testing

Two rounds, real feedback.

I ran two rounds of usability testing: first with lo-fi flows to validate comprehension, then with hi-fi screens to evaluate visual clarity, perceived usefulness, and task completion. The goal was to make Nolja read like a complete dating-app product design case study, not only a visual redesign.

Round 1 — Wireframes
Navigation & flow clarity
Tested core task completion: can users set dating signals, browse compatible profiles, understand safety context, and move from match to date proposal?
Key findings — Round 1
3 critical fixes
Users wanted fewer onboarding questions, clearer venue context, and a stronger distinction between liking someone and proposing a date. I collapsed setup into chips, added safety labels, and renamed the final CTA to “Send date ideas.”
Round 2 — Hi-Fi prototype
Visual design & micro-interactions
Tested the cream/green/blue identity, bottom navigation, profile cards, date cards, safety states, and confirmation feedback. Accessibility checks focused on contrast, 44px tap targets, and readable labels inside compact cards.
07 — Hi-Fi UI

The final screens.

I expanded the final UI into a fuller dating-app journey: first impression, date-signal setup, discovery, match moment, date proposal, safety tools, date detail, post-match conversation, and confirmed date. The screens show how Nolja moves from attraction to action.

Nolja
Dating through real plans
Meet through what you already love.
Get started →
Onboarding
Your date signals
Shape how you want to meet
☕ Coffee dates · easy first meet
📍 Within 3 miles · public places
🎨 Creative workshops · weekends
🛡 Share date details with a friend
+ Add dating signal
Plan setup
Discover82% fit
Mina, 26 · 0.8 mi
Shared: ceramics · coffee · Sunday
Designer who likes wheel throwing, quiet cafes, and weekend museum dates.
Ceramics
Coffee
Sunday
2 mutuals
Public venue
Creative dates
Discover match
Mina +
Tim matched.
You both picked low-pressure creative dates. Start with a plan, not an empty chat.
Build date ideas
Match moment
Pick a first date
5 ideas based on both signals →
Best fit
Moon Studio · Ceramic cafe
Sun · 2:00pm · public · 0.8 mi
Calm option
Brew & Browse · Book cafe
Sat · 11:30am · $ · 1.2 mi
Gallery night
Gallery walk · First Friday
Fri · 6:00pm · free · 2.1 mi
Active
River walk · Tea stop
Sat · 4:30pm · public · 1.5 mi
Cozy
Tiny Cinema · Short films
Sun · 5:15pm · reserved seats · 0.9 mi
Date proposal
Date safety
Comfort tools before you meet
Public venue verified
Moon Studio is open until 7pm and has recent check-ins.
Share with friend
Send date time, address, and Mina's profile to a trusted contact.
Check-in reminder
Nolja asks if everything feels okay 30 minutes after start.
Safety tools
Date detailConfirmed
Moon Studio
Sunday at 2:00pm · 0.8 mi away · ceramic cafe · public venue
Directions
Share
Check-in on
Open date card
Date detail
ChatPlan ready
Moon Studio date
Nolja keeps the first message tied to the plan so the conversation starts with context.
Nolja suggested Moon Studio because you both saved ceramics.
This looks fun. I have always wanted to try it.
Sunday at 2 works for me. Public venue feels good.
Same. Can we keep the check-in reminder on?
Yes. I will confirm Moon Studio now.
Message Mina...
Guided chat
Date
confirmed.
Mina accepted Moon Studio for Sunday. Nolja added your safety check-in and date reminder.
Done
Confirmation
08 — Design System

Colors & typography.

The palette is rebuilt from the cream, sage, teal, and blue reference. Cream keeps the app warm and approachable, green signals trust and shared interests, and deep blue gives the dating experience enough structure to feel calm and safe.

Cream
#F9EEF2
Sage Sand
#E8D0D8
Nolja Green
#D9718A
Deep Green
#B85470
Deep Blue
#1E0E18
App Blue
#7AACD0
Display
Fraunces
Playful.
Fraunces — Variable Serif
Warm, literary, expressive. The softened letterforms at SOFT 100 echo the rounded, organic product forms — nothing sharp, nothing cold.
Body + UI
DM Sans
CLEAR
DM Sans — Geometric Sans
Clean, legible at any size. Handles all UI labels, system copy, and body text — grounding the display warmth with precision.
09 — Motion Design

Interactions that breathe.

Motion reinforces the dating flow: profile cards move with soft intent, match feedback feels warm without being loud, and date options appear one by one so users can compare comfort, timing, and venue context.

Match pulse
A compact pulse confirms mutual interest. The animation is celebratory but brief so users can move straight into the date-builder.
🙂
Card physics
Profile cards respond with soft spring motion. Quick swipes feel decisive, while slow drags give users enough control to review safety and shared-interest cues.
☕ Moon Studio · Sun 2pm
📚 Brew & Browse · Sat 11:30
🎨 Gallery walk · Fri 6pm
Date cascade
Date ideas stagger in at 150ms intervals so safety, time, and distance can be scanned one by one before either person accepts.
10 — Usability Testing Results

What we validated.

94%
Task completion
Users completing match-to-date proposal flow without support in round 2 testing
4.7×
Intent to use
Average usefulness rating for Nolja compared with participants’ current dating app experience
0
Proposal confusion
Participants still confused by the final date proposal state after CTA and copy revisions
11 — Future Development

What comes next.

01
Accessibility & trust
Continue testing contrast, screen reader order, large text behavior, accessible venue metadata, and safer date-sharing controls.
02
Date integrations
Connect reservations, maps, calendars, and safety check-ins so users can move from match to confirmed first date inside one flow.
03
Design library documentation
Build a Figma library with tokens for color, typography, spacing, profile cards, date cards, chips, match states, navigation, and motion specs.
12 — Reflection

What I learned.

The hardest UX decision in this project was resisting the default dating-app pattern: match first, then leave users alone in an empty chat. The strongest insight was that people need a softer bridge from attraction to a real, comfortable date.

This project let me show the full designer workflow: framing the problem, validating assumptions, translating research into product architecture, designing screens, testing the prototype, and documenting a system that could realistically ship.

The name Nolja means “let’s play,” so the identity needed to feel social and light without becoming childish. The lowercase nol icon became the anchor: short, memorable, and easy to recognize at app-icon size, while the new cream, green, and blue palette makes the dating experience feel calmer and more trustworthy.