UI/UX Design for Interactive eLearning App

Status: Open
Prize: $206
Entries Received: 80

Contest Brief

Canary merges eLearning and social networking by teaching languages through music while fostering a vibrant creator community. The website provides a unique mix of features like interactive quizzes, TikTok-style content discovery, and social duets to make learning fun and engaging.

The goal is to design all UI/UX screens for Canary, ensuring a cohesive and intuitive experience.

App Purpose and Core Features
Canary allows users to:

*Learn Languages Through Music:
*Watch music videos with real-time bilingual lyrics and translations.
*Practice vocabulary through interactive quizzes and save words for review.
*Engage with Creators:
*Discover creators posting music covers and lip-syncing videos.
*Follow creators, subscribe to exclusive content, and schedule duets.
*Record and Share:
*Record yourself singing and post publicly or save privately.
*Monetize Content:
*Pay-per-song unlocks, premium subscriptions, and creator-specific subscriptions.

Webapp Pages to Design ( NO AI PLEASE) see attached mobile inspiration

0. Sign in

1. Language Selection (Onboarding)
Purpose: Allow users to select their target language for tailored content.
Features:
Sign-in and language selection.
Clean, minimal interface with engaging visuals.

2. Song of the Week (Home Page)
Purpose: Highlight a trending song with interactive learning features.
Features:
TikTok/Reel-style video with a generic background.
Real-time bilingual lyrics synced to the video.
Buttons for:
Start Quiz: Fill-in-the-blank questions after the song.
Record: Sing along with the song (public or private post options).
Quizzes: Include blank spaces for words users must translate (e.g., "How do you say 'dance' in French?").

3. Discover Tab (TikTok-Style)
Purpose: Provide a scrollable feed of creator videos.
Features:
TikTok-style scrollable videos of creators lip-syncing or singing covers.
Bilingual lyrics displayed in real-time.
Buttons for:
Follow the creator.
Unlock full videos for $1.99.
Start a quiz based on the video.

4. Vocabulary Page
Purpose: Enable users to review and practice saved words.
Features:
List of saved words with translations.
Flashcard view for practice.
Sorting and filtering options (e.g., by song, date).

5. Recording Page
Purpose: Let users record themselves singing along to a song.
Features:
Real-time lyrics synced with recording.
Buttons for:
Replay recording.
Save as public or private.
Re-record.

6. Duet Page
Purpose: Facilitate interactive singing sessions with creators or other users.
Features:
Split-screen design for two users singing together in real-time.
Lyrics displayed for both participants.
Payment flow for paid duets (e.g., $5 per session).
Interactive elements for users to engage during the duet (e.g., emojis or applause).

7. Creator Profile Page
Purpose: Showcase content creators and their offerings.
Features:
Profile picture, bio, and list of videos.
Buttons for:
Follow.
Subscribe for $4.99/month (unlock exclusive content).
Schedule a duet (price displayed).

8. Subscription Page
Purpose: Monetize the app with subscriptions and pay-per-content options.
Features:
Explanation of subscription benefits:
Unlimited song access ($13.95/month).
Pay-per-song unlock ($0.95/song).
Creator-specific subscriptions ($4.99/month).
Payment options (credit card, PayPal, etc.).

Take design inspiration from:

Inspiration; https://dribbble.com/shots/10484029-Lyrics-Exploration
https://dribbble.com/shots/24999109-Pixelia-Talent-Marketplace-Website
https://dribbble.com/shots/16352060-SingSong-Karaoke-App
https://dribbble.com/shots/9878500-Tiktok-App-Redesign-Concept-UX-UI-Design
https://dribbble.com/shots/14722892-Spotify-Redesign-Lyrics
https://www.song-lingo.com/
https://cremasocial.com/

Recommended Skills

Enter This Contest

Top entries from this contest

dkavinda90 Sri Lanka

0
trushit2 India

0
SimonaM97 Italy

1
DharshanDawan India

0
mariamb14 Pakistan

0
mariamb14 Pakistan

0
SimonaM97 Italy

