responsive activation jul 2012

New Activation(responsive design)

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?

The wireframe map with empty post-its

STEP 0: 6 digit code

STEP 1: Register or login

STEP 2: Personal details Free SIM product(no £5 reward)

STEP 3: Product selection

STEP 3: Product selection- goodybag plans pre-selection- No goodybag selected

Free SIM product(no £5 reward)

STEP 3: Product selection- blackberry plans pre-selection- No goodybag selected

Free SIM product(no £5 reward)

STEP 3: Product selection- gigabag plans pre-selection- No gigabag selected

Free SIM product(no £5 reward)

STEP 3: Product selection- Airtime credit pre-selection- No credit selected

Free SIM product(no £5 reward)

STEP 3: Product Selection- Voucher redemption pre-selection

Optional scenario

STEP 3: Product selection- goodybag or gigabag selected

STEP 4: Payment details- goodybag and credit selected

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/

STEP 5: Payment confirmation

STEP 5: Payment confirmation from voucher