Dapp design Sticker submission

[hesterbruikman]

Background

The Status app supports sending and receiving stickers in chat. Users can purchase and install various stickerpacks in what is called the Sticker Market. Creators can offer stickerpacks on this market at their own price, and earn Status Network Token (SNT) whenever a user purchases their pack.

At time of writing, all proceeds go to the creator. The smart contracts developed for this market do support adding a network fee; If used a % of every sale will go to Status Network.

Currently, creators can submit their stickerpack through a Google form. Upon submission a core contributor of Status uploads the submitted images to IPFS and signs a transaction to add a link to the files to the 'registry contract'.

Assignment

Design a dapp for creators to submit a stickerpack. The dapp must allow creators to upload the pack to IPFS and add a link to the files to the registry contract.

User stories

Submit

• I want to see what is required for my stickerpack to be successfully submitted (image requirements) (Must have)
• I want images of the stickerpack to be validated and get guidance on any changes required (Nice to have)
• I want to name my stickerpack (Must have)
• I want to set my artist name (exception of Status) (Must have)
• I want to set a price for my stickerpack (Must have)
• I want to set an Ethereum address on which I want to receive proceeds (Must have)
• I want my pack to be limited edition (e.g. only a fixed amount of packs can be owned at a time) (Nice to have)

View

• I want to see stickerpacks I have submitted (Must have)
• I want to see how many stickers I sold per stickerpack (Must have)
• I want to see how much SNT I've earned through sales and how much I contributed to Status Network (Must have)
• I want to see the Ethereum address the proceeds are send to (Must have)
• I want to be informed that no stickers were submitted if the address I use to connect to the submission dapp is not associated with a stickerpack in the registry (Must have)
  Stickermarket should only show stickers for a connected Ethereum address. Showing stickerpacks by other creators (i.e. submitted by other Ethereum addresses) could be added in the future

Edit/Remove

• I want to remove stickers I’ve published to the market (Remove from registry) (Must have)
• I want to remove stickers I've published altogether (Unpin from IPFS) (Nice to have)
• I want to update name, price and other metadata (Must have)

Primary target user

• Artists

Platform

• Dapp is intended to be used through a dapp browser, e.g. Status on Mobile, MetaMask plugin on Desktop or Status Browser on Desktop in the future

Deliverables

• Wireframes capturing all states of the dapp
• Detailed designs delivered in Figma (we can temporarily add you to our team if you don't have a subscription)

Notes

• Stickerpacks are submitted to a registry contract
• The actual sticker files are hosted on IPFS, whereby the registry contract only includes a link to the files
• Image requirements can be found in the current submission form. It is unclear if the dapp can include a image validation tool
• Prior designs were too time intensive to implement. Please limit to common basic components and interactions to increase changes of implementation. If Rocket design components can be used that would be appreciated

[hesterbruikman]

@3esmit @j-zerah would appreciate your review on this bounty for sticker market submission dapp design. I think this will need to be pretty waterfall. Design first, followed by a bounty for development as I don't see us having capacity to implement at the moment. Therefore, @3esmit it would be great if you can be involved to review if the proposed design is technically feasible

[hesterbruikman]

@gulyasbence looking to turn this into a similar bounty on Gitcoin than #41 Would you be available and interested in working on this?

[gulyasbence]

@hesterbruikman thanks for the ping! Yeah, I'd be interested however the timing is not the best since I can't pick this up until September. If that works let me know otherwise I'll just wait for another in the future :)

[hesterbruikman]

That works:) The team is a little short on time to support at the moment as well. Let me ping you here start of September and we can pick things then

[hesterbruikman]

@gulyasbence hope you are well! Would you still be available in the coming weeks? If you can get started within the next two weeks I'd like to plan a call to walk through the design brief

[gulyasbence]

Thanks for the follow-up @hesterbruikman! I'm back on track next week, would be happy to work on this. I'm good for a call from Monday onwards.

[hesterbruikman]

Great! Planning for Tuesday afternoon CET. Can you dm me your email address on Status @gulyasbence? You can find me here: https://join.status.im/u/hester.stateofus.eth

[hesterbruikman]

Hi Bence, I send you an invite to our teamm Figma. Are you well set up with access?

[gulyasbence]

Hey!
Yep, got it, I can access it. Thanks!

[gulyasbence]

@hesterbruikman
Hey Hester, I designed the first iteration of the Sticker DApp; you can find it in Figma.
Should we schedule a call for next week to talk about it? Of course, if you have some comments in the meantime, let me know 😊
Thanks!

