Hue.
We designed a mobile MVP for a dating and community app, combining culture-based matching, dual dating/friendship profiles, and group chat into one product.
Expertise
Industry
Year
/
About the project
Empower Identity: Provide users with granular tools to express their cultural heritage, gender identity, and personal values.
Foster Intentionality: Use UX patterns - such as mandatory prompts and "Vibe Checks"- that slow down the interaction and encourage deeper conversation.
Build a Safe Haven: Implement a "community-first" moderation model and inclusive design language that makes every user feel seen and protected.
Celebrate Diversity: Use a visual identity that reflects the beauty of different "hues," moving away from the generic, corporate look of competitors.
/
Scope of work
This project involved a full design cycle, from deep user research and UX wireframing to creating a high-fidelity UI system and interactive prototypes. Using tools like Figma, Adobe Illustrator, and After Effects.
/
Competitors analysis
We bypassed traditional guesswork by conducting a deep-dive audit of industry leaders to identify where they fail marginalized communities. This analysis allowed us to pinpoint "UX gaps" specifically the lack of inclusive identity filters and the fatigue caused by repetitive, shallow interactions. By studying these friction points, we were able to engineer a more thoughtful, high-conversion flow that prioritizes user safety and cultural resonance from the very first screen.
/
Creating an Account
A single number-and-code login opens a step-by-step wizard — one decision per screen, each labeled "Step N" — that leads straight to the product's defining choice: dating, community, or both. From there the wizard forks by mode, asking who to date and who to meet and which ethnicity applies to each, adds six required photos and a location, then folds into a longer "About Me" pass — height, job, school, beliefs, language, diet — that closes on at least three written prompt answers instead of a blank bio field. Every screen carries just one decision and a visible step count, turning a long identity-and-preferences intake into a sequence people can see the end of.
/
Home & Matching
The main feed doubles as the profile itself: photo, age, height, location, and a country flag sit alongside relationship goals, occupation, school, and a signature prompt answer, so a match starts from something specific to react to, not just a face. Separate "like" states for a photo versus a written prompt let that first move point at what actually caught someone's attention, while a dedicated report flow — down to a "Un-HUE behavior" category — keeps moderation tied to the app's own culture-first tone.
/
Likes page
You collects every incoming interest in one feed: a featured card for the newest like up top, then a two-column grid below, where each card carries the person's photo, name, and flag alongside a caption tied to exactly what they reacted to — "Liked your photo" for a photo, a preview of their answer for a liked prompt. Tapping a card opens the same full profile used on the main feed, so following up on a like costs one tap instead of a search back through the swipe deck.
/
Chat & Community Groups
One tab holds both sides of the product: one-on-one threads with a match, and open group chats built around a shared culture, city, or interest — AfroTech NYC, K-pop Stans, Jamaicans in NYC, Soccer GC, Foodies — some running past a hundred members. Groups carry real moderation, not just messaging: a Creator badge, a member list with an "allow members to add members" toggle, message reactions, mute, leave or delete, and a "Report a Concern" flow that mirrors the app's dating-side reporting. A new chat opens with a friendly nudge — "start talking with {name}" — instead of a blank composer, and creating a group ends on a small "🎉 your group is created" moment rather than an empty inbox.
/
Settings & Profile
Nearly every profile field — height, job, school, religion, language, politics, diet, ethnicity — lives on its own screen with a simple "always visible" or "hidden" toggle, so people control exactly how much of themselves a stranger sees before matching. The same field then forks depending on mode: "ethnicity to date" versus "ethnicity to meet," "dating goals" versus "friendship goals" (with a community-only "networking & mentorship" option), and each written prompt is tagged for which side it answers. The result is one settings list that quietly produces two coherent profiles — dating and community — from the same underlying data, instead of forcing two separate apps.
let’s talk.
Tell us about your project, question, or idea. We’ll get back to you within 1–2 business days.
Latest Projects.
A curated selection of projects that reflect our commitment to simplicity and purposeful design.
