Need feedback on UI visual hierarchy and color.
I am working on a Frontend page which acts as a songs and Song Artist database. I have attached some screenshots of the home page here. I want to know if the UI is aesthetically pleasing. Also If improvements or changes can be made to the size of the cards or images, which can make it look better, please do suggest.
6 Replies
I think the quickest way to see the main issue with this design, is just add 100 or so songs and 100 or so artists, and then look at your mobile layout
so I would want to see some sort of search and filtering to keep the total amount of cards on screen to a manageable minimum, while also being able to quickly find what i'm looking for in a huge database of options
This is just a design preview. In the actual thing, i am limiting the total no. of items to be around 15 to 16. But yeah. A search bar is necessary. I will try adding that.
in that case, the output becomes a more specialized thing rather than a general one, and I would recommend adding more visual interest. I thought you were looking for an efficient way to show a lot of data, but If there will only be 16 total cards, then I would focus on adding variety to the looks. Maybe group a couple together and use a different bg behind them, or make some 2x and other 4x bigger. Anything like that, so you don't just end up with a 4x4 grid of identical white cards.
you build that in html css ?
or webflow
Raw HTML CSS
though I use Javascript framework. ReactJS to be specific
Hey. I have finished the Form components and deployed a test version. Can someone give feedback on the dashboard page, and expecially the
tag-input component that I have made in the Songs form. I want to know only UI/UX feedback for the dashboard route (Other routes still in development)
Deployment URL: https://song-list-dun.vercel.app/dashboardReact App
Web site created using create-react-app
