StreamVibe
Platform: StreamVibe - A Modern Streaming Entertainment Platform
Major Screens Implemented:
- Home Screen - Features a hero section with featured content, trending shows, and new releases in scrollable rows with smooth animations
- Detail Screen - Shows complete information about selected content with cast, director, similar content, and action buttons
- Search Screen - Real-time search functionality with visual grid layout of all available content
- Profile Screen - User settings, watch history with progress bars, appearance controls including the theme toggle, and WCAG compliance information
Design Choices & Thought Process:
Color Palette (WCAG AA Compliant):
- Dark Mode: Deep black (#0a0a0a) background with light gray (#fafafa) text for a 14.5:1 contrast ratio (exceeds WCAG AAA)
- Light Mode: Pure white (#ffffff) background with dark gray (#0a0a0a) text for maximum readability
- Brand Color: Netflix-inspired red (#e50914) for primary actions and branding
- Muted tones: Carefully selected grays that maintain minimum 4.5:1 contrast for all text elements
Mode Switch Placement:
- Positioned in the top-right corner of the navigation bar for easy access
- Uses a sun/moon icon for clear visual indication
- Smooth transitions between themes enhance the user experience
Reviews
0 reviews
This project hasn’t been reviewed yet
Share your expertise with the Uxcel community by providing a review of this project. Not only will you help others, but you will also enhance your leadership skills.
0 Claps
Average 0.0 by 0 people
You might also like
Project
Accessible Signup & Login Experience — Brainex
Accessible Signup & Login Experience — Brainex Brainex is a modern and accessible authentication experience designed for a SaaS platform. T
Project
Mobile Onboarding: Casa di Pasta
🍝 Project Overview: Casa di PastaThis project is a mobile registration and login flow for a pasta workshop app. My goal was to create a fri
Project
Accessible Signup Form
This project is an app which helps users to consume content based on their mood and it explores the design of an accessible, inclusive signu
Project
Auction
1. Clear visual hierarchySignup Screen: “Create a free account!”Login Screen: “Welcome back”Using clear H1 titles instantly orients the user
Project
Entrant - Analytical Dashboard
Entrant is a job-seeking platform built specifically for students and fresh graduates, helping them connect with internship and entry-level
Project
Babylon Balance - Designing Financial Clarity Through Constraint
OverviewBabylon Balance is a personal finance app designed to help users manage their income with clarity, discipline, and minimal cognitive
Visual Design Courses
Course
UX Design Foundations
Learn the essentials of UX design to build a strong foundation in core principles. Gain practical skills to support product development and create better user experiences.
Course
Introduction to Figma
Learn essential Figma tools like layers, styling, typography, and images. Master the basics to create clean, user-friendly designs
Course
Design Terminology
Learn UX terminology and key UX/UI terms that boost collaboration between designers, developers, and stakeholders for smoother, clearer communication.