Finals

Rationale

Our big idea is to take the distraction of cellphones, and use them to enable commuters to take notice. The Supersnap app alerts passengers when someone requires a seat, improving well-being by removing negative confrontations. To make it worth the space, additional benefits have been added. As the slogan indicates, you can top up, tag on and most importantly take notice and 'become a hero' with Supersnap. We have chosen the design style of a comic book, with carefully balanced chaos, because it provides this opportunity of positive reinforcement; praising someone as a hero. This is also a fun, light way to solve a grave issue. We are using a multi-pronged approach, targeting both the 'heroes' and the people in need, through our advertising suite. Our poster and bus exterior both illustrate the Supersnap journey narrative, and can be understood with little supporting text if necessary. The bus also employs a mix of reality and illustration, in the first frame, to blur the lines between reality and the comic strip. This gives the feeling of stepping into the narrative when you board, subtly indicating the expected behaviour aboard this particular bus. A flyer aimed at the elderly and disabled will provide information on the benefits of Supersnap, encouraging them to use public transport more often. Supersnap targets all five ways to well-being, predominantly addressing take notice and give. We want to remind people how good it feels to 'be a hero' and help someone. Ideally, Supersnap will motivate a transport culture where the new norm is taking notice of others and 'coming to the rescue.'

We have had a really enjoyable experience in this paper and it has been very fun to develop a brief and a response to this brief. We believe the final product is something which could be implemented in the real world and really could improve well-being!

User journeys through app:

User Journeys from Kristen Mabey on Vimeo.

Bus exterior and interior:

Bus stop:

Elderly targeted mailer:

Dossier document:

Touchpoints

Touch points

Physical mailers - Elderly & Disabled

This outlines the benefits and changes to public transport that supersnap is implementing. This will hopefully encourage elderly and disabled people to use public transport more often, as well as make them feel more valued and cared for. We are using nostalgia of a better time to bring a wholesome feel to the supersnap brand. The comic style has been reigned in slightly to be more inclusive of elderly, so they don't think its not for me. Also the image used is very racially inclusive. The image on back and the first line of the text really punch home the purpose of supersnap in the Comic book tone.

Bus Side Comic Strip and blue bus

This is to really engage people, creating curiosity over what the campaign is about. It is impactful, and can be seen from a mile away. Elements of it break the frame of not only the comic, but the buses form, making the oridinary unfamiliar.  The usual yellow of the bus is replaced with supersnap blue for the same reason. The comic strip on the side tells the narrative of the supersnap journey. The first frame uses a mix of reality and illustration, with a transparent halftone allowing the actual bus door to be part of the narrative. The illustrated elderly woman appears to be boarding. This draws you from reality into the comic both when you read it and when you board the bus.

Bus Interior

This flows on from the exterior of the bus, giving the feeling that the passengers are now part of the narrative on the side of the bus. This is an indication to them of what is expected, but done in a playful and fun way. Rather than focusing on guilt trips we are making the passengers comic book heroes.

Bus stop & Bus Poster

These are targeting the commuters who will see the bus, giving context to the bus and providing more information on the campaign. These work on two levels. As a far away read you get the gist of the campaign from the image narrative and headline/strap line. If you have more time you can read further information about the campaign, the app and it's additional benefits.The style is carefully balancing the chaotic aesthetic of a comic book.

The App
Our main touch point which all others are promoting. The supersnap app in short allows you to top up, tag on and most importantly take notice. It is an alert system, for passengers distracted by their phones and headphones, letting them know when they need to be a hero and give up their seat. We have included additional benefits in order to make the app worth the space it requires on your phone.

Final class and critique:

App critique:

The app is looking too flat with the illustrations and not relating strong enough to the posters and billboards.

App development:

Getting rid of the super-heroes and putting poster style imagery

Poster critique:

The poster needs to have the big pole through it, compositionally it is more appealing, also the poster needs the black text to fit better within the space

Poster Update:

Interior bus update:

Critique was is the logo needed and what if the pole has something like yay good work to enforce people to get up and they ideally would only be able to read this text when they are standing up and personal with the bus

Major development of dossier

I took Satinas updated writing and started to form it into something presentable for the dossier -

The later pages are not completed yet and are too text heavy. I also think all of the other pages may need to be stretched out further and extended to have the best look. 

