Mobile landing improvements - Githubissues

kodadot / nft-gallery

Generative Art Marketplace

https://kodadot.xyz

MIT License

612 stars 351 forks source link

Mobile landing improvements #7896

Closed exezbcz closed 8 months ago

exezbcz commented 8 months ago

Design

this is not really optimal

updated in handoff file: https://www.figma.com/file/JXNtryaNYhY0XJNArzvPQx/Handoff?type=design&node-id=4876%3A19354&mode=design&t=DcVAHsRgMyoTl0Nv-1

Changes

The goal was to streamline the aesthetic and functional elements for enhanced user experience and intuitive navigation.
these changes are applied from 480px, it might be tweaked later
Added a noticeable "Start Exploring" CTA to guide users toward active engagement and discovery.
moved the search bar to the navbar by default
different CTA for the drop
added icons
smaller heading
different blurred imgs

Drop

Highlighted a "Free Generative Drop" with a clear "Claim Yours" CTA
it changes to this full width inline banner from the pill shape on the mentioned breakpoint
since the copy is also shorter, it can still be a single row pill shape announcement till the breakpoint

Networks

I think for production, it is best to highlight the most used networks - the selection is from rmrk2, and both assethubs that are becoming more and more popular
still redirect to network/explore/collections

newraina commented 8 months ago

👋🏻

kodabot commented 8 months ago

ASSIGNED - @newraina 🔒 LOCKED -> Thursday, November 2nd 2023, 12:43:52 UTC -> 36 hours