Download - Responsive activation jul 2012
![Page 1: Responsive activation jul 2012](https://reader035.vdocument.in/reader035/viewer/2022081413/546fc380af7959ae0a8b467b/html5/thumbnails/1.jpg)
New Activation(responsive design)
![Page 2: Responsive activation jul 2012](https://reader035.vdocument.in/reader035/viewer/2022081413/546fc380af7959ae0a8b467b/html5/thumbnails/2.jpg)
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?
![Page 3: Responsive activation jul 2012](https://reader035.vdocument.in/reader035/viewer/2022081413/546fc380af7959ae0a8b467b/html5/thumbnails/3.jpg)
The wireframe map with empty post-its
![Page 4: Responsive activation jul 2012](https://reader035.vdocument.in/reader035/viewer/2022081413/546fc380af7959ae0a8b467b/html5/thumbnails/4.jpg)
STEP 0: 6 digit code
![Page 5: Responsive activation jul 2012](https://reader035.vdocument.in/reader035/viewer/2022081413/546fc380af7959ae0a8b467b/html5/thumbnails/5.jpg)
STEP 1: Register or login
![Page 6: Responsive activation jul 2012](https://reader035.vdocument.in/reader035/viewer/2022081413/546fc380af7959ae0a8b467b/html5/thumbnails/6.jpg)
STEP 2: Personal details Free SIM product(no £5 reward)
![Page 7: Responsive activation jul 2012](https://reader035.vdocument.in/reader035/viewer/2022081413/546fc380af7959ae0a8b467b/html5/thumbnails/7.jpg)
STEP 3: Product selection
![Page 8: Responsive activation jul 2012](https://reader035.vdocument.in/reader035/viewer/2022081413/546fc380af7959ae0a8b467b/html5/thumbnails/8.jpg)
STEP 3: Product selection- goodybag plans pre-selection- No goodybag selected
Free SIM product(no £5 reward)
![Page 9: Responsive activation jul 2012](https://reader035.vdocument.in/reader035/viewer/2022081413/546fc380af7959ae0a8b467b/html5/thumbnails/9.jpg)
STEP 3: Product selection- blackberry plans pre-selection- No goodybag selected
Free SIM product(no £5 reward)
![Page 10: Responsive activation jul 2012](https://reader035.vdocument.in/reader035/viewer/2022081413/546fc380af7959ae0a8b467b/html5/thumbnails/10.jpg)
STEP 3: Product selection- gigabag plans pre-selection- No gigabag selected
Free SIM product(no £5 reward)
![Page 11: Responsive activation jul 2012](https://reader035.vdocument.in/reader035/viewer/2022081413/546fc380af7959ae0a8b467b/html5/thumbnails/11.jpg)
STEP 3: Product selection- Airtime credit pre-selection- No credit selected
Free SIM product(no £5 reward)
![Page 12: Responsive activation jul 2012](https://reader035.vdocument.in/reader035/viewer/2022081413/546fc380af7959ae0a8b467b/html5/thumbnails/12.jpg)
STEP 3: Product Selection- Voucher redemption pre-selection
![Page 13: Responsive activation jul 2012](https://reader035.vdocument.in/reader035/viewer/2022081413/546fc380af7959ae0a8b467b/html5/thumbnails/13.jpg)
Optional scenario
STEP 3: Product selection- goodybag or gigabag selected
![Page 14: Responsive activation jul 2012](https://reader035.vdocument.in/reader035/viewer/2022081413/546fc380af7959ae0a8b467b/html5/thumbnails/14.jpg)
STEP 4: Payment details- goodybag and credit selected
![Page 15: Responsive activation jul 2012](https://reader035.vdocument.in/reader035/viewer/2022081413/546fc380af7959ae0a8b467b/html5/thumbnails/15.jpg)
STEP 4: Payment details- Card Verification
Potential UX hurdle on mobilehttp://www.bmob.co.uk/2011/02/20/verified-by-visa-is-preventing-mobile-commerce-claims-mobgets/
![Page 16: Responsive activation jul 2012](https://reader035.vdocument.in/reader035/viewer/2022081413/546fc380af7959ae0a8b467b/html5/thumbnails/16.jpg)
STEP 5: Payment confirmation
![Page 17: Responsive activation jul 2012](https://reader035.vdocument.in/reader035/viewer/2022081413/546fc380af7959ae0a8b467b/html5/thumbnails/17.jpg)
STEP 5: Payment confirmation from voucher