Making the App - work in progress II

Here is the puzzle ready to use in the app. It still do have all the piece in as I just created the whole thing, which at a later date will be edited so that it demonstrates different stages of the puzzle.

The difference with this puzzle is that the actual pieces disappear when the piece is put in place and the 'shadow' piece turns transparent reveling that part of the image. This is so it creates a much better final image that doesn't have the outlines of the pieces shown as you can see in the earlier puzzle.

Making the App - work in progress

When I've come to design the application, I have started from the user receiving the puzzle piece. This, again, has been created in Flash using Action Script 2.0. Some of the illustrations were created in Illustrator.

The user receives the piece, enters their log in which keeps all the data about what they have collected. Once the details are entered the user then logs in.

The user then views the piece. A tap/click on the piece takes the user to the letter and another tap/click takes them back to the piece. From either screen the user can go to the main menu by clicking on the menu button or they can carry on to the puzzle with the next button. 

Here is the new puzzle being made. I am making some adjustments from the previous one which I will explain in my next post when it has be completed.

Making the Puzzle

I started to make the puzzle in Flash. I have used Action Script 2.0. It works by matching up the puzzle piece to its "shadow" and slowly fits the puzzle together. This is ideal as I only need to the puzzle to fit just one piece at a time. The images do have more than one piece on as I was trying to produce the whole puzzle first. The pieces were made in Photoshop and imported nto Flash.

The pieces ready to use. 

Some of the pieces in place.

All the pieces put together.

The Pitch

Here is the presentation I created to present my idea to the rest of the class.

QR Code

This is another test of the QR codes. This one links to a page of my website with a puzzle piece on it.

The Concept

After a few discussions in the seminars, I have decided to create a app with focuses on people go out and exploring Fairtrade for themselves and finding out how they can bring it into their own lives. To do this, I will use a QR code which links up to the content the user gets.

Here is an example of one which I used as a tester to see how it works. It should come up with the words It Works!.

It does require a QR scanner to view which you can get for free for iPhones and Androids. I have an Android and have used ScanLife.

The idea is that there will be several of these on a variety of FairTrade products which the users will "collect".

More of the Idea

This concept is more of a marketing strategy, introducing Fairtrade products to the users. As there is a vast amount of products available with several types of each product, my idea is to introduce them all by creating a puzzle for each product. So say the puzzle is for Chocolate, each chocolate product there is will have its own QR tag which will relate to a new puzzle piece. Each piece will be fitted into it's place. Once done, the user will receive a letter from a chocolate producer. They will also receive a small one with it piece. the sketches below will demonstrate the flow of the app.

The code is scanned and a piece of the puzzle is revealed.

The piece is 'flipped' over to reveal a letter. 

The piece is fitted into the puzzle. 

Once the puzzle is complete, the user can play a game/video etc.

This application will be created for the use of children as they will have the pulling factor when it comes to get the products. Children have a mass interest and once this is introduced to them and a their friends are involved they will want to be involved. Another thing is that their curiosity will make them want to try the product, putting the pressure on the parent to purchase the product.