[hesterbruikman]

Great! I'll take a look. Does a call on Tuesday afternoon work for you? Say 3pm CET, same as last week?

fyi, having some account issues with bounty assignment after having put of funding due to gas cost. Definitely on my mind I'll sort this out asap.

[gulyasbence]

Yes, Tuesday (the 15th) 3pm CET works.

Thanks for the update on the status of the bounty.

[hesterbruikman]

Recap from our call

• Great progress @gulyasbence! Following brief, seems straightforward to implement. Thanks for walking through your work.
• @j-zerah Do you think there is a demand for a sales limit on sticker packs to create some exclusivity? It was an idea 2 years ago. @3esmit anticipates this would take about an hour to change in the contract if it's something that adds value
• @errorists there is an option for the artist to select a % of sales that goes to Status Network. We might want to surface this in the UI in Status. For your consideration
• There will be more metadata that can allow categorization and filtering. Not urgent, but worth considering an update to the Sticker Market UI as the market grows. For your consideration @errorists
• Aside from small edits, drag and drop for sticker order and preview of sticker pack presentation is one of the larger changes as the content cannot be edited after it's submitted
• Validation of content (size, dimensions, format) still needs to be investigated; javascript library should be possible. But client still needs validate as well (I'll check with Andrey if this is currently done)
• There's currently no limit on the number of stickers in a pack
• Edit of content and metadata is still to be discussed. Price, Categories, Limit of Sales can be edited. Best is to discuss and include any edit requirements and contract changes now. It will become more expensive once there are more sticker packs
• Open question is how to handle updates to the content of a Sticker Pack; assumption for now is that it cannot be done
• I'll review terms and conditions. Especially publish on IPFS needs to make it clear that there is no true way to take a pack out of circulation. We also likely need to void any responsibility of curation

[gulyasbence]

Thanks for the call @hesterbruikman and @3esmit, great to have more insights on how things work on the backend :)

I'm gonna work on the following UI changes:

Dashboard:

• No wallet connected state

New sticker pack form

• Instead of ETH address, ENS name is also possible to receive SNT
• Small helper tooltips for the "Limited sticker pack" and "Status Network contribution" labels to give more context to first-time users
• We talked about that if a sticker pack is free then the "limited edition" option can be disabled. It made sense during the call but thinking more about it I think it's a valid use case to limit downloads/"sales" of free packs too.
• Copy change for requirements: the size measurements should be "exactly" not maximum.
• There has to be a minimum (probably less than 12) and a maximum amount of stickers.
• Interaction for ordering stickers
• Add title to the "show example" modal

Remove modal

• Add more context, something like: "Stickers already purchased are still gonna be available to users"

[j-zerah]

@hesterbruikman @gulyasbence - I think exclusivity would be great. if it is not too much effort, then lets do it. What would this look like in the UI? And would it be possible to increase supply later on?

[gulyasbence]

@hesterbruikman I've made the changes and polished the UI here and there. Let me know what you think once you have some time to look at it.

[errorists]

@gulyasbence hey man, just wanted to say I love the work you did, I think you improved upon my earlier design significantly. Looking forward to seeing it live!

[gulyasbence]

@errorists Glad to hear it, Maciej! I used your design as a foundation, helped me a lot :)

[gitcoinbot]

Issue Status: 1. Open 2. Started 3. Submitted 4. Done

---

This issue now has a funding of 2.22 ETH (750.44 USD @ $338.03/ETH) attached to it as part of the Status fund.

• If you would like to work on this issue you can 'start work' on the Gitcoin Issue Details page.
• Want to chip in? Add your own contribution here.
• Questions? Checkout Gitcoin Help or the Gitcoin Chat
• $737,224.99 more funded OSS Work available on the Gitcoin Issue Explorer

[hesterbruikman]

Hi @gulyasbence Hope you are well! Apologies for the late notice. I suggest to move our call. I set up a bounty on Gitcoin for implementation of the design https://gitcoin.co/issue/status-im/design/44/100023770 As I expect it will not take too long to find someone, I suggest to wait for this person to join for the most efficient use of all our time.

If you know of someone who would be interested in the bounty. Please let me know!

[gulyasbence]

Hi @hesterbruikman! All good here, hope you're good too :) Alright, let's move the call until we have someone who can work on the implementation. I'll ask around.

I also saw that you've set up the bounty for this project too, should I sign up for that?

