This is a single view check out process designed to be usable from both mobile and desktops. The intent of this experience is to allow employees to easily procure company approved mobile devices.
![](https://cdn.myportfolio.com/c33b5558396731a88f4a660b80d6f451/cb4ec5cc6fe92bcf1b045ae9_rw_1920.png?h=ab46e379423ae4bfd4b4606907e8348b)
![](https://cdn.myportfolio.com/c33b5558396731a88f4a660b80d6f451/ae33c1addeae87ed644aefda_rw_3840.jpg?h=011ad396a8c19c8c1f8c7cfdb158276c)
![](https://cdn.myportfolio.com/c33b5558396731a88f4a660b80d6f451/ba0d37fba9c0ecc58b8bc4af_rw_1200.png?h=278c0f8c63e29a55b92a399333d4edc8)
Initial view (collapsed). User chooses one of the approved devises from the carousel...
![](https://cdn.myportfolio.com/c33b5558396731a88f4a660b80d6f451/3a46062067093f0a0fcd1615_rw_1200.png?h=4fd74fa082f75f1454e121a02cb8a7cb)
Expended view(s) - This view shows the various options the user will have presented as they move through the checkout process
![](https://cdn.myportfolio.com/c33b5558396731a88f4a660b80d6f451/525b3680be7319c658002248_rw_1200.png?h=1366001d4dc375f5f66fb1491d64b731)
Confirmation View - This view shows what a completed checkout experience would look like prior to submitting the order.
![](https://cdn.myportfolio.com/c33b5558396731a88f4a660b80d6f451/40db297be3bceae1d6d49b09_rw_1200.png?h=c0b1c5da7c72ae65b7b4f9f35894c64e)
The responsive design translated into a mobile view.
![](https://cdn.myportfolio.com/c33b5558396731a88f4a660b80d6f451/268e17d23e01034d38467b00_rw_1200.png?h=2cc928233eb8fa614a6faf8199d0c095)