[tBTC Bridge dApp] - Experience and Interface - design improvements

[sashatanase]

Tracking all the design improvements triggered by the latest usability study + Solana Phase II

[sashatanase]

• [ ] My tBTC Stats / My Balance Card on Overview page - changed the historical containers to match the new My Activity card design Figma
• [ ] Removed Mint/Unmint navigation Figma
• [ ] Changed the Empty state for the My Activity Card Figma file
• [ ] Copy Changes on Step 1 Figma File
• [ ] Introducing a new behaviour From/To (source->target chain) with drop downs Figma file
• [ ] Side Timeline redesign Figma File![Static Badge]
• [ ] Removal of the former tBTC dApp state showing the TVL before wallet connection - now we show directly step 1 with From/To drop downs (Finished)
• [ ] Introducing the pre-checked Deposit Receipt download action Figma File
• [ ] Introducing a dismissable info box that communicates to the user the state of the system Figma File![Static Badge]
• [ ] Introducing a new way of displaying the duration tiers Figma File
• [ ] Removing the tBTC Balance card and introducing the balance in the top area in the wallet/network menu Figma File
• [ ] Redesign of Step 3 Figma File
• [ ] Visibility of System Status - My Activity Card redesign described in detail in this Issue
• [ ] Visibility of System Status - Copy change in the Parallel Minting Area + CTA change
• [ ] Visibility of System Status - We need a better illustration for the BTC Network Confirmations Article
• [ ] Visibility of System Status - Timeline redesign Figma File
• [ ] Visibility of System Status - Minter Check Copy Change Figma File
• [ ] Visibility of System Status - Minter Check Copy Change Figma File
• [ ] Visibility of System Status - Guardian Check Check Copy Change Figma File
• [ ] Visibility of System Status -Bridging Complete Copy Change Figma File
• [ ] Success Page design update Figma File
• [ ] Update How it works Page to match the new flows -

[sashatanase]

@erdogan

How this document works:

• everything that has a figma file linked is finished from the design stand point.
• everything has no figma file link needs to be done by the Design Team.
• everything that has this badge can be implemented before Solana Phase II
• everything that has this badge can be tackled for Solana Phase II

[erdogan]

Thanks @sashatanase .

@r-czajkowski @michalsmiarowski I'd like your input on how we can tackle the ones that are labeled Phase 1 in this issue. They seem relatively manageable to me but would like you to confirm - whether we can pack them in one go. Please flag if anything will take considerably longer.

[kpyszkowski]

@erdogan I have organized tasks into groups representing separate pull request. I considered the area of changes and work balance when it comes to maintenance activities like code review and implementation consultations.

Pull requests

- tBTC, Bridge tab, minting: - [x] Copy Changes on Step 1 - [x] Side Timeline redesign  - [x] Introducing the pre-checked Deposit Receipt download action - [x] Introducing a dismissable info box that communicates to the user the state of the system - [x] Introducing a new way of displaying the duration tiers - [x] Redesign of Step 3 - Header, tBTC balance - [ ] Removing the tBTC Balance card and introducing the balance in the top area in the wallet/network menu - tBTC My activity - [ ] Visibility of System Status - My Activity Card redesign described in detail in this [Issue](https://github.com/threshold-network/token-dashboard/issues/578) - [ ] Changed the Empty state for the My Activity Card - Bridging progress - [ ] Visibility of System Status - Copy change in the Parallel Minting Area + CTA change - [ ] Visibility of System Status - We need a better illustration for the BTC Network Confirmations Article - [ ] Visibility of System Status - Timeline redesign - [ ] Visibility of System Status - Minter Check Copy Change - [ ] Visibility of System Status - Guardian Check Check Copy Change - [ ] Visibility of System Status -Bridging Complete Copy Change - [ ] Success Page design update