Back返回

UHLOOR

Make Finding Someone Playful让遇见一个人,变成一件好玩的事

A dating app that turns finding someone into something playful — filter by age, distance and gender, browse a drifting cloud of real people, then match, chat and send gifts to the ones you're drawn to.一款把"找到那个人"变得轻盈好玩的约会 App——按年龄、距离、性别筛选,在一片漂浮的真实用户头像里浏览,再和你心动的人配对、聊天、送礼物。

Role角色
Lead UI/UX Designer
Scope范围
Discover → Match → Chat发现 → 配对 → 聊天
Market市场
Online Dating在线交友
Category类别
App UI/UX
Stack工具
Figma · Illustrator
15Key Screens核心界面
3Match Filters匹配筛选
2Leaderboards排行榜
DailyAuto-Match自动优选
The Concept概念

Dating, with a lighter touch.约会,换一种轻盈的方式。

UHLOOR keeps the flow simple: set who you're looking for by age, distance and gender, then explore real people as a drifting cloud of avatars. Tap a face to open a full profile, add them to your wishlist, or send a friend request. Chat opens only once you're actually connected — a small rule that keeps conversations wanted, not unsolicited.UHLOOR 把流程做得很简单:先用年龄、距离、性别定下你在找的人,再以漂浮的头像云去探索真实用户。点开一张脸就能看完整资料、加进心愿单,或发起好友申请。聊天只有在真正建立连接后才开启——一条小小的规则,让每段对话都是被期待的,而非被打扰的。

Two ways to reach someone: browse and request, or let the app help. Each day, points unlock an Auto-Match that recommends one person and offers a direct chat opening — accept or decline, then wait for the next window.触达一个人有两条路:自己浏览发起,或让 App 帮你。每天,积分可以开启一次自动优选——推荐一位并给出直接聊天的机会,同意或拒绝,再等下一个时间窗。

Get In进入

Brand as the whole screen.让品牌,就是整块屏幕。

The door is a single full-bleed coral canvas. The thin, wide-tracked wordmark leads, the form stays to the essentials, and social sign-in sits one tap away — nothing between you and your first match.入口是一整块通铺的珊瑚红。纤细、宽字距的标识先行,表单只留必要项,社交登录一键可达——你和第一次配对之间,不放任何多余的东西。

Sign in登录01
Sign in
Sign inCoral fills edge to edge so the identity registers before a field is read; social options rank quietly below the primary action.珊瑚红铺满整屏,让人在读第一个输入框前就记住品牌;社交登录安静排在主操作之下。
Discover发现

Set the filters, then let people drift in.设好筛选,让人一个个漂进来。

Discovery starts with intent: dial in age, distance and gender like tuning a dial, not filling a form. From there, matching people surface as a drifting, tappable cloud of avatars — a calm, low-pressure way to browse. Tap anyone to open their full profile, where you can gift, add to your wishlist, or send a friend request.发现从"意图"开始:像拧旋钮一样调好年龄、距离、性别,而不是填表。之后,符合条件的人会以漂浮、可点的头像云浮现出来——一种平静、低压力的浏览方式。点开任何人就进入完整资料页,在那里你可以送礼、加进心愿单,或发起好友申请。

Filters · Floating avatars · Profile筛选 · 漂浮头像 · 详情页03
Match filters
FiltersAge, distance and gender set through sliders and steppers — defining who you want to meet feels like tuning, not admin.年龄、距离、性别用滑块和步进器来设——定义"想遇见谁"像在调音,而不是填表。
Floating avatars
BrowseMatching people float as a paged, tappable cloud of avatars — a playful, unhurried way to discover who's nearby.符合条件的人以分页、可点的头像云漂浮——一种好玩、不慌不忙的方式,发现附近有谁。
User profile
ProfileA full user profile — points, photos and bio, with actions to send a gift, add to wishlist, or request to connect.完整的用户资料页——积分、照片、简介,配上"送礼""加心愿单""发起好友申请"的操作。
Daily Match自动优选

