search

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

Purchase CRT as guest flow #6361

Open dmtrjsg opened 3 months ago

dmtrjsg commented 3 months ago

Context

It was reported on the creator roundtable call that there are barriers to purchase CRT tokens for crypto non-natives. The barriers are not unique for our app, and generally apply for the industry but we should make an effort to cater for such audience in favour of higher CRT purchase rate.

Scope

Review current flow of purchaseing CRTs as a guest user and evaluate where UX/ UI changes can facilitate this flow better.

  1. Add BUY JOY link right to the Purcahse CRT flow modal when balance is 0.
  2. Add Guardarian On-ramp flow as a way to purchase token using fiat
  3. Add more ways to buy JOY token (like CEX/ Dex)
  4. Find the best way for user to select between ChangeNow, Guardarian, Redirect to CEXs.
  5. Review Portfolio UI for purchasing JOY and CRT tokens (e.g. move away from three dots on JOY token balances and display "BUY JOY" button instead that is easily discoverable.(think mobile users)
msmadeline commented 2 months ago

@dmtrjsg Hey I finished working on the low fidelity design for Guardarian - Let me know your feedback

➡ figma file: https://www.figma.com/design/x7JvOxlvnrPMhD9x9JPqW6/Guardarian?node-id=12-782&t=oEQ7bjSvPat0OCMJ-4 🎥 loom video: https://www.loom.com/share/bcaf94ee6bcf4afd8f89ef168faade3a?sid=574167f2-1f2f-4207-aaaf-7265e978b40e

dmtrjsg commented 2 months ago

@msmadeline Thank you for putting it together!

Comments:

  1. Objective is to make it easier to buy CRTs so let's please revisit the flows of how to start this process. As stated in the description of the issue I'd like to see it embedded into
    • the customer journey of purchasing the CRT itself. What if balance is 0, what if it is insuficient to purchase the amount user types into the field?
    • personal balance and channel balance in the top nav widgets (for the latter we probably want to explain that to purchase you want to go to user profile and then transfer)
  2. The KYC process will only comments after the payment method is selected
  3. I am not sure it will be possible to send JOY and receive USD on the card using the solution we are working on. My impression is that we are solely doing on-ramp (and not off-ramp). @bedeho is that correct?
  4. Transaction cannot be cancelled once initiated so I would update the button from cancel to "Close".
  5. KYC wording requires update: Purchasing less than 700 USD worth of JOY does not require KYC.
  6. I think it would be good to add alternative ways under "Exchanges", pls see requirement Add more ways to buy JOY token (like CEX/ Dex)
  7. Portfolio module UI needs to be reviewed to facilitate more effective purchasing of JOY tokens from there.
  8. Some fields placeholder copy is incorrect but that can be rectified during hi-fi designs.
msmadeline commented 1 month ago

@dmtrjsg Hey! Here are high fidelity pages for the guardarian flow - without user stories. Let me know your thoughts.

➡https://www.figma.com/design/x7JvOxlvnrPMhD9x9JPqW6/Guardarian?node-id=63-10356&t=0EFycNcAGUzFgPdu-4

msmadeline commented 1 month ago

Hey @dmtrjsg I finished working on the Guardarian User stories. Let me know wdyt! The only point that I didn't cover is this one:

personal balance and channel balance in the top nav widgets (for the latter we probably want to explain that to purchase you want to go to user profile and then transfer)

  • Let me know what do you exactly mean by that and I will for sure work on it as well

➡Figma file: https://www.figma.com/design/x7JvOxlvnrPMhD9x9JPqW6/Guardarian?node-id=48-21268&t=oiSzA0bRYeTcqK9A-4

🎥Loom video: https://www.loom.com/share/345be59b3db2420aa3e07e6e7fbced00?sid=668ac8a4-5259-44b2-86f2-1e3b288d5cbf

dmtrjsg commented 1 month ago

@msmadeline Looking great! Very well done ⭐

wrt to the question I meant it may be worth reviewing how JOY purchasing journey happens from the top nav.

Screenshot 2024-08-06 at 14 47 58
msmadeline commented 1 month ago

@dmtrjsg Hey, that's weird, I thought we've updated this when we were doing changenow... Anyways this is it updated let me know If it would work

image

It has a prominent "buy JOY' button which in theory was supposed to redirect user to the changenow buying flow. But now after clicking on it we can open up the step where we show different JOY buying methods

msmadeline commented 1 month ago

@dmtrjsg Hey, I finished doing RWD for the Guardarian pages

➡https://www.figma.com/design/x7JvOxlvnrPMhD9x9JPqW6/Guardarian?node-id=114-20117