0
dkavinda90 Sri Lanka

0
dkavinda90 Sri Lanka

0
trushit2 India

0
amairinei Romania

0
TilakMirajkar India

0
mariamb14 Pakistan

0
mariamb14 Pakistan

0
mariamb14 Pakistan

0
mariamb14 Pakistan

0

View More Entries

Public Clarification Board

Orko998
- 3 days ago
Please check #129 thanks!
- 3 days ago
hamamagraphics
- 3 days ago
#increaseprize
- 3 days ago
UTSHO995
- 5 days ago
bro your offering price is very low, please update your price, minimum $500. thanks.
- 5 days ago
muhammadimran908
- 6 days ago
PLEASE CHECK #123
- 6 days ago
mariamb14
- 1 week ago
please review #122 complete app
- 1 week ago
himanshujangid03
- 1 week ago
Please check #119
- 1 week ago
mariamb14
- 1 week ago
Hi, Please check #118 prototype
- 1 week ago
himanshujangid03
- 1 week ago
Hi, Please check #104 and #84. Thanks
- 1 week ago
Codeitsmarts
- 1 week ago
Hello there! hope you are doing great. I have 5 years of experience in PHP, mysql, Codeigniter, Wordpress, Jquery, HTML, CSS ,Python and many more. See my portfolio for art work samples and my clients feedback.

Please initiate chat for further discussion. I will do my best for you , with a Positive Hope! Regards
-----------------------------------------------------------------------------
- 1 week ago
mariamb14
- 1 week ago
kindly check #97
- 1 week ago
trushit2
- 1 week ago
Let me know sir if you want any changes or adjustments, because no project is successful without continuous interaction and feedback! many thanks #79
- 1 week ago
mariamb14
- 1 week ago
kindly check #93
- 1 week ago
mariamb14
- 1 week ago
kindly check #88
- 1 week ago
mariamb14
- 1 week ago
kindly review #86
- 1 week ago
himanshujangid03
- 1 week ago
Hi, Please check #84. Thanks
- 1 week ago
trushit2
- 1 week ago
First Of All I apologies For the Delay. Kindly Check it Sir 10 Pages Design Completed! #79 [Clean, Creative, Modern and Pixel-Perfect]
- 1 week ago
mariamb14
- 1 week ago
kindly check #78
- 1 week ago
mariamb14
- 1 week ago
kindly check #76
- 1 week ago
mariamb14
- 1 week ago
kindly check #74
- 1 week ago
mariamb14
- 1 week ago
kindly check #73
- 1 week ago
hamamagraphics
- 1 week ago
Hello Contest Holder,

Please do not close the contest before deadline or choose any winner. There could be much more better designs. And I'm also working on it. Thank You, Regards
- 1 week ago
1. Contest Holder
  - 1 week ago
  Sure
  - 1 week ago
NayemHossain095
- 1 week ago
Hello There

I am working on designing according to the contest instructions. I will share the first draft with you as soon as possible. Please keep the contest open until the deadline is over, and avoid closing it early.

Thank you for your understanding
- 1 week ago
trushit2
- 1 week ago
Functional, Creative and Pixel-Perfect Design Always take a time #63
- 1 week ago
mariamb14
- 1 week ago
kindly review #61
- 1 week ago
shujazaidi33
- 2 weeks ago
Hi Contest Holder, #31

I’m Shuja, an experienced UI designer. I’ve created an initial Canary UI design with two screens: the home page and the "play song" screen. The design features a sleek layout, a blue color palette, and subtle abstract touches to enhance the visual appeal. I’ve started with these two screens to gather your feedback and better understand your vision. If I’m on the right track, I’ll proceed with designing the remaining screens as outlined in the provided document.

Please take a moment to review the design and share your thoughts. If it doesn’t fully meet your expectations, I’d greatly value your input to refine it further and improve based on your valuable suggestions.

Looking forward to hearing from you!
- 2 weeks ago
mariamb14
- 2 weeks ago
#kindly check #23 and #24
- 2 weeks ago