Implement a Dark Mode Design
Test your interactive and visual design skills by designing a mobile UI with a light and dark mode.
The scenario
Use the scenario to understand the project context and what you’ll be working on.
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.
Details
Your task
Here’s what you need to do for your project:
- 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 project 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
Our learners work at top companies
Top project submissions
Community Choice
Project
Media Portal for the Bank — Ver.2
After taking Uxcel courses, I started to get a better understanding of how to do the dark
Project
Mobile App UI
Community Choice
Project
Music streaming app
This is the UI design of a music player app in dark mode. The style is clean, simple but modern. I use purple in dark mode.
Similar Project Briefs
Project brief
Create a Typography System
Use your typography knowledge to create a typography system for the entertainment industry that reflects the brand image.
Project brief
Design a Password Reset Page
Leverage your UI/UX design expertise to engineer a seamless reset password flow.
Project brief
Design a Spooky Icon Set
Put your design skills to the test by creating a haunting set of Halloween-themed icons
FAQs
What are UX Project Briefs
Uxcel Project Briefs are real-world projects that help designers practice and develop relevant skills they might encounter in any design-first company. By completing projects, designers can receive professional feedback and build their portfolios. Each project is designed to train a specific design skill from one of six main skill graph categories.
Each project on Uxcel includes a design scenario, a design task, tools recommended for completing the project, and external resources. One of the most valuable features of Uxcel’s project is that they simulate real-life situations that UX designers are likely to encounter.
We have added a pool of Uxcel Mentors — well-established designers in the industry that are providing you with thought-provoking, actionable feedback, as well as tips for improvement, if necessary. Projects vary in design skill and level of difficulty, making it possible for beginners and experts alike to participate.
Each project on Uxcel includes a design scenario, a design task, tools recommended for completing the project, and external resources. One of the most valuable features of Uxcel’s project is that they simulate real-life situations that UX designers are likely to encounter.
We have added a pool of Uxcel Mentors — well-established designers in the industry that are providing you with thought-provoking, actionable feedback, as well as tips for improvement, if necessary. Projects vary in design skill and level of difficulty, making it possible for beginners and experts alike to participate.
How do I earn a high score on my Project Brief project?
To excel in tackling a Project Brief, it's advisable to prepare thoroughly by undertaking relevant UX design courses and lessons. Uxcel provides a curated selection of external resources and lessons endorsed by its expert design team for each Project Brief. Prior to execution, meticulously assess the scenario, task, and completion criteria, and brainstorm innovative ideas. Endeavor to immerse yourself in the role of a UX designer within a specific organizational context, contemplating appropriate actions for the given scenario.
Conducting multiple iterations before submitting your work is strongly recommended. Carefully review the improvement recommendations provided by Uxcel’s mentor team, extract valuable lessons from your errors, and persist in your efforts. Keep in mind: continuous practice leads to mastery.
Conducting multiple iterations before submitting your work is strongly recommended. Carefully review the improvement recommendations provided by Uxcel’s mentor team, extract valuable lessons from your errors, and persist in your efforts. Keep in mind: continuous practice leads to mastery.
How can I submit a Project Brief?
Project Briefs are available to all Uxcel users, but only Pro members can submit their work and receive professional feedback. If you don’t have a Pro membership, you can still complete a project brief and request feedback from your design peers, Uxcel’s design community, or your mentor.
When submitting Project Brief, you will be asked to add a showcase image, create a submission name, and to write a brief description. You can find the best practices here.
When submitting Project Brief, you will be asked to add a showcase image, create a submission name, and to write a brief description. You can find the best practices here.
Who reviews the Project Brief project?
We have added a pool of Uxcel Mentors — well-established designers in the industry that are providing you with thought-provoking, actionable feedback. As a cherry on top, all Uxcel community members can add a review and comment your Project Brief submission.
Learning comes in many forms, and learning through sharing is one form that we want you to capitalize on.
Learning comes in many forms, and learning through sharing is one form that we want you to capitalize on.
How fast can I expect to get a review?
Once you submit your Project Brief, your project will become immediately visible on the Showcase page, and it will be visible to others. You can expect first reviews on your submission within 24 to 48 hours.
Pro tip: get your own circle to review and like your project. Reviews and likes are impacting our showcasing algorithm, meaning that the more reviews and likes the project has, the higher the ranking on the showcase page the project will have.
Pro tip: get your own circle to review and like your project. Reviews and likes are impacting our showcasing algorithm, meaning that the more reviews and likes the project has, the higher the ranking on the showcase page the project will have.