# Bonding Swerve Demo Usecases

**Product Discovery**

**Buying and Selling Shares**

**Redemption**
- we should consider the flow where someone wants to buy and redeem right away vs. hold and speculate. How that checkout flow right from purchase looks like

**User Onboarding**
- web3 apps always start with 'connect your wallet' - maybe we explore the login/connect as part of the buying process/flow for our demo.

## User stories
Demo epics:
- As a **visitor**, I can see an overview of products in the app, so I know what is being offered in the app and can select a product to go to its detail.
- As a **visitor**, I can see the price of a single share of a product, so I am urged to engage with the product.
- As a **visitor**, I can see the available shares of a product before the prices rises, so I am urged to engage with the product.
- As a **visitor**, I can visit a detail page of a product, so I can see all its details and buy shares.
- As a **visitor**, I can select an amount of shares of a product (on its detail-page), so I can see the price.
- As a **visitor**, I can see the full bonding curve of a product, so I can see the evolution the price will potentially make.
- As a **visitor**, I can connect with my EOA, so I can buy shares.
- As a **shares-owner**, I can see the shares I own, so I can decide to sell them or not.
- As a **shares-owner**, I can see the price at which I bought each share as well as the current price of the share, so I can see if I can make a profit by selling.
- As a **shares-owner**, I can sell a share I own, so I can make a profit.
- As a **shares-owner**, I can redeem a share of a product, so I can receive the physical product.
- As a **shares-owner**, complete my redemption checkout by providing my address and delivery instructions.

Nice-to-have:
- As a **visitor** I can read more about the mechanics of a bonding curve, so I know understand the concept.
- As a **visitor** I can see if anyone is looking at the same product as I am, so I can gauge other people's interest.

----

**Product details:**
- product images
- product name
- product description
- supplier name
- supplier logo
- product bonding curve
- -> current price of 1 share
- -> current shares available at current price
- shares sold
- shares redeemed?

## LOFI's

First draft lofi sketches:

**HOME:**

**DETAIL:**

**ACCOUNT PAGE:**

**10.17 Notes**
- How to communicate that if you buy you can then share before redeeming?
- Explore surfacing sell price on details page - maybe if only connected?
- 1. I just want to buy and redeem 2. I want to speculate: now it just shows that the last price is less then what I'm paying, which sucks
- (not current, but last price)
- Price examples:
- supply 100
- 2 shares have been purchases
- current buy price: 0,00025 ETH
- (if I buy 2: 0,0008125 ETH)
- sell price: 0,0000625 ETH
- **NOW**: 3 shares have been purchased
- current buy price: 0,0005625
- sell price: 0,00025 ETH
- **NOW**: 4 shares have been purchase
- current buy price: 0,001 ETH
- sell price: 0,0005625 ETH
- we are showing: current price (for inmediate redeemers), next price and sell price (for speculators)
- in UI, detailpage: as visitors only show buy-btn, but as shareholder show redeem-, sell- ànd buy-btn
- redeem btn = contract-interaction, after which you can do the shipping via shopify-flow
- case: redeem only 1 of 5 shares: how in interface? In separate view (--> for demo not actually in the contract)

**10.18 Notes**
For branding
- cart?
- names for redeem/hold/token / claim
- token > a token is a claim, ... proxy, ...
- tokencart?
- tokengo?
- pops + popcommerce + popcart + popshop
- POP -> bottlecaps?
- bubbles -> the bubble = the proxy

with sell price: show popup with calculator
aggregate view

**10.25 Notes**
- animation + ?? --> for each of the 3 main actions: BUY / SELL / REDEEM
- animations could be: coin flip, fizz, ...
- try adding more colours to the base branding, not monotone
- try different colour than blue (cfr. America)
- more fun, we're stearing away from tech/hard commerce in favor of fun, game
- handwritten pop in logo
- does the UI body font still look good after updating the logo?
- any way to get a bubble icon into the UI?

## Branding

[Moon.app](https://Moon.app) is a thing (even though I think they rebranded), and [mooon.app](https://mooon.app) is also a thing. We can always make it wenmoon.app, but maybe we should quite thinking in this direction?

Some more random ideas:
- bxnd.app
- speculators.club
- curvo.app
- firstmovers.club
- f1rst (first.tech)
- bocu (or bxcu)
- curvsurfers
- bond.wave ( or bxnd.wave)
- **Surve**: ride the curves

All of these have potential in their own way to play with copy and visuals.

## Resources/Research

Songs sold on a bonding curve - some ux things to explore
https://www.sound.xyz/reocragun/spent

## Products

Handmade/Painted Axe
https://www.duluthtrading.com/s/DTC/the-best-made-hand-painted-hudson-bay-axe-B3355.html?color=LCL

### 11/8/2023

1. Landing page clean up
2. Redemption Flow UI
- 2 steps
- 1. redeem on contract
- 2. checkout with shopify
- enable checkout multiple pops at once
4. Product detail
- buy/sell/redeem history
- filter by you vs. all for the product
6. General styling
- shop page BG