Spend a point, let the app introduce you.花一枚积分,让 App 替你牵线。

Not everyone wants to hunt. Once a day, points unlock Auto-Match — the app recommends one person it thinks you'll like and offers a direct chat opening, no friend request needed. It's a deliberately physical gesture: drop a point into the bowl to draw today's introduction.不是每个人都想主动找。每天一次,积分可以开启自动优选——App 推荐一位它认为你会喜欢的人,并给出一个直接开聊的机会,无需好友申请。这是一个刻意做得很"实体"的动作:把一枚积分投进碗里,抽取今天的这次牵线。

Then it's out of your hands: if they accept, the chat opens; if they decline, nothing is lost — you simply wait for the next time-slot's recommendation. Win or not, the loop gently pulls you back tomorrow.接下来就交给对方:对方同意,聊天即开启;对方拒绝,也没有损失——只要等下一个时间段的推荐即可。无论成不成,这个循环都会温柔地把你明天再拉回来。

Draw · Accepted · Declined抽取 · 同意 · 拒绝03
Auto-Match draw
DrawDrop a point into the bowl to trigger today's Auto-Match — a tactile metaphor that makes spending a point feel intentional.把一枚积分投进碗里,触发今天的自动优选——把"花积分"做成可触摸、有分量的动作。
Match accepted
AcceptedThey said yes — a celebratory full-coral moment that opens a chat straight away. Connection, not a prize.对方同意了——满屏珊瑚红的庆祝时刻,直接开启聊天。是"连接",不是奖品。
Match declined
DeclinedA gentle "next time" with a calm clock — no dead end, just a wait for the next time-slot's recommendation.一句温柔的 Next Time 配安静的时钟——不是死胡同,只是等下一个时间段的推荐。
Leaderboard排行榜

Rank the world, or just your friends.看全世界,也看你的朋友。

Leaderboards give the community a pulse — ranked two ways, Worldwide and Friends, so you can browse the wider crowd or keep it to people you know. From here you can open any user's profile, jump to anyone by their UHLOOR ID, or send a friend request on the spot.排行榜给社区一个脉搏——按"全球"与"好友"两种方式排名,让你既能浏览更大的人群,也能只看认识的人。从这里可以打开任何用户的资料页、按 UHLOOR ID 直达某个人,或当场发起好友申请。

Worldwide / Friends · Index · Search by ID全球/好友 · 索引 · ID 搜索03
Worldwide leaderboard
Worldwide / FriendsOne tab flips between the whole community and just your friends — points sit beside each name for an instant read.一个切换在"全球"与"好友"间翻转——积分就在名字旁,一眼读完。
Ranked list with A-Z index
Jump the ranksA vertical alphabet index rides the right edge, so a long list of people stays quick to navigate.右侧竖排字母索引,让长长的人名榜也能快速定位。
Search by UHLOOR ID
Find by IDKnow exactly who you're after? Search a UHLOOR ID to open their profile and send a friend request directly.知道要找谁?搜一个 UHLOOR ID 就能打开对方资料页,直接发起好友申请。
Chat聊天

Talk only once you're connected.先成为好友,才能开口。

Chat is reserved for people you've actually connected with — matched through Auto-Match, or added after a friend request is approved. That gate is the point: it keeps conversations mutual and wanted. Until a request is accepted, the thread stays locked, and the screen says so plainly instead of pretending you can message.聊天只留给真正建立连接的人——通过自动优选配对,或好友申请通过后添加。这道门槛正是重点:它让每段对话都是双向、被期待的。在申请通过之前,会话保持锁定,界面会把话说清楚,而不是假装你可以发消息。

Open thread · Locked (pending approval)已连接对话 · 未通过则锁定02
Chat thread
ConnectedOnce you're friends, the conversation gets the stage — paired avatars, aligned bubbles, timestamps, and a coral SEND.成为好友后,对话被交到台前——成对头像、对齐气泡、时间戳,加一个珊瑚红 SEND。
Locked chat state
LockedFriend request not yet approved? A big lock and a plain line explain why chat is closed — a clear reason, not a blank wall.好友申请还没通过?一把大锁加一句朴素说明,讲清为何还不能聊——一个明确理由,而非一堵空墙。
🎁 Gifts & Wishlist礼物与心愿单

