Community App hero preview

Community App

Helping people connect through events

  • Role:

  • UI/UX Designer
    Product Designer
    Admin Dashboard Designer

  • Category:

  • Community Platform / Social App

  • Timeline:

  • 5–6 weeks

  • Tools Used:

  • Figma
    Adobe Photoshop

Role: UI/UX Designer, Product Designer, Admin Dashboard Designer

Category: Community Platform / Social App

Timeline: 5–6 weeks

Tools Used: Figma, Adobe Photoshop

Overview

A community app for discovering activities, meeting like-minded people, and joining real-world events.

I designed the mobile experience and admin dashboard.

Jump to designs ↓

The Problem

Finding activities and building meaningful connections can be difficult in a fast-paced city.

  • Activity listings are scattered
  • Users need safer ways to meet
  • Online connections don’t always lead to real events

The Goal

Help attendees and hosts discover events, connect through shared interests, and interact safely.

Target Users

Young professionals, expats, and anyone seeking meaningful connections.

Key Product Challenges

Balance relevant discovery, user safety, privacy, and a feature-rich product in a simple experience.

My Approach

Personalized discovery and clear actions help users join, book, or host events. Temporary interactions support privacy and safety.

User Flow

Onboarding β†’ Interest Selection β†’ Personalized Feed β†’ Event Details β†’ Join Event β†’ Temporary Chat β†’ Attend β†’ Feedback

Relevant events are easy to find, and chat opens after joining.

Community App user flow diagram

The Solution

A single platform for:

  • Discovering, joining, and hosting events
  • Safe interaction and moderation

Key Feature Highlight

Temporary event chat

Chat unlocks after joining an event and closes when it ends, supporting coordination while protecting privacy.

Design Process

Design System
Created a dark theme with reusable components and consistent type and spacing.

Community App design system

Wireframes
Simplified key flows and prioritized Join, Book, and Host actions.

Community App wireframing

High-Fidelity UI
Used scannable cards, strong contrast, and clear calls to action.

Community App high-fidelity UI

Admin Dashboard
Designed tools for moderation, event approvals, reports, payments, and analytics.

Community App admin dashboard

Key Design Decisions

βœ” Card-based feed for quick scanning

βœ” Interest-based discovery for relevant events

βœ” Temporary chat for safer interaction

Challenges

Keep event, chat, and hosting features clear while balancing safety with engagement.

Expected Impact

  • Make event discovery more relevant
  • Encourage participation and safer interactions

Key Learnings

  • Clear flows make participation easier
  • Trust and safety are essential
  • Simplicity matters more than extra features

Final Result

  • Design for real-world behavior
  • Balance user needs, safety, and business goals

Back to top ↑

More Projects

Keep exploring a few other case studies and visual design projects.