Hi there! I'm really new in the world of web design, so I decided to challenge me and start a personal project, it will consist on a dashboard that will allow a (fictional) user to manage some topics.

 

One of the topics will be for models administration, and my plan is to have a form with the fields that are seen on the screenshot, as you can see it consist of an drag and drop zone for an image, two textfields, one hex color (with its own popover), one textarea and one switch.

 

Do you have any recommendation on how can I improve the UI/UX of the form? Because for me, something feels kinda off, but I can't figure it out how to improve it, so I will really appreciate some recommendations or critics.

 

Thank you in advance!

Edited March 5, 20224 yr by Mike V
Added tags

What’s the purpose of the form?

I'd move the switch alongside the color picker (also add a label to it). And make the two text inputs cover the same width as the file input.

You should follow few of these below given points

1. Autofill and autocorrect should be active.
2. It should be mobile-friendly design. 
3. Use multi steps form if necessary
4. Buttons should be clear & user friendly

Hope that helps!