FYI, I'm moving to Mexico from the 1st of October for half a year so I'll be in GMT-6 time zone; future calls between 3-6 pm CET would be perfect for me.

[hesterbruikman]

Ooh wow, safe travels! That sounds awesome. For the bounty on this issue, it's assigned to you, no need for action from your end on that. We should be able to wrap up soon and I'll handle the payout

[gulyasbence]

Alright, sounds good. Thanks!

[hesterbruikman]

Great work on the updates @gulyasbence ! Sorry for the delay in going through the changes. I'll tag you on the implementation issue. Our dear ambassador @tbenr is taking this on.

We talked about that if a sticker pack is free then the "limited edition" option can be disabled. It made sense during the call but thinking more about it I think it's a valid use case to limit downloads/"sales" of free packs too.

@3esmit I recall there was a technical constraint in not being able to set a limit if the price is set to 0. Is that because there would not be a contract call to keep track of the limit? If so, @gulyasbence I think it's best to disallow setting a limit. We could force a contract call also for free installs, but that actually creates cost for the user

[3esmit]

Free sticker packs are not mintable, a upgrade on the smart contract could allow.

[StatusSceptre]

@gulyasbence can you please take a look and see if you can apply to this issue on Github? I can't process the payout through Gitcoin otherwise. Please let me know if you run into issues. If not we'll find another way

[gulyasbence]

@StatusSceptre Not sure if I can apply on Github but I just applied via Gitcoin. Does it work now?

This is my profile: https://gitcoin.co/gulyasbence

[gitcoinbot]

Issue Status: 1. Open 2. Started 3. Submitted 4. Done

---

Work has been started.

These users each claimed they can complete the work by 265 years, 11 months from now.
Please review their action plans below:

1) ddruids has applied to start work (Funders only: approve worker | reject worker).

User Research
Interaction Design
Information Modelling
Wireframing
Visual Design
Rimble Design System
Prototyping
Handoff
2) yellowgh0st has applied to start work (Funders only: approve worker | reject worker).

1. Create basic design and graphics.
2. Bootstrap the project with ReactJS & Web3.js on serverless architecture
3. Code the whole thing
4. Submit beta version
5. Gather feedback
6. Implement changes based on feedback
7. Submit final version
   3) gulyasbence has been approved to start work.

Application for Dapp design Sticker submission

Learn more on the Gitcoin Issue Details page.

[gitcoinbot]

Issue Status: 1. Open 2. Started 3. Submitted 4. Done

---

Work has been started.

These users each claimed they can complete the work by 265 years, 11 months from now.
Please review their action plans below:

1) ddruids has applied to start work (Funders only: approve worker | reject worker).

User Research
Interaction Design
Information Modelling
Wireframing
Visual Design
Rimble Design System
Prototyping
Handoff
2) yellowgh0st has applied to start work (Funders only: approve worker | reject worker).

1. Create basic design and graphics.
2. Bootstrap the project with ReactJS & Web3.js on serverless architecture
3. Code the whole thing
4. Submit beta version
5. Gather feedback
6. Implement changes based on feedback
7. Submit final version
   3) gulyasbence has been approved to start work.

Application for Dapp design Sticker submission

Learn more on the Gitcoin Issue Details page.

[gitcoinbot]

Issue Status: 1. Open 2. Started 3. Submitted 4. Done

---

Work for 2.22 ETH (1243.99 USD @ $560.35/ETH) has been submitted by:

---

• Learn more on the Gitcoin Issue Details page
• Want to chip in? Add your own contribution here.
• Questions? Checkout Gitcoin Help or the Gitcoin Chat
• $1,207,310.73 more funded OSS Work available on the Gitcoin Issue Explorer

[gitcoinbot]

Issue Status: 1. Open 2. Started 3. Submitted 4. Done

---

The funding of 2.22 ETH (1204.6 USD @ $542.61/ETH) attached to this issue has been approved & issued to @gulyasbence.

• Learn more on the Gitcoin Issue Details page
• Questions? Checkout Gitcoin Help or the Gitcoin Chat
• $1,203,671.39 more funded OSS Work available on the Gitcoin Issue Explorer

[gulyasbence]

Thanks, @StatusSceptre for handling the payout!

@hesterbruikman this has been a fun project, I'm glad that I could be part of it. Of course, if anything comes up during the implementation let me know in the other issue and I'll be happy to help.

If there are other projects similar to this in the future, let me know, would love to contribute!