The wireframes evolved to this. The 'incredible hulk' design pattern was a great way to show a larger preview of the card without having to go to another screen
The TwoSmiles desktop site was built using Bootstrap but when it came to mobile, specifically the phone, we realized key pages were difficult to do responsively, touch based interactions would be very different and time constraints lead us to do a mobile specific solution. The advantages of a dedicated mobile website are speed & efficient, full control and you don’t have to redesign the desktop site.
I was lead the designer for this project and it was a real challenge to simplify the workflow for mobile. My original designs had separate pages for each step, but after being challenged to reduce the amount of steps I borrowed the Google Images design pattern (we called it the Incredible Hulk, because it came ‘bursting through the screen’).