Dark & Light Mobile App Exploration
Hey everyone!
So, I took on this little design exercise: creating both dark and light modes for a MovieApp. I know what you're thinking—light mode for a movie app? Not exactly something you see every day, right? Maybe there's a good reason for that, and let's just say I found out why firsthand. 😅
I'm going to be honest—I'm not exactly proud of the final result, especially the light mode. It's like trying to watch a thriller with all the lights on; it just doesn't set the mood! But hey, I'm a firm believer that hiding your weaknesses or not sharing your less-than-perfect work is a missed opportunity. So here I am, putting it all out there.
I'd love to get your constructive feedback, especially on the light mode design. And if you have a good or better example of a light-themed movie app, don't hesitate to share it here! I'd love to see how others have tackled this challenge.
Ready to hit me with your best (friendly) critiques? 🎬😉
Tools used
From brief
Topics
Share
Reviews
6 reviews
I like the look of it in light and dark, and although the dark mode wins most times, I do like the exploration of a light mode and giving users this option. For those who want the movie app theme to change according to their system settings this is useful. Some may also appreciate this as they watch shows during the day.
Some highlights:
- It looks clean and modern for sure - not crowded with information and the movie posters are a nice detail to catch the users attention
- The layout is consistent with most mobile apps and therefore makes this an intuitive design
- I love the IMDB rating you've added because this is something I like to check while watching a movie but now its right there!
- I also like the highlighting of the streaming services, although it might be nice to make it into a label or something so it stands out from the other text around it. Took me a while to realise that app showed movies across services instead of just showing movies available in the cinema.
- Your spacing and care for consistency is great and it shows the work of a professional designer
Some ideas for improvements:
- As bold and captivating as the hero image is, I miss the opportunity for navigation on the top here. In the Netflix and HBO apps I can easily switch from 'Film' to 'Series' or go between categories, so in this app there is an opportunity to add more common navigational elements above the hero image.
- I'm a tiny bit confused about what the number '4' signifies, but I'm going to assume that Deadpool is 4th out of the Top 10 movies according to the app.
- The menu at the bottom has "settings" and I'm curious as to why you've got it as the 4th navigation element - I would assume its not a high priority button and most setting icons are tucked to the side or in a corner, and here its in the middle along with other high prio buttons
- Might just be that my eyes are used to desktop but the font for "Most popular" and movie categories look really thin and small on the light mode and mmmmight be difficult for others to read
Great job on the design! I love the option to switch between light and dark modes—it’s a thoughtful feature. The layout is clean and intuitive, with the IMDB ratings being a great addition. Keep up the excellent work!
Hey Javier!
I just explored your Dark / Light Mobile App Exploration and I like how intentional the contrast feels between the two modes.
What stood out to me is that the dark mode doesn’t feel like a simple color inversion. You clearly adjusted depth, elevation, and emphasis differently, which shows you understand that dark UI requires different visual hierarchy rules. The spacing and typography remain consistent, so it still feels like one product, not two separate themes.
I also think you handled color accents thoughtfully they pop without overpowering the interface. That’s something many designers struggle with in dark mode.
If I were to challenge you a bit, I’d ask: how does usability differ between modes? For example, are there accessibility considerations or readability tests behind your decisions? Adding that rationale would make the project feel more strategic, not just exploratory.
Overall, this feels like controlled experimentation visually confident but still structured.
Nice work 👏
beautiful design
I love this design idea! I really like how you executed both dark and light modes. I definitely like the dark mode better but I think the light mode can definitely be a winner too if the contrast between the background and the content changes a bit. The light background seems to make the movies and its images fade into the background, making it lose some of the features you see in dark mode. But overall, great work!
Great Job💛
You might also like
SiteScope - Progress Tracking App
FlexPay
Mobile Button System
CJM for Co-Working Space - WeWork
Ubani Design System
Accessible Signup Form for SaaS Platform
Visual Design Courses
UX Design Foundations
Introduction to Figma
Design Terminology
