Responsive activation jul 2012
- 2. Considerations 1. % of traffic coming from a mobile device has multiplied by x11 in the last 12 months and will soon be more relevant than traffic from a PC (full site). When commenting on these pages think about mobile first. 2. From now on all new giffgaff pages will be developed in a Responsive Design framework, starting from mobile and adapting to full site. This is the preferred route from a UX, Conversion and SEO POV. 3. At this stage we are not after comments on design, only on flows, layout and copy. The set of pages you are going to see are in sketch mode. Although they resemble to current, style guides have not been applied. 4. We have taken into account many comments (& complaints) from the community, especially about the confusion between voucher redemption, buying credit & buying a goodybag. Let us know if it is clearer now?
- 3. The wireframe map with empty post-its
- 4. STEP 0: 6 digit code
- 5. STEP 1: Register or login
- 6. STEP 2: Personal details Free SIM product (no £5 reward)
- 7. STEP 3: Product selection
- 8. STEP 3: Product selection Free SIM product - goodybag plans pre-selection (no £5 reward) - No goodybag selected
- 9. STEP 3: Product selection Free SIM product - blackberry plans pre-selection (no £5 reward) - No goodybag selected
- 10. STEP 3: Product selection Free SIM product - gigabag plans pre-selection (no £5 reward) - No gigabag selected
- 11. STEP 3: Product selection Free SIM product - Airtime credit pre-selection (no £5 reward) - No credit selected
- 12. STEP 3: Product Selection - Voucher redemption pre-selection
- 13. STEP 3: Product selection Optional - goodybag or gigabag selected scenario
- 14. STEP 4: Payment details - goodybag and credit selected
- 15. STEP 4: Payment details Potential UX hurdle on mobile http://www.bmob.co.uk/2011/02/20/verif - Card Verification ied-by-visa-is-preventing-mobile- commerce-claims-mobgets/
- 16. STEP 5: Payment confirmation
- 17. STEP 5: Payment confirmation from voucher