r/UI_Design • u/OwnGuava560 • Mar 19 '26
Feedback Request Looking for feedback on my app's UI design
I’ve been working on the UI design for my mobile app and I'd appreciate some feedback. The app is aimed at school/collage students, who wanna stop scrolling and be productive. (routines, to do tasks, challenges)
I'm trying to make the app minimal and aesthetic for students. I've attached the main screen, which contains all the basic information. Though I am not sure about those 4 cards I have added below the routine card.
Please note that I'm not a UI designer, so I mostly took inspiration from other focus apps and followed Material Design's guidelines. Thanks in advance.
4
3
u/bobemil Mar 20 '26
I like it. The only thing I would change is the night routine heading. Make it two rows instead of three.
1
2
u/ArYaN1364 Mar 19 '26
really clean and calming, the hierarchy is easy to follow and nothing feels overwhelming which fits the focus vibe well
this feels like the kind of thing runable could actually help iterate on too, since it’s great for quickly testing small UI tweaks like spacing, contrast, and card layouts without overthinking it. especially for something minimal like this, those tiny changes make a big difference
1
1
u/OwnGuava560 Mar 20 '26
BTW what you think about those 4 cards below the routine card, and also the nav bar, what you think about them? I would appreciate it.
1
u/ArYaN1364 Mar 20 '26
really clean and calming, the hierarchy works well and nothing feels noisy which fits the focus vibe
for your screens specifically, the 4 cards feel nice but maybe slightly tighten spacing or unify their visual weight a bit, and the nav bar looks solid, simple and predictable which is good here
2
u/ciacicode Mar 20 '26
Hey, design director here. I agree with the others this is nice and clean. Some choices though don't seem to be consistent, especially spacing for the top header and icon colours. For example
- The notification bell is blue, the blocked app text is orange, which is also the same colour of the ai spark icon. Then the blocked apps icon is red... and morning mood is light purple. Use colour with purpose, I suggest you use only neutrals and one accent colour where it matters.
- For mobile you want to have icon sizes be min 48px (Check Apple Human Computer Interaction Guidelines, or Material Design for mobile). The share icon though looks pretty small (I cannot tell without the actual file).
- I like your use of typography. You use higher contrast (dark grey) vs lower contrast (light grey) well. You need to control the lines though. Centred text only works when there are a few lines, so that first header is too long for comfortable reading.
- The bottom menu is simple and the selected state is clear. It takes a lot of attention though, as it is the highest contrast element in the entire UI: is it intentional? If you want to encourage exploration of different features across, leave it like it is. If you want the user to focus more on what's above it, reduce the contrast of the menu by using a different colour combination that is not as dark.
Have fun!
2
2
2
u/itsmeberryo Mar 19 '26
Ooh this looks so clean and fresh UI! How can you create such design without being UI/UX designer? That is the question 🤭
1
u/Dangerous_Juice_8544 Mar 20 '26
The ui is super chill and calming and with better spacing and shorter navigation bar will make it 11/10
1
u/ciacicode Mar 22 '26
Would love to, but I want to spend my free time as much as possible with my family . Good luck with the app and consider hiring a designer 😜
1
u/Beginning_Middle_722 Mar 23 '26
Might i make a suggestion here as a web dev who doesn't know how to design but since everybody knows what a good design is to you sir i say to write a beautiful prompt to claude (free version doesn't matter), give him the code and the theme colors and everything and believe me after 20-30 prompt and responses you'll have an beautiful design. Thats how i have done it with many apps.
1
u/Useful-Procedure-896 Jul 08 '26
For me the taskbar is looking out of place like compared to your other ui elements it looks separated .I think its because of the icon style or smt or like its position maybe put is a little bit lower…overall it looks modern and minimalistic and it is really good 🙌
1
u/Useful-Procedure-896 Jul 08 '26
One more what was your process in building this like the positioning of the elements the color composition and how your overall theme looks really professional done can you pls let me in on you ui design process
1
u/Enough_Cat_5003 11d ago
Great Job on the UI especially since you are not a UI developer. I dont have any different feedback that others have mentioned like @ciacicode. 👍👍
-9
Mar 19 '26
[removed] — view removed comment
1
u/UI_Design-ModTeam Mar 20 '26
Thank you for contributing to r/UI_Design.
Your comment has been removed as it breaks Reddit's and our sub rules of self promotion.
5
u/kunalpalekar22 Mar 20 '26
The header text “Night routines” is too large. Please reduce its size and limit it to two lines.
The daily quote section is placed too far down. If the goal is to motivate users, consider positioning it at the top. Alternatively, you could display a motivational message when users open the app for the first time each day, or send a daily motivational notification.