Bitcoin Stamps
Website - STAMP DETAILS page #22
Replies: 12 comments 12 replies
-
|
Share on X popup Can someone make a screenshot of the sharing popup on Instagram, because I don't use it ?!? |
Beta Was this translation helpful? Give feedback.
-
|
ah yeah this is cool. it has to do with the header overwriting on each page. I was playing with this a little but needs some more tweaking |
Beta Was this translation helpful? Give feedback.
-
|
"Buy popup modal Yeah i think the okx mobile wallet does work properly so mobile support is good. i suspect the 360 is fine |
Beta Was this translation helpful? Give feedback.
-
|
I think you expressed the need for the popup for some tx thing. |
Beta Was this translation helpful? Give feedback.
-
|
Buy popup has been updated. There is a little commenting in the figma file for clarification. |
Beta Was this translation helpful? Give feedback.
-
|
The vault stuff is def. v2+ It will likely need to be an image of the ordinal or rune, whatever is vaulted in a table |
Beta Was this translation helpful? Give feedback.
-
|
Made a quick suggestion with just Name/type/amount. |
Beta Was this translation helpful? Give feedback.
-
|
re these: maybe locked should be locked editions to clarify that one since it may be unclear that unlocked means they can create more supply/editions. the block can link over to the block page https://bitcoinstamps.xyz/block/last - this has been sort of hidden as a v2 item with all the extra mempool data, etc. |
Beta Was this translation helpful? Give feedback.
-
|
Yes, the more clear it is the better ! Can a solution be to have it detailed in the faq and if the stamp is unlocked (LOCKED - NO) highlight NO - make it a tone lighter - to have it stand out ? |
Beta Was this translation helpful? Give feedback.
-
|
A new version using individual modules for dispensers, sales, transfers, vaults and holders, instead of the tabulated module initially suggested.Depending upon the data associated with the stamp, more or less modules displaying data are visible. Above is a simple Stamp Details page
Stamp Details with a lot of data and all modules visible
Stamp Details with dispenser and sales modules visible
I think the approach of just displaying relevant blocks/modules of data is better. Whatever design/layout version you choose, the same will be used for the SRC-20 Details page. The pie chart is from pepe.wtf - maybe something similar can be used. |
Beta Was this translation helpful? Give feedback.
-
|
Mobile View - 360pxSimple Stamp Details page
Stamp Details with a lot of data and all modules visible
|
Beta Was this translation helpful? Give feedback.
-
|
Forgot to decrease the font size of the Stamp details (#/cpid/creator/editions). |
Beta Was this translation helpful? Give feedback.
-
|
Double tab modules
|
Beta Was this translation helpful? Give feedback.
-
|
Mobile view
|
Beta Was this translation helpful? Give feedback.
-
|
New suggestion with alternate categorisationSingle module for Holders
Triple tab module
Single module for Vaults
Mobile view |
Beta Was this translation helpful? Give feedback.
-
|
I think I've explored enough alternate possibilities, so let me know which one you want to run with and if you want anything finetuned. |
Beta Was this translation helpful? Give feedback.
-
|
There is a little inconsistent use of Editions, Quantity and Amount. |
Beta Was this translation helpful? Give feedback.
-
|
definitely liking editions instead of supply :) |
Beta Was this translation helpful? Give feedback.
-
|
Desktop
Mobile - 568px
Mobile - 360px Mockup is finalised and marked for dev. The version layers are marked 🟢 |
Beta Was this translation helpful? Give feedback.
-
|
Need to create components and hover states |
Beta Was this translation helpful? Give feedback.
-
|
The page is updated
The figma mockup is marked for dev. The version layers are marked 🟢 |
Beta Was this translation helpful? Give feedback.
-
|
Made a couple of text design changes to reflect the Tokens Detail page design and general data layout.
|
Beta Was this translation helpful? Give feedback.
-
|
Updated and restructured the components
|
Beta Was this translation helpful? Give feedback.
-
Beta Was this translation helpful? Give feedback.
-
STAMPS DETAILS page
dev site
Image preview
X sharing opens a popup in X with stamp image and text with link to stampchain.io details page
Similar idea for instagram
Code button only displays if the stamp is svg/html - onClick opens a popup modal displaying the code
Fullscreen button opens a popup modal displaying the stamp - max window size 800x800
Stamp details
Click to view all stamps by creator - https://www.stampverse.io/user/bc1qefhvcqwuz6g6qy6nck5dq2el2r37pky73tqxkc
If it's a single edition, can the text change to "1/1 SINGLE EDITION" ?
What happens to divisible stamps ?
If part of a collection then display the collection banner module beneath the last details module (tab module)
OnClick of Buy, a popup modal opens for amount input and confirmation
Specific details
Additional details
Stamp Details without Collections defined and no dispenser open.
Stamp Details with Collections defined and dispenser open.
The Collections banner module in place with two modules - stamp part of collection / more collections by artist.
If the stamp is part of a Collection then the collection banner card is displayed along with max 6 stamp images following - onClick of VIEW button goes to the Collection.
If the artist has created more collections then a 2nd module displays, showcasing them. OnClick of card image goes to the collection.
Collection module details
The stamp details module may need to change height if no dispenser is open - and no BUY button is displayed ?!?
Do I need to design anything for the Vaults tab page ?
View code popup modal
Details
Buy popup modal
Needs a little refining - I want to make it wider.
It's currently 300 px wide - can I make it 360px ? (mobile pages are 360px minimum) or is 320/340px better ?!?
Will create a topic on this once done.
Beta Was this translation helpful? Give feedback.
All reactions