Entrust Datacard requested a new design to their retail buy process. My task was to provide HTML cut-up that served as a functional preview of the new designs.
The front-end relies on the Bootstrap framework for its responsive design. See below for mobile and tablet-optimized views:
Mobile and tablet views
The majority of the functional elements were powered by jQuery. For example, the descriptions under Product Selection appeared depending on which product was selected.
Conditional logic was applied to the contact information panels in step 2. Different panels appeared depending on what was filled out in the previous sections. Additionally, the fields used jQuery inline validation to provide instant feedback to the user.
The new purchasing interface is a lot more organized with clear indication of the user’s progress. It has made the buying process easier and more enjoyable for users across all devices.
Feb. – May 2016