I am very new in UI Design and for a project I recently created a design for a student profile page and I'm looking for some feedback on how to enhance it. The page is meant to display a student's general information, identity details, and school info. I've attached an image of the current design for reference.
UPDATE version 2
So still trying to improve, I came up with a different approach :
So the idea is for the user when he opens a student profile page, he sees quickly these informations without needing to scroll down or click on a button.
I use Tailwind and simple html and js, nothing more. The design is for school staff for their intern student management tool.
Do the blue and yellow colors work well together? Is there a better combination for blue that would make the page more visually appealing?
My own critics : We don't see the text easily, the fonts needs a better contrast so it can be viewed on background items for example. What I like : the sections in each panel so that the info is organized
I appreciate any advice or suggestions you can offer to make this design better!
Thanks you all