<?xml version="1.0" encoding="utf-8"?>
Open full project

This project is about designing an interactive screen of LMS app for university.

I apply the 4pt-grid system to create spacing consistency and streamline development process.

For the purpose of inclusive design, I use high-contrast color combination, allowing all users (though with eye impairment) to interact with the app without impediments. Also, spacing and padding system are standardized to avoid mistakenly tapped.

Share your insights — leave a project review and help others grow their skills

Reviews

4 reviews


The interface is nicely designed, but when I enter the Figma project, I'm unable to type my email in the first section, which prevents me from accessing the other pages. If you can resolve the issues in this part, I'll be able to review and comment on the other flows."

If you need any adjustments, let me know !


Add a line underneath the or button, light line, then add a background and a padding to the or, this will make this simple thing a bit nicer. Other that that the look is good. I couldn't test the interactivity, don't know if it's a limitation of figma but couldn't type in an email only regular letters were accepted.


  1. The white background for the logo is slightly different than the background which isn't the best look. I imagine you didn't want to make the background totally white (#ffffff) which is good thought, but it should still match the logo background.
  2. I feel like the logo could be a bit bigger, but I think this is a grip, just from the perspective I am looking at it looks kind of small.

Overall I like the simplicity of the design. I like the option for an email login or social login and everything is aligned well from what I can tell.

Question: Is there a reason you used the model of a iphone 13 mini? Just seems odd since that isn't a commonly used phone size.


Well done, simple and clear design! I would make the logo a bit bigger as It can be a struggle to see what it says. But other than that i like the interactive elements showing error state for instance! Keep it up!


16 Claps
Average 4.0 by 4 people
5 claps
4 claps
3 claps
2 claps
1 claps
<?xml version="1.0" encoding="utf-8"?>