The Nbn Streaming App UI/UX Design
Budget: $30 – $250 USD
The Nbn App – UI/UX Design Requirements
1. General Requirements
• Design a streaming app for movies and series, inspired by Netflix
• Target platforms: Android and iOS
• Dark Mode only (no light theme)
• Clean, modern, and user-friendly interface
• Must support both Arabic and English languages
2. Screens to Design
1. Splash Screen: Startup screen with “The Nbn” text and a simple animation (like Netflix intro)
2. Home Screen: Main screen showing content sections such as New, Popular, Arabic, Foreign, Kids
3. Movie/Series Details: Page showing title, description, play button, duration, genre, etc.
4. Video Player UI: Layout for video playback (play/pause, time, subtitle toggle, etc.)
5. Search: Search interface with suggestions and result display
6. Login/Register: Sign in using email, phone, Google, or Apple ID
7. User Profiles: Up to 4 profiles per account, including a Kids profile
8. Kids Mode: Child-friendly interface with colorful style and restricted content
9. Subscription: Screen for monthly payment (PayPal / Apple Pay)
10. Continue Watching: Section to resume unfinished videos
11. Smart Recommendations: Personalized content suggestions based on watch history
3. Design Style
• Fully dark theme: background color like #121212 or #1A1A1A
• Accent colors: deep red or purple for buttons and highlights
• Rounded movie/series cards
• Clean fonts such as Poppins, Google Sans, or Cairo (for Arabic)
• Proper spacing and padding throughout the interface
4. Deliverables
• Final design delivered in Figma or Adobe XD
• Organized using components and design frames
• Developer-ready layout
• Supports both Right-to-Left (Arabic) and Left-to-Right (English) content
• Mobile-first layout; tablet responsiveness is a bonus
1. General Requirements
• Design a streaming app for movies and series, inspired by Netflix
• Target platforms: Android and iOS
• Dark Mode only (no light theme)
• Clean, modern, and user-friendly interface
• Must support both Arabic and English languages
2. Screens to Design
1. Splash Screen: Startup screen with “The Nbn” text and a simple animation (like Netflix intro)
2. Home Screen: Main screen showing content sections such as New, Popular, Arabic, Foreign, Kids
3. Movie/Series Details: Page showing title, description, play button, duration, genre, etc.
4. Video Player UI: Layout for video playback (play/pause, time, subtitle toggle, etc.)
5. Search: Search interface with suggestions and result display
6. Login/Register: Sign in using email, phone, Google, or Apple ID
7. User Profiles: Up to 4 profiles per account, including a Kids profile
8. Kids Mode: Child-friendly interface with colorful style and restricted content
9. Subscription: Screen for monthly payment (PayPal / Apple Pay)
10. Continue Watching: Section to resume unfinished videos
11. Smart Recommendations: Personalized content suggestions based on watch history
3. Design Style
• Fully dark theme: background color like #121212 or #1A1A1A
• Accent colors: deep red or purple for buttons and highlights
• Rounded movie/series cards
• Clean fonts such as Poppins, Google Sans, or Cairo (for Arabic)
• Proper spacing and padding throughout the interface
4. Deliverables
• Final design delivered in Figma or Adobe XD
• Organized using components and design frames
• Developer-ready layout
• Supports both Right-to-Left (Arabic) and Left-to-Right (English) content
• Mobile-first layout; tablet responsiveness is a bonus