I will print this for a critique tomorrow, the presentation will be in the same style as this document and in theory should follow the same order logically.

SuperSnap Comic Bus Final

Context

Close up

Flat Map

Rationale

The bus is vibrant and lively delivering on that comic feel with it's half tones and comic bubbles popping off the side of the bus. 

I have extended the text frame over the top of the bus slightly it stands out. Same with the my hero bubble on the back. Changing the shape of the bus is unfamiliarizing us with it.

The illustrated elderly woman boarding the bus uses the actual bus door and background, with a transparent half tone overlay. This brings you from reality into the comic strip. 

Poster refinement + Critique and continued app development/user testing

Response to previous feedback:

Developing the person onto the poster then printing and seeing what smaller aspects can be changed

Poster critique and development:

Critique as above, also the seat at the bottom/the girls legs just disappear? This is looking a bit bad!

Iteration after iteration 

Poster taken on full critique:

This is starting to look more fun, dynamic and taking on the story of supersnap.

It is also relating to the comic style without being too comic, I am not really a fan of the comic era/style.

Further poster crit with fellow VCD students:

Kern better.

Maybe try a line around the title, black? 

Try ending the pole half way up? 

Yes! This is looking even more and better refined now!

User testing app 2.0:

2.0 

Logging in is more logical now! Very nice flow. 

• Arrow on hero page is not needed and mis-leading. 
• High score page is too intense and red is bad! Change that. 
• As a user I would then go menu and see what main functions the app has. 
• Notifications are really cool! 

Dots at the top should they be consistent.

Relate more to the poster? Same text style or more hints?????? 

App user journey developed:

Signing up and logging medical requirement -

Just signed up and prompt to read more about becoming a hero:

In app notifications - the key relation and importance to well-being:

I think with the user testing these are working well and starting to become logical and easily understood. The aesthetic I believe is relating better to the other touch-points also. 

MORE Flyer Development

Flyer Front

This flyer is using the nostalgic style of a post card, the simple one line paired with an image, to evoke fond memories for the elderly (65+).

The ellipsis not only has the feeling of getting lost in the memories of the good old days but suggests there is more information on the reverse side to explain the image.

The dream bubble and sepia tone turn the image into a memory of the past.

There are hints of the comic style in the half tone and the comic story box and typeface, but for the audience going too comic isn't really appropriate.

The photo is of a things the way they should be. The gold card holders have the priority seats and all is well with the world.

Flyer Back

The reverse side is a bit more impactful. This needed a bit more comic style to match the rest of the campaign. The image is a parody of a comic book punch with works with the opening line to make supersnap the hero.
This still also keeps with the post card look with the panels

More Development - Front

The half tone is awful. the shadows aren't working. This isnt speaking to an elderly audience what so ever.


Cloud - Front

This would be cut as the cloud shape to be a little bit more interesting but keep everything that was working in the earlier version to talk to the elderly audience.

Cloud - Back

This would be cut as the cloud shape. again keeping what was working in the earlier version to talk to the elderly audience.

This would need the burst behind the square and the oversite of the square masked. The logo would need to be white. The half tone didn't work in any of the other colours, other than possibly pink which would also need a white logo. It feels too much for me though with the half tone.

The burst would need to hide behind the box, but this is much calmer and cleaner which i think would work for the audience better.

The box looks better in the white transparency, as it did with the other layout. I do think i am liking the bubble cut version of the back more but the front makes it a little harder to place the text box, unless i add the text box to the bubble cut shape to keeps its initial position. I like this because it goes with the comic style but isn't excessively visually overpowering for the elderly people. I also cuts down the large amount of negative space i had in the post card version.

The centre align text on this is definitely more comic book, and visually the burst looks more natural.

This text alignment is a lot more corporate but looks a lot tidier despite the terrible rag which follows the edge of the cloud outline. the point isnt overly cohesive now that it is shortened but it has removed the need for a transparent overlay for legibility sake.

The point size is now 11, which is as big as it can get for this a5 format.

Cloud - Front text

Cloud - Front 

This is implementing the changes jason asked to see, making the cover fit with the other touch points and giving the text a little more information. I have given it the halftone blue and white, cropped the people, the seats and the bars (to give context). Also i have added the burst in the "dead space" with the secondary text. The text box now sticks out of the cloud and is added to the dye cut shape, just as the buses text box exceeds the buses form.