Landing page redesign

[XyloDrone]

Is your feature request related to a problem?

Hey everyone, seems like we started working on the landing page but never completed it, so maybe it is time to do so :D.

Describe the solution you would like

So here’s the priority stuff:

Design is here (V2 dark>landing):

https://www.figma.com/file/GeVzZKVORd9L8kAWrlKtZv?

If I missed something in design let me know. One thing I need to do is redesign the NFT cards which have a bit of an odd alignment of info atm.

Priority tasks
Would be good to add banners to profiles so we can pull them into for featured/curated collections :

• wallpaper users artist profile and collections #2329
• https://github.com/kodadot/ideas/issues/7
• Extend Entrance points for users #145
• https://github.com/kodadot/ideas/issues/16
• Curation feed #876
• Landing refresh v2, avoiding Craiglist pit #899
• Show categories of NFTs on landing #319
• List live auctions on landing #2776
• Show popular trending collection on landing  #2775
• Most bough collections for landing page component or curated feed #2180
• Onboarding experience v0 #1445

Later

• Passion filter on landing page  #2647 —> when user logs in / connects wallet, to be implemented when we work out the passion feed? Open to suggestions here… we could have a switch to flip between normal landing/passion feed?

LMK if you wanna work on this and let’s kill the landing craigslist pit :D

Describe alternatives you have considered

If anyone has any suggestions about adding/removing stuff from the landing, please be vocal about it :D

Screeenshots

[roiLeo]

Hey! I've got multiple comments for landing page:

1. would it be possible to have a mobile/tablet version
2. we need to have a "logged" screen and one where it is not "logged in", I'm not for having 2 CTA button in navbar, I suggest that you remove "Create" button if the use is not logged in and vice versa, same for MyProfile link in navbar
3. I would change "Log in" to "Connect" or "Connect wallet", + can we have a screen where we see the wallet connection modal?
4. Shopping cart is not ready yet and I think it will take a little more time to develop
5. For the links under the first slider where does it takes us?
6. For leaderboard, it's not very pretty to put two tabs next to each other, I would be more into the idea to put tab choice on the left and use something like radio button on the right side to select a period. What kind of "Volume" will be displayed here?
7. For the nft Card, would it be possible to add a badge in order to know wich type of nft we are looking at (Media type icon on gallery card image #1744). + Is there something on the design to show me what emote has been attached to the nft?
8. it would be interesting to add the creation date on the "Newest Listed"
9. I don't see "Latest sales" is it on purpose?
10. 10

[XyloDrone]

1. Sure, give me a couple of days to make this one.
2. I'd keep the 2x CTA buttons in the nav bar, maybe move them next to each other so that minting is easily accessible, the majority of other platforms have the same thing, below an example from Rarible:

3. Sure, I'll design these.

4. no worries, I wouldn't say this is urgent

5. link on the left side lead to the wiki and the right side to the form through which users can get ksm

6. Designed that in a similar manner to hic.af and only applied here so that artists/collectors can see stats for both, as well as get an idea of volumes, through the tabs above users can see 1 day, week, month and all time trading volume.
   

7. as in file type like IMAGE, VIDEO, AUDIO?

8. Sure

9. Yeah latest sales weren't included but I can do so.

[XyloDrone]

@roiLeo srry for the delays with all this stuff, AmsterDot took me by storm :D

Here is the design for desktop landing(updated everything as per your suggestions).

...and here is a mobile version
Let me know your thoughts and if anything else needs to be designed.

[petersopko]

Closing this one in favor of

• Redesign Landing page #3844