Populor
Discover Tomorrow's Music and Videos Today
.avif)
.avif)
.avif)
.avif){kind=icon}
User Flow
In order to design the best experience, I’ve look at the possible paths the user might take during their journey and examine what happens during each step. I usually create a map in Figma to get a detailed view of the User Flow.
Sign-Up
- Artist/Band Name
- Primary Genre
Use an existing Google or Facebook account
OR
Manual Sign-Up
- Create Password
Enter phone number for confirmation, send a code
Quick explanation of what the app is
+ To Playlist
- Name
- Genre Tag
- Producer, Director, Record Label names
- Date of creation
- Book this artist ---> User inputs their email tos end to the artist
- Tabs split into:
- Other Videos
- Comments
- Reactions
- Name
- Bio
- Photo
- Social Links
- Tour dates
- Genre
- Tour dates
- Social info: Apple music, spotify, tidal, popular video page, YouTube video pages, etc.
- Videos
- Name
- Bio
- Photo
- Social Links
- Videos
- Name
- Bio
- Photo
- Social Links
- Videos
- Name
- Bio
- Artists Associated with the Label
- Photo
- Social Links
- Videos
- Username
- Profile Picture
- Playlists
- Upcoming shows (only if there’s 1 or more shows)
- Sorted by date added (newest)
- Visitors
- Video Plays
- Social Links
- Edit Name
- Edit Biography
- Upload Photo
- Add social links
- Add tour dates
- Username
- Profile Picture
- Playlists
- Sorted by date added (newest)
- Username Handle
- Phone Number
- Ability to change password
- Saved credit cards
- Delete Account button
- Email Notifications
- Change subscription
- Sorted by date added (newest)
- Username
- Profile Picture
- Playlists
- Add Funds
- Username Handle
- Phone Number
- Ability to change password
- Saved credit cards
- Delete Account button
- Email Notifications
Sign-Up
- Artist/Band Name
- Primary Genre
Use an existing Google or Facebook account
OR
Manual Sign-Up
- Create Password
Enter phone number for confirmation, send a code
Quick explanation of what the app is
+ To Playlist
- Name
- Genre Tag
- Producer, Director, Record Label names
- Date of creation
- Book this artist ---> User inputs their email tos end to the artist
- Tabs split into:
- Other Videos
- Comments
- Reactions
- Name
- Bio
- Photo
- Social Links
- Tour dates
- Genre
- Tour dates
- Social info: Apple music, spotify, tidal, popular video page, YouTube video pages, etc.
- Videos
- Name
- Bio
- Photo
- Social Links
- Videos
- Name
- Bio
- Photo
- Social Links
- Videos
- Name
- Bio
- Artists Associated with the Label
- Photo
- Social Links
- Videos
- Username
- Profile Picture
- Playlists
- Upcoming shows (only if there’s 1 or more shows)
- Sorted by date added (newest)
- Visitors
- Video Plays
- Social Links
- Edit Name
- Edit Biography
- Upload Photo
- Add social links
- Add tour dates
- Username
- Profile Picture
- Playlists
- Sorted by date added (newest)
- Username Handle
- Phone Number
- Ability to change password
- Saved credit cards
- Delete Account button
- Email Notifications
- Change subscription
- Sorted by date added (newest)
- Username
- Profile Picture
- Playlists
- Add Funds
- Username Handle
- Phone Number
- Ability to change password
- Saved credit cards
- Delete Account button
- Email Notifications
.avif){kind=icon}
UI Samples
The updated UI samples for SiteSwan showcase a modernized approach to existing branding. The refreshed interface combines sleek, user-friendly elements with the brand’s core aesthetics, enhancing visual appeal and navigation.
%205%20(2).avif)
%201%20(7).avif)
%205%20(3).avif)
%201%20(8).avif)
Style Guide
The UI samples for Populor embrace a dark mode with vibrant colors, complemented by playful illustrations and stickers.
.avif){kind=icon}
Important Screens
Key screens for Populor include the dynamic Homepage, engaging Search/Explore Page, and detailed Artist Profile. Each screen is designed to enhance the user experience with vibrant colors, lively illustrations, and intuitive navigation, making it easy to discover new music, explore emerging artists, and interact with captivating content.
Homepage
The Homepage of Populor showcases featured artists and their latest music videos, offering a vibrant and engaging introduction to new content.
%202%20(1).avif)
Search & Recommendations
The Search and Recommendations page on Populor provides a seamless way to discover new music and artists
Site Details Page
The registration pages for Populor are crafted to resonate with a younger audience through playful, animated emojis and vibrant illustrations. The language and design are tailored to be engaging and relatable, featuring dynamic visuals and lively animations that make the sign-up process both fun and inviting.
.avif)
.avif)
Search & Recommendations
The Artist Profile page on Populor allows artists to personalize their presence by selecting from custom shapes, colors, and emojis. This feature enables artists to brand themselves uniquely and creatively.
.avif){kind=icon}
Other Screens
Key screens include the Video Page, where users can watch and interact with music videos, the Search Page for exploring and discovering new content, and the Director/Producer Profile, showcasing the creators behind the scenes.
%201%20(9).avif)
%205%20(4).avif)
%201%20(10).avif)
%204%20(6).avif)
.avif)
.avif)
.avif)
.avif)
%20(2).avif)
.avif)
%20(1).avif)
View More Work
.avif)
