Update Successful Purchase modal
UI Polish
Problem
The current purchase illustration is old, outdated and in need of an update. This illustration is shown to customers immediately after a successful purchase. Some more context can be found in @jelder
's comment regarding the illustration. On top of this, we should look at polishing the modal aesthetic. Currently, the content seems misaligned and lacks balance.
Proposal
I have created a new purchase illustration that has been merged in our svg repo. I have also reworked the modal to centrally align the main CTA and improve the spacing between elements. This is a slight deviation from our current modal spec, but since this is a unique case in Cdot, I'm confident this is the correct approach.
Old version | New proposal | New proposal specifications |
---|---|---|
![]() |
![]() |
![]() |
Todo
- Replace purchase svg
- Re-work modal spacing and alignment