Dark Mode Design for the Entertainment Product
Test your interactive and visual design skills by designing a mobile UI with a light and dark mode.
Design Scenario
You work as a UI designer in the entertainment industry of your choice. After conducting a survey among your users, you've learned that many prefer using your product in dark mode. They believe this can help reduce eye strain and improve readability.
Design Task
Your design task is to complete the following:
- Select an entertainment platform and the device type for your design.
- Create the major screens of your product's user flow in light mode.
- Develop a color palette for dark mode, ensuring compatibility with WCAG's color contrast requirements.
- Design the screens in dark mode.
- Consider the placement of the mode switch in the interface.
- Explain your design choices and your thought process.
- Use the provided mobile or desktop templates to showcase your designs.
- Bonus points for making your project submission interactive.🏆
Instructions
Read the instructions to ensure your submission receives maximum visibility.
- You can edit your project at any time.
- Remember to share your submission with your community. The more reviews and views it receives, the quicker it will be seen by Uxcel Mentors.
- After submitting your project, consider reviewing others' projects. This can enhance your project's discoverability.
- Ensure you only submit your own work.
Evaluation criteria
Your project will be evaluated using the following criteria:
- Accessibility — Does the design comply with the WCAG’s requirements and is accessible to all users? Is the design inclusive to all users regardless of their background, race, age, gender, and ethnicity?
- Scannability — How easily and quickly users can scan or glance through a digital interface to find the information they need without having to read every word?
- Visual design — Do designs effectively engage the user through strategic use of color, typography, and imagery?
- Presentation — How effectively is the work presented, including the templates provided, the formatting of the copy, the links shared, and the explanation of the design rationale?
Templates
Recommended learning
External resources
Topics
Share
Similar Design Briefs
Typography System for Entertainment Platform
Use your typography knowledge to create a typography system for the entertainment industry that reflects the brand image.
Microinteraction Design for Productivity Platform
Create a delightful user experience in the productivity industry using microinteractions.
Operational Dashboard for High-Risk Data Platform
Showcase your interaction design and content strategy expertise by creating an operational dashboard for monitoring high-risk data.