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
5 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!
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
Sojo NFT Marketplace
From Idea to Full-Stack Web App
Docto
Hulu Through My Eyes - A Cinematic UI Exploration (unofficial)
Fundraising Website
NEWFASHON™ - Landing page
Visual Design Courses
UX Design Foundations
Introduction to Figma
Design Terminology
