Rigi helps creators run their communities from one place. Instead of using many tools, creators can post, host events, sell courses, manage memberships, and collect payments inside the app.
Rigi uses easy templates so creators can share content, grow their audience, and make money without the hassle of switching between different platforms.
Industry
Timeline
Role
Key Focus
Delivered
Community Platform
2.5 Months(Oct 2023)
UI Designer
Scalable templates, content monetization, and community engagement for consumers.
3+ Templates
Finding Inspiration
Before opening Figma, I spent time looking at products that already had a clean and premium visual style.
I explored banking apps, productivity apps, finance products and modern SaaS interfaces. I wasn't looking to copy designs—I wanted to understand why they looked good and what made them easy to use.
I collected references for:
Card layouts
Typography
Color combinations
Navigation patterns
Spacing
Icons
Components
Empty states
After collecting enough references, I started identifying patterns that appeared again and again.
Defining the Design Direction
Once I had enough inspiration, I started turning those ideas into a visual direction that suited Rigi.
The product needed to feel:
Clean
Modern
Friendly
Premium
Easy to scan
Creator-first
Instead of adding lots of gradients and effects, I focused on simplicity.
I chose soft colors, generous spacing, rounded corners and simple typography to make the content stand out instead of the interface.
Every design decision was made with consistency in mind because the same UI would eventually power many different creator apps.
Creating the Design Language
After the visual direction was clear, I started building the design language. Rather than designing every screen individually, I first designed the building blocks. This made the product easier to scale as new features were added.
The design language included:
Color system
Typography styles
Spacing rules
Border radius
Shadows
Icons
Buttons
Input fields
Cards
Navigation
Bottom sheets
Dialogs
Badges
Chips
Every component followed the same spacing and sizing rules, making the interface feel consistent across the app.
Designing the Screens
With the design language ready, designing screens became much faster. Instead of thinking about every small UI detail again, I could focus on arranging components to solve each screen's purpose.
Using the same system, I designed:
Home Feed
Community
Courses
Events
Store
Profile
Membership
Chat
Offers
Purchases
Because everything was built from reusable components, the experience stayed visually consistent from screen to screen.
Final Outcome
By building a scalable design language first, designing new experiences became much faster and more consistent.
Instead of creating every screen from scratch, I built a flexible system of reusable components that could scale as the product evolved. This made it easier to maintain consistency across features while reducing design effort for future updates.
Using this design system, I designed 5+ white-label app templates, each with its own visual identity while sharing the same reusable component library and design foundation. This allowed different creators to launch branded apps quickly without redesigning the entire product every time.