Platform: iOS / Android Deliverables: Figma + Design System + Visual Assets Total Screens: 60+ (Including Light & Dark Mode versions)

Masquerade is a mobile application designed to help university students connect with each other based on shared interests. Whether anonymously or with their real identities, students can engage through chat, participate in daily events, and interact with their campus in a fun and meaningful way. The app includes daily game sessions scheduled in the morning, noon, and evening, offering entertainment and connection throughout the day.

Interest-based matching system Location-based content sharing Real-time messaging Natural and safe conversation flow Daily time-based activity and gaming sessions

Bright, playful, and modern interface Light and Dark Mode versions available Built using a full Design System for consistency and scalability Includes app logo, game logos, and app store promotional visuals

Masquerade combines social interaction with casual gaming, offering three time-specific game sessions throughout the day that bring students together in fun ways.

Deepmind Morning (morning) – Focused on memory and logic games Action Noon (midday) – Fast-paced arcade-style games Quiz Night (evening) – Live trivia competitions with scoring

Memory, Tango, Queens, Tiles, Wordle Sky Theory, Lane Runner, Jelly Forest Multiple-choice quizzes with leaderboard and performance tracking

All games include scoreboards and rankings to boost engagement and light competition.

Paper is the content-sharing section of the app, allowing users to post thoughts, observations, or updates based on their location on the campus map.

Map-based content feed Create posts with title, description, and optional images Set visibility duration (1, 7, or 30 days) Comment system for community interaction Designed for real-time, relevant campus sharing

Masquerade was designed with both Light and Dark Mode to ensure a seamless and comfortable experience in any environment.

The Light Mode delivers a bright, clean interface that feels fresh and open—ideal for daytime use. It emphasizes clarity, focus, and ease of navigation, helping users interact without visual fatigue.

The Dark Mode brings a bold, immersive look that reduces eye strain in low-light settings. With deeper tones and vibrant accent colors, it enhances the app’s energetic and playful vibe, especially during evening interactions and game sessions.

Both modes maintain visual consistency, accessibility, and emotional tone, adapting effortlessly to the user’s daily rhythm.

Before diving into final UI designs, I explored several visual directions to define the right tone and personality for Masquerade. These early concept screens played a crucial role in shaping the app’s identity and overall experience.

From dark, mysterious themes to playful and vibrant approaches, the goal was to find a balance between curiosity, safety, and social interaction. Exploring different layouts, color palettes, and onboarding ideas helped test what would resonate most with the student audience.

The concept phase was both challenging and inspiring—full of trial, iteration, and creative discovery. It laid the foundation for a product that feels both emotionally engaging and functionally intuitive.