Joystream / atlas

Whitelabel consumer and publisher experience for Joystream
https://www.joystream.org
GNU General Public License v3.0
100 stars 45 forks source link

NFT page design suggestions - remove large preview/carousel, collapse top selling channels, perhaps remove featured #6377

Open mochet opened 3 months ago

mochet commented 3 months ago

Problem

In the same vein as https://github.com/Joystream/atlas/issues/6350 The NFT page design currently takes up way too much space with certain areas that do not seem like they are that conducive to actually getting people to explore the marketplace. This page is zoomed out extensively in my browser but does a better job of conveying how much space certain elements take currently. image

  1. The green square - this preview thing is simply massive. At 100% zoom it basically only shows one video. I think it can be removed
  2. The red square (featured NFTs) - I am divided on whether we should keep a featured section. I am of the opinion that we should direct users to the pink square (video grid) and better surface active auctions and interesting sales within there--or better yet have the featured videos become the top row of the video grid (pink square) such that they are surfaced as featured videos on the first row and don't need to have a dedicated section.
  3. The blue square (top selling channels) - I think this is nice to have but it currently takes up far too much space. I think the design of it needs to be made smaller (something more like a stock ticker)
  4. The pink square (video grid/NFT grid) - I think this is where we should aim to direct user's attention to as much as possible. We should really just have "featured NFTs" be a part of this and highlight them with a slightly different background and it should require a separate section.

A stock ticker for reference to 3. - I think we should find a way to have top selling channels presented in a much more compact way that doesn't take up so much screen space, this could be an idea of how to do so. dfsggfdsfdfgssdgf