Luupli Mobile App
Luupli is a next-generation social media platform committed to fostering genuine human connections. Launched in December 2024, it aims to empower creators from underserved communities, promote authentic content, and ensure user privacy.
Task
Redefining Social Media with Inclusivity and Empowerment
-
Strategy
Design Sprints, Workshops
-
Design
UI, UX, Animation, Product Design, Prototyping
-
Client
Luupli
-
Production
Design Sprints, Documentation
-
Platforms
Desktop, iOS
⬤ 01. Development Journey
Focus Areas: UX/UI Design, Gamification, Creator Monetization, Community Engagement
🎯 Objectives
– Develop a user-centric platform that champions inclusivity and diversity.
– Design intuitive features that enhance user engagement and retention.
– Implement monetization tools that allow creators to earn equitably.
– Ensure a seamless and delightful user experience across all touchpoints.
🔧 Tasks
User Research & Analysis: Conducted comprehensive studies to understand the needs of creators and users from diverse backgrounds.
Feature Design: Conceptualized and designed the “Earn & Gift Pees” system, integrating gamification elements to boost engagement .
UI/UX Development: Crafted intuitive interfaces for features like the Luupli Wallet, ensuring ease of use and accessibility.
Regulatory Compliance: Designed virtual token systems to navigate real-money transaction regulations effectively.
Collaboration: Worked closely with cross-functional teams to align design objectives with technical feasibility and business goals.
🛠️ Key Features & Solutions
1. Earn & Gift Pees System
Gamification: Introduced virtual tokens (“Pees”) to reward user interactions, encouraging daily engagement through streaks and bonuses.
Gifting Mechanism: Enabled users to gift Pees to creators, fostering a supportive community and providing creators with tangible appreciation.
Regulatory Navigation: Maintained Pees as virtual tokens to circumvent real-money transaction complexities, ensuring compliance and user trust
2. Inclusive Design Approach
Accessibility: Ensured that the platform’s design is accessible to users with varying abilities, incorporating features like adjustable text sizes and high-contrast modes.
Cultural Sensitivity: Designed with a global audience in mind, incorporating diverse cultural elements and avoiding region-specific biases.
3. Creator Empowerment Tools
Monetization Opportunities: Provided creators with tools to monetize their content effectively, including analytics dashboards and promotional features.
Community Building: Facilitated the creation of “Lounges” where creators can engage directly with their audience, fostering deeper connections
Tools Used
Figma (UI design, prototyping, design system)
Notion (project planning, research synthesis, documentation)
Useberry, Maze & Typeform (user feedback and testing)
Jitter, Adobe After Effects / Lottie (motion design)
Framer & Protopie (for motion prototypes and microinteraction testing)
Outcomes
Enhanced User Engagement: The introduction of gamified elements led to increased daily active users and longer session durations.
Positive Community Feedback: Users praised the platform’s commitment to inclusivity and the empowerment of creators from diverse backgrounds.
Successful Beta Launch: Achieved a smooth rollout in December 2024, with a growing user base and active community participation
⬤ 02. UI
Luupli Designs show the importance of inclusivity and user empowerment in digital platforms. By integrating thoughtful design with strategic gamification, we created a space where users feel valued, and creators can thrive authentically.








Primary #0B0D0B | ◯ | |
Primary Black
Primary #006E41 | ◯ | |
Primary Green
Secondary #007F7F | ◯ | |
Text
Secondary #9EF0D0 | ||
Luupli Green – 300
Typography
/ Scales
Typeface
Inter
Usage
Headlines
Aà
Omneky’s typeface is simple, bold, easy for everyone to read, and instantly recognizable
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 0123456789
Typeface
Inter
Usage
Headlines
Typeface
Inter
Usage
Headlines
Key Takeaways for Similar Projects:
- Invest time in understanding user needs through qualitative research.
- Prioritize technical feasibility early to align design with development capabilities.
- Use modular design systems to balance scalability with rapid iteration.
- Test iteratively with real users to ensure the final product meets their expectations.