SharEarn #4 : The UI and App Flow
Hi all,
In this story I would like to share about the UI and the App flow of the SharEarn!
User as Sharer
When users first arrive in the SharEarn, they will welcomed by the Home page with list of all campaigns that available.
Users can read the details about the campaigns by clicking one of the campaign. More detail detail information will be shown on this page. If users want to help spread the information they can get the shareable URL, but they need to login first.
We are using LN-auth to support easy and seamless login.
After User successfully login, "Copy Shareable URL" is available. Then, the user can copy the shareable link URL, then post it on their social media.
After users share the link on social media, some of their followers who interested will likely click the link that they shared. The users (the sharer) will gain rewards each of the click on the link. To see and claim the rewards, they can go to "My Rewards" page.
On this rewards page, users will see the list of campaign that they help to share . History of claimed rewards and rewards claim information.
Unlciamed rewards is total amount of rewards that gain by user but not yet claimded.
Pending rewards is total amount claimed rewards but still pending (not yet been paid by the platform)
Claimed rewards is the total amount of successfully claimed.
To make a claim, user car click "Claim Rewards" button, the modal will show up.
User can select the claimed method of the rewards, the provided option is Bolt11 Invoice, LN Email or LNURLP.
Then input the payment destination (put your Bolt11 invoice, LN Emal or LNURLP here).
Lastly, input the amount that want to be claimed.
User as Publisher
First, user need to login to the platform with LN-URL. Then you can click floating green button on the right-bottom side of the screen, then you will redirected to Create claim page.
Publisher need to fill the title, description, original URL (This is where the user will be directed after click shareable URL). Reward the sharer got per click, tags and thumbnail image.
After all fields filled, click the submit form and user will be directed to top up page.
Your campaign will be publicly published after user deposit some amount of bitcoin on this LNURLP.
You can see all of your campaigns in "My Campaigns" page.
User can see the detail of your campaign by clicking the campaign. This page provide information about LNURLP and generated shareable link and each click counter.
User can sending funds again to increase the total amount of reward by scanning the LNURLP.
That is the UI and flow for users. To improve the UI and UX flow, we still open to help on the frontend part. Please contact us for the team up!