design critiques

iceberg

Wdyt of this checkout flow for /iceberg? What can be better, more clear, or just look better?

CEO of Internet Game, building games for the whole world to play together. Prev: Futurism, Gravity Blanket, HighExistence.

Yeah we are thinking of sponsoring gas on L2s for users to give them a more seamless trading experience. Still figuring out the gas policy though

Very nice! My only question is about the network fee -- does crossed out mean you're not being charged?

Good call out on the fiat to crypto and the idea. The reason we named it buy is b/c we’re trying to introduce the idea of “buying power” in the app which is essentially your stable coin balances that can be used on any network.

Think of stablecoins as your bank account linked in Coinbase or Robinhood.

Looks great overall!

I find it a little confusing that this flow is categorized as "Buy" when it illustrates a swap, which there appears to also be a dedicated view for. I tend to associate "Buy" with a fiat-to-crypto flow and would expect UI like the hero image on Iceberg's homepage

Yup! Should actually be this for the tray with a bit more cleanup too.

[2/2] 

- Can I expand/collapse tray in screens 3-4? If not, tray bar UI is misleading
- ETH icon and label (screen 1) feel a little too close for comfort
- Subtle stroke + drop shadow on active tab in segmented controller for better contrast
- Type sizes seem pretty small in some spots; rec minimum of 13px

I would also make screens 4+5 full screen, like the last screen

3rd screen - why not have the list fill the viewport by default. If the user focuses into the search field, then reveal the keyboard as shown

[1/2] A few other UI nits:
- Apply negative margin to dollar sign to optically center number itself, excluding $
- Red/purple pills draw a lot of attention. Recommend going with a softer (low opacity) bg color, setting width to hug digits, right-aligning price

How does it navigate from first screen to second?