InVision – Final Verion Prototype

Creating my design using InVision, a live prototyping tool was very useful as it allowed my design to appear just like a functional site. Having designed the site to be the best of my ability, I didn’t feel by simply show the images did it justice, therefore I exported every possible combination of my design which came to a total of 19 because of the amount of different sections. I then used ‘hotspots’ to link certain parts of the image to another image, therefore, I have created a prototype of my design which is usable and ready to show to clients. Once I had got to this stage, it allowed me to discover issues that I had not found previously, firstly the text is not bold on the “Fluorescent Lightbulbs” in the peace side of the budget section.

1

Secondly when you scroll through the 10 most profitable companies in the US, I have missed the logo from number 5.

2

These are two small issues that I could easily go back to resolved. In line with simpleness the section in which you would purchase tickets works really well, but it doesn’t allow the user to confirm the price or ticket amount just after putting their card details in, this would maybe make a better experience for the user.

This also meant I was able to view the site from mobile devices on the web. I have been able to see a couple of instances where the design doesn’t work and may have to be re-imagined for mobile devices. The first example of this is the contrast of text over images, because the screen size is smaller and the text only slightly darker than the background image, it becomes a little harder to read.You can see this here;

3

Another mobile issue is the size of the buttons are a little too small to press on the mobile version, therefore would become a usability issue for the user, and would take away from the overall experience. You can see this here;

4

The actual working prototype is available here for your viewing pleasure;

http://invis.io/T71Y0V725

Advertisements

Natwest – Self Promotional Piece

I came across this promotional piece for Natwests mobile banking app, it simulates a mobile phone with the actual leaflet within the screen, then when you open the leaflet it has the relevant content. Something worth noting here is that they have used no more than three colours throughout the piece of marketing. As a web designer I could use this idea to promote what I do, this is something I will consider for part of my promotional piece.

Scan 6Scan 8 Scan 7

Semiotic Analysis of the new E-UP Electric Volkswagen advert.+

Volkswagen AdvertThe advert is one that I found online while browsing for electric cars. It is for the purpose of advertising the new electric car made by Volkswagen. The advert is incredibly simple, with a flat blue background to represent the sky, two tower blocks, a gas pump sign, an electric plug, a picture of the car, the name of the product, a little phrase to add meaning to the ad and the company logo.

There are lots of signs in this advert, the iconic signs present in this advert, are of the gas pump and the electric plug which are not scaled directly in proportion the the iconic signs of the buildings.

Possible indexical signs could be the lights within the room and the fact that it means someone is inside the room but you can’t see them.

The symbolic sign is the fact that the gas pump represents the type of energy you use to fuel your car that has direct relation to the fact you can only afford one room on the bottom floor of a flat, whereas the people who uses electric to fuel their can save much more money and afford to live in a much better apartment on the top floor of the building, in a more spacious penthouse apartment with the best view. The apartments are somewhat iconic of urban living, the image shows that the transition from petrol to electric effectively means that you easily afford to have a much better style of living from living in a small apartment to the penthouse apartments

There is a caption on the bottom of the advert below the image, “Spend on everything else but gas” which essential gives the image more impact because it explains the fact that if you use an electric car rather than a petrol car you will save a lot of money, enough money to spend on things other than just fuel. On the left there is an image of the car with a shadow underneath that would almost appear as if there is a spotlight on the car, a small reflection under the car would indicate that the car is available in the showroom and ready for purchase (which it is, priced at £24,270).

Volk is people in english and Wagen is Wagon in English also. The full translation of Volkswagen to English would mean PeopleWagon, a vehicle for the masses. Connotations of blue are expertise and stability and connotations of white are innocence and perfection. This indicates cool urban living with a luxury penthouse if you purchase the green energy powered car, rather than the financial struggle should you opt for the fossil fuel powered car.

References:

http://www.color-wheel-pro.com/color-meaning.html

http://www.adeevee.com/2014/10/volkswagen-e-up-electric-new-e-up-print/

http://www.volkswagen.co.uk/buying-guide/offers/e-up-nf/special/278