Say it with a gift.用一份礼物表达心意。

The in-app shop turns interest into a small, real gesture. Send a gift to someone you're drawn to — or add items to your own wishlist, so the people who like you know exactly what would land. Products rest on boutique-style shelves; a coral promo ribbon flags what's worth grabbing.端内商店把"心动"变成一个小小的、真实的举动。给你心动的人送一份礼物——或者把商品加进自己的心愿单,让喜欢你的人清楚知道送什么最合心意。商品陈列在精品店式的货架上;珊瑚红促销缎带标出值得拿下的好货。

Gift shop · Wishlist · Promo礼物商店 · 心愿单 · 促销02
Gift shop
Gift shopBags, watches and beauty on wooden ledges — the shelf metaphor makes gifting or wishlisting feel like a real shop.包、腕表、美妆搁在木质隔板上——货架隐喻让"送礼/加心愿单"像逛一家真实的店。
Gift shop with promo
PromoA coral ribbon drops over the shelf to flag an offer — one bold accent that pulls the eye without breaking the calm.珊瑚红缎带垂在货架上标出优惠——一个醒目重点色,抓住视线又不打破平静。
The System系统

What holds it together.凭什么成为一个整体。

Discovery, matching, chat and gifting are very different moments, but they run on a small, strict kit: one coral system, one five-tab bar on every screen, a points economy that powers the daily Auto-Match, and a single connection rule — chat only opens between people who've agreed to connect.发现、配对、聊天、送礼是截然不同的场景,却跑在一套小而严格的工具箱上:统一的珊瑚红体系、每屏一致的五格底栏、驱动每日自动优选的积分经济,以及一条唯一的连接规则——聊天只在彼此同意连接的人之间开启。

One five-tab bar同一条五格底栏

Home · Search · Chat · Gifts · Profile, docked to every screen — wherever discovery takes you, the way back is identical.首页 · 搜索 · 聊天 · 礼物 · 我的,停靠在每一屏——无论探索把你带到哪,回来的路都一样。

5-tab bar

Points & Auto-Match积分与自动优选

Points power the once-a-day Auto-Match and unlock a direct chat opening — the app's own way to introduce two people.积分驱动每天一次的自动优选,并解锁一次直接开聊的机会——App 替两个人牵线的方式。

Daily

Connection gate连接门槛

Chat stays locked until a friend request is approved or an Auto-Match is accepted — keeping every conversation mutual.好友申请通过、或自动优选被接受之前,聊天始终锁定——让每段对话都是双向的。

Mutual only
Account hub账户中心
Profile menu
ProfileA quiet account hub — Profile, Inbox, Location, FAQs, Settings, Sign out — icons plus one active row.安静的账户中心——Profile、Inbox、Location、FAQs、Settings、Sign out——图标加一条高亮行。
The Takeaway总结
Meeting someone, made light, mutual and low-pressure.遇见一个人,做得轻盈、双向、没有压力。
UHLOOR reframes dating as a calm daily habit: filter for who you want, browse people as a drifting cloud, and let a points-powered Auto-Match introduce you when you'd rather not hunt. A single connection rule keeps chat mutual, and gifts turn quiet interest into a real gesture — all held together by one coral system and one five-tab bar.UHLOOR 把约会重新框定成一种平静的每日习惯:筛选你想要的人、以漂浮头像云浏览,在你不想主动出击时,让积分驱动的自动优选替你牵线。一条连接规则让聊天保持双向,礼物把安静的心动变成真实的举动——这一切,由一套珊瑚红体系、一条五格底栏串在一起。
More UI/UX projects更多 UI/UX 项目
TAVELLA
TAVELLAUI/UX
SplitKaki
SplitKakiUI/UX
VV Work
VV WorkUI/UX
Petal
PetalUI/UX
FoodSpace
FoodSpaceUI/UX