Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Redesign Minting experience // simplify minting experience #4752

Closed
yangwao opened this issue Jan 18, 2023 · 14 comments
Closed

Redesign Minting experience // simplify minting experience #4752

yangwao opened this issue Jan 18, 2023 · 14 comments
Labels
A-mass-mint issues related to mass mint A-minting related to minting operations mass-airdrop p2 core functionality, or is affecting 60% of app

Comments

@yangwao
Copy link
Member

yangwao commented Jan 18, 2023

Backlog till new design, discuss here

@VladoTheBoi will do the research on what to

  • consolidate
  • upgrade
  • polish

in our minting experience, feel free to reach him if you have something we should not forget

Ref

@yangwao yangwao added p4 affecting less than 10% of app A-minting related to minting operations design-request labels Jan 18, 2023
@yangwao yangwao mentioned this issue Feb 12, 2023
@yangwao yangwao added p3 non-core, affecting less than 40% mass-airdrop A-mass-mint issues related to mass mint and removed p4 affecting less than 10% of app labels Feb 16, 2023
@EthVlad
Copy link

EthVlad commented Feb 17, 2023

So we want to redesign the look of the minting form it self as well as change the whole navigation that leads to minting right? As that is quite misleading from what I've read so far.

@yangwao
Copy link
Member Author

yangwao commented Feb 17, 2023

As that is quite misleading from what I've read so far.

I would propose rework whole flow how it works for users as current flow is pretty broken. We can do better :)

@yangwao yangwao mentioned this issue Feb 21, 2023
10 tasks
@EthVlad
Copy link

EthVlad commented Mar 3, 2023

So I have somewhat finalized the minting redesign. I have a few questions:

  1. What exactly means when user enables "Explicit content"?
  2. We currently have different flow when minting into collection or just minting (simple) an NFT. Is it possible to do this in one flow where user would have to choose a collection but would have an option "No collection" which would just mint the NFT?
  3. If there is enough or more information inputs in Create Collection and Create NFT flows than needed.
  • Create collection has: logo image, banner image, name, description, select blockchain, explicit content
  • Create NFT has: file, name, description, select collection, select blockchain, price (can choose currency), royalties, number of copies, explicit content.
    If there is something missing or some unsupported things, please let me know.
  1. Also regarding supported things on different blockchains. If there is something that is not available on specific blockchain.

figma link

landing page - main
landing page - main-1
Create New Collection
Create NFT

@roiLeo
Copy link
Contributor

roiLeo commented Mar 3, 2023

Wow looks neat! I can answer some of your questions

  1. What exactly means when user enables "Explicit content"?
  • NSFW content
  1. We currently have different flow when minting into collection or just minting (simple) an NFT. Is it possible to do this in one flow where user would have to choose a collection but would have an option "No collection" which would just mint the NFT?
  • possible, but I think we will have to wait for the collection to be created on chain
  1. If there is enough or more information inputs in Create Collection and Create NFT flows than needed.
* Create collection has: logo image, banner image, name, description, select blockchain, explicit content
  • add n° of MAX items
  • collection type?
* Create NFT has: file, name, description, select collection, select blockchain, price (can choose currency), royalties, number of copies, explicit content.
  • attributes!
  • don't know what "number of copies" refer
  1. Also regarding supported things on different blockchains. If there is something that is not available on specific blockchain.
  • rmrkv1 doesn't have offers nor royalties
  • bsx will have auction feature

I would put the possibility to choose the network at the beginning (& don't forget about dark mode 😃 )

@EthVlad
Copy link

EthVlad commented Mar 3, 2023

NSFW content

yes i know the meaning of it, I just dont know what exactly it changes when user enables this.
Do you need to have explicit content allowed somewhere to see it? Is it marked somehow in the NFT detail page? etc.. :)

possible, but I think we will have to wait for the collection to be created on chain

I meant that the NFT would not belong to any collection. If thats possible.
But you made a good point that we could also add "create collection" as an option which is what you were probably refering to

add n° of MAX items
collection type?

decided to not put the item limitation into collection as it is not really needed. I talked to 2 artists and they said that there is no real value to be able to limit this, because when you limit the size and then decide that you would like to add some NFTs to it, you cant. So by default it would be unlimited as it gives artists more choices.

Collection type? What do you mean?

attributes!
don't know what "number of copies" refer

attributes you mean something like properties right? Something like OpenSea have?
Didnt know if we support this or not so I didnt bother rn.
Screenshot 2023-03-03 at 15 47 31

and number of copies is basically the supply of the particular NFT. In other words, Editions as it is called rn in Koda.

rmrkv1 doesn't have offers nor royalties
bsx will have auction feature

noted :) will look into the auction feature what it does

I would put the possibility to choose the network at the beginning (& don't forget about dark mode 😃 )

I also have this flow prepared, but the reason I added this into the form for now is that user would have to click min 2-3 times as of this flow to get to the minting form page, and would not even have the option to change the blockchain afterwards. So you can basically change anything you want in the flow itselft without the need to go from the beginning.

Dark mode will be done once I am certain with the flow so that I would have to re-do it several time :)

@roiLeo
Copy link
Contributor

roiLeo commented Mar 3, 2023

yes i know the meaning of it, I just dont know what exactly it changes when user enables this. Do you need to have explicit content allowed somewhere to see it? Is it marked somehow in the NFT detail page? etc.. :)

It mean user is going to mint nsfw content, then we shoul be able to filter them on explore page (#285)

I meant that the NFT would not belong to any collection. If thats possible.

Not possible on certain chain. possible on rmrkv1 I think

But you made a good point that we could also add "create collection" as an option which is what you were probably refering to

If we want to create a NFT it need to be attached to a collection.
Flow is: select your existing collection then create nft

decided to not put the item limitation into collection as it is not really needed. I talked to 2 artists and they said that there is no real value to be able to limit this, because when you limit the size and then decide that you would like to add some NFTs to it, you cant. So by default it would be unlimited as it gives artists more choices.

I don't agree, I think that there is an added value to limit the products of a collection. It can attract more people and increase the value. Just like what we have with fashion, car etc..

Collection type? What do you mean?

I've seen that onn bsx you can set Collection Type which "determines its purpose and usage" maybe if user want to create an audio collection or video only collection etc..

attributes you mean something like properties right? Something like OpenSea have? Didnt know if we support this or not so I didnt bother rn.

Yep we support this kind of stuff but it's pretty basic for now, this can be extended as desired.

For now we have something like this (key => value)
Screenshot 2023-03-03 at 16-14-39 KodaDot Low fees and low carbon minting KodaDot - NFT Market Explorer

noted :) will look into the auction feature what it does

It's not ready yet but keep in mind we will introduce in a near futur.

I also have this flow prepared, but the reason I added this into the form for now is that user would have to click min 2-3 times as of this flow to get to the minting form page, and would not even have the option to change the blockchain afterwards. So you can basically change anything you want in the flow itselft without the need to go from the beginning.

we may have a problem on create collection flow, I'll expand later

@EthVlad
Copy link

EthVlad commented Mar 3, 2023

Not possible on certain chain. possible on rmrkv1 I think

Ok, so then this option would not be present where its not supported. Basilisk for now.

If we want to create a NFT it need to be attached to a collection.
Flow is: select your existing collection then create nft

But this applies only for Basillisk no?

I don't agree, I think that there is an added value to limit the products of a collection. It can attract more people and increase the value. Just like what we have with fashion, car etc..

You can always limit it yourself by not minting more items into the collection than you desire.
So if you want it to have only 10 items, then you mint 10 items but still have the option to mint more of you decide.

I've seen that onn bsx you can set Collection Type which "determines its purpose and usage" maybe if user want to create an audio collection or video only collection etc..

Probably depends how it would be used afterwards. It would probably be just for filtering collections right?

Yep we support this kind of stuff but it's pretty basic for now, this can be extended as desired.

So no limitations here?

@roiLeo
Copy link
Contributor

roiLeo commented Mar 3, 2023

If we want to create a NFT it need to be attached to a collection.
Flow is: select your existing collection then create nft

But this applies only for Basillisk no?

IMO, this should be unified on all chain (for better experience).

You can always limit it yourself by not minting more items into the collection than you desire. So if you want it to have only 10 items, then you mint 10 items but still have the option to mint more of you decide.

But this could allow us to add new collection filter
Screenshot 2023-03-03 at 17-15-30 Singular Kusama-native NFTs #RMRK #NFT

I've seen that onn bsx you can set Collection Type which "determines its purpose and usage" maybe if user want to create an audio collection or video only collection etc..

Probably depends how it would be used afterwards. It would probably be just for filtering collections right?

Yep. but I'm not sure about this one and how we can use it to our advantage.

Yep we support this kind of stuff but it's pretty basic for now, this can be extended as desired.

So no limitations here?

limitation is only your imagination 😉
(technically speaking I think there is a limitation but I don't know the maximum)

@vikiival vikiival mentioned this issue Mar 9, 2023
17 tasks
@yangwao yangwao changed the title Redesign Minting experience Redesign Minting experience // simplify minting experience Apr 20, 2023
@yangwao yangwao added p2 core functionality, or is affecting 60% of app and removed p3 non-core, affecting less than 40% labels Apr 20, 2023
@yangwao
Copy link
Member Author

yangwao commented Apr 20, 2023

Hopefully we can close on this soon and we could make it soon as dedicated page at

  • mint.kodadot.xyz
  • create.kodadot.xyz

@EthVlad
Copy link

EthVlad commented Apr 20, 2023

I've finished design for desktop. Please have a look and let me know if you have any questions.
Prototype should work with most of the states, hovers etc. Also left a short comment on some components and its states next to the design. Working on finishing mobile and darkmode.

Static designs: https://www.figma.com/file/JXNtryaNYhY0XJNArzvPQx/Handoff?node-id=142-1572
Prototype: https://www.figma.com/file/JXNtryaNYhY0XJNArzvPQx/Handoff?node-id=142-3057&t=VTvnGZy65YppHmE2-4

There are however some things regarding tags I would like to discuss. @yangwao Have you maybe thought about this somehow already?
Screenshot 2023-04-21 at 0 14 46

@EthVlad
Copy link

EthVlad commented Apr 22, 2023

Mobile finished 📱 ✅

@EthVlad
Copy link

EthVlad commented Apr 25, 2023

Dark mode 99% done ✅
Need to only revise some small details (tags, toggles and 1 title) - note for me.

Removing Design-Request label. Issue can be grabbed.

@yangwao
Copy link
Member Author

yangwao commented May 11, 2023

Let's

  • make new issue Simple Mint v2
  • publish designs there
  • close this one 🥳

@EthVlad
Copy link

EthVlad commented May 12, 2023

Moved to #5939 Closing.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
A-mass-mint issues related to mass mint A-minting related to minting operations mass-airdrop p2 core functionality, or is affecting 60% of app
Projects
None yet
Development

No branches or pull requests

3 participants