App Design | Asda APG App

So the APG app is moving on a little more with having done a couple of changes also getting more into the flow if userbility and how the user can navigate around more easier.

The simple idea of having the 'I' for info in the top right of the app allows to de clutter the main pages of the app with T&C's and other information that can be tucked away and then be brought up when needed.

Working on arrows for the tabbed menu system
in the information panel

Complete information panel

These tabs are linked to parts of the mobile site so that loading the information

will be quicker and wouldn't make the app heavy. But the labels are 

clearly laid out and easy to use.

Once the receipt is scanned this is how the page would
appear with the comparisons of the other retailers and
how much more you would of payed at them stores.

On the 'result page' you will also get some information about if you are eligible for the

spend £40 to get £5 voucher off your next £40 shop.

If the user is eligible for the offer then the button will appear so that they can go onto 

saving the voucher as an image, print via the app to airPrint or e mailing it to your 

email so that you can access it on your phone and also scan direct when in store.

laying up the page for the single result options

This page shows the single results from the retailer you have selected to get the 

information in more detail. 

All the products you have bought that are shown on your receipt will be shown 

side by side with the price comparison of the retailer.

As mentioned in my notes each different retailer page will be shown in that 

companies colour on the price brand to make it custom to the retailer.

App Design | Asda APG App

The following are visuals from photoshop on me designing the styling of the app.

potentially the barcode scanner for the receipt jus in need
of adding instructions for the user.

I have gone for the style of a receipt being ripped effect on the
background images for the information.

Instead of displaying all the T&C's on the history page I have added
an info button in the top right where the T&Cs can be viewed
in a pop up window and then easily be closed.

App Design | Asda APG App

Been to Asda and I heard a member of staff complaining about their APG system that they

use to give customers their £5 for a £40 shop.

The process is quiet long it had started of being the customer or staff had to enter the date, time, store number and cashier number to get the information to see if they are eligible for the scheme on the internet. 

Now they have to enter the barcode number of the receipt on the internet to to access their information about the offer.

Sooooo, I have come up with a design of instead of having the customers/staff having to enter information into the website is to have an app where the user just has to scan the receipt barcode and having the information run from the database and it uploads it with the comparisons from other retailers, discounts given and also be able to print, e mail or even scan the voucher from the app.

The concept I have come up with is not far fromt the original app but with some additions that would make the user experience a lot more easier and cut down printing and time spent at the store waiting for a member of staff to do it for them.

Here are  the mock ups that I have drawn up for the pages of the APG service:

Above the page is the colour pallet of the headers
and below that is the scanner page design.

APG main page and the addition of some changes
in how the T&C's are viewed to make the system
cleaner and simple.

Viewing the price comparisons of other retailers
and the option to select a specific retailer to see
the price differences.

Voucher page and the option to print the voucher, email or scan direct.

The app would be accessible on the iPad and other tablets seen as the screen is more suitable for this kind of information and style without having it all squashed onto a smaller screen.