Dun-sin / HearItFresh

Get a personalized spotify playlist based on your current taste of music
https://hearitfresh.favour.dev
MIT License
48 stars 13 forks source link

Revamp landing page look #10

Closed d-kens closed 9 months ago

d-kens commented 1 year ago

Proposing a new look for the initial page.

Initial page

Screenshot (7)

After Logging in

Screenshot (8)

Dun-sin commented 1 year ago

Hi @d-kens thanks for this, looks better than mine, but what's the UI When someone picks a choice

d-kens commented 1 year ago

Well, I didn't get to work on that one.

d-kens commented 1 year ago

or look into it

Dun-sin commented 1 year ago

You don't need to actual code it, but the landing page has a link to the other pages, hence why the button is at the top not the bottom. I'm trying to see how your idea works better than mine

d-kens commented 1 year ago

Whether it's at the top or bottom doesn't make much of a different really. What I was aiming at is displaying the options buttons after connecting to a Spotify account.

d-kens commented 1 year ago

Rather than having them blurred and behind the actual content we want to display on the initial page.

Dun-sin commented 1 year ago

Whether it's at the top or bottom doesn't make much of a different really. What I was aiming at is displaying the options buttons after connecting to a Spotify account.

I understand that, your aim is much short sighted and not looking into accounts other things, hence why I asked if you looked at other things

d-kens commented 1 year ago

Think about it, the button (logout) being at the top makes it the first thing that the user sees before even seeing the buttons for selecting options. Having the buttons at the bottom makes more sense if we are to respect visual hierarchy. After they connect their Spotify, they see that they can select an option based on what they want and finally the logout button .

Its more of what do we want the user to see first in these different pages. Making them see that they can actually select an option before having to interact with logout button.

Dun-sin commented 1 year ago

Think about it, the button (logout) being at the top makes it the first thing that the user sees before even seeing the buttons for selecting options. Having the buttons at the bottom makes more sense if we are to respect visual hierarchy. After they connect their Spotify, they see that they can select an option based on what they want and finally the logout button .

Its more of what do we want the user to see first in these different pages. Making them see that they can actually select an option before having to interact with logout button.

I can't think about it😂 I can't see your idea in my head unless you have a design. Do you know how to use figma?