3. Main wallet screen

[Cobra-Bitcoin]

Design goals:

• Display both the BTC amounts and the fiat currency amounts
• Allow the user to refresh and re-sync their balance
• Give the user a way to switch between the different tabs (overview, send, receive, settings)

By default the first tab displayed is the overview tab, this should contain a list of transactions. Currently the main way to traverse through the transactions is with the "Back" and "Next" buttons, but as stated in the design guidelines, it would be nice to have the pagination designed into the table in a nicer way.

Current design:

[natiwa]

Here is a preview of the "Overview" screen. I decided to try the sidebar navigation instead of the top navigation. Let me know if that's a good direction.

[Cobra-Bitcoin]

@natiwa Looks great! Yeah, I think the sidebar navigation makes sense and looks a lot better to be honest.

I think we can simplify the table a bit here, there's too much going on, maybe instead of mined/confirmations and transaction hash and the amount, we can instead only have the following:

Date
Amount
Status
Link to transaction in explorer

And within the status, we have either "Unconfirmed", "Pending", "Complete", the real design can have these color coded or use icons.

Other than that, it looks basically perfect.

[Cobra-Bitcoin]

@natiwa Also, we need to remember that we need some empty state display, for when there are 0 transactions (e.g. when the user has just created a new wallet).

But other then that, I think we are all done with the wireframes and can start with the actual designs now.

[natiwa]

Absolutely.

[Cobra-Bitcoin]

@natiwa Looks great!

[natiwa]

Here is the design and empty state

[Cobra-Bitcoin]

@natiwa Just a heads up, but I remembered we'll also need a 512x512 app icon.

It should incorporate the Bitcoin logo, and also match the darker theme. Maybe some nice dark gradient with a Bitcoin logo on top of it? Not sure.

[DrBeta]

That looks like the wallet i would get use to introduce my mom to bitcoin

[Cobra-Bitcoin]

@natiwa Something seems to have broken on Figma. The flow doesn't work anymore.

[natiwa]

Now should be ok> LINK TO THE PREVIEW