FINAL YEAR PROJECT 2 (MAJOR)

MAJOR AUDIO VISUAL- CONCEPT BOARD

concept board-01

MOOD BOARD

concept board-03

IDEATION 

a3-01 a3-02 a3-03 a3-04 a3-05 a3-06 a3-07 a3-08 a3-09

AUDIO VISUAL (ROUGH CUT) 

SER2 ROUGH SERI1

 

PRINT AD AND OTHER AD FORMATS (PROGRESS)

PSDScreenshot 2018-03-11 01.33.09GKIGLK

FINAL PRINT ADS AND AD FORMATS

Print Ads Full page and Half Page

Complilation NEW-11

Complilation NEW-12

Ad Formats

Social Media 

Complilation NEW-01Complilation NEW-14

Guerilla Marketing

Complilation NEW-16

Billboards

Complilation NEW-08

Taxi Stand and Standee

Complilation NEW-09

Mock up OOH

Complilation NEW-13

Augmented Reality

Complilation NEW-10

Other Collateral 

Complilation NEW-15

FINAL CONCLUSION BOARD

A1 board AV-01

FINAL AUDIO VISUAL

SERIES 1

SERIES 2

Advertising Design Project (FYP) Intro

INTRODUCTION

  • Product

Museum

  • Brand

The Submarine Museum Melaka

ssa

  • Problem Statement and Issues

The problem statement and issue of The Submarine Museum is that losing more            significance by the people. Though The Submarine Museum is in Melaka which              is the historical city it loses its significant being far away from the city which                    causes people to be not aware of this museum as they fail to relate the Navy                  army to the current time.

  • Target Audience

               Demographic

                  Age                                          :                 15-17 years old

                  Gender                                     :                 Male and Female

                  Education                                 :                Secondary School

                  Occupation                               :                Students

                  Race & Ethnicity                      :                 All Races

                  Geographical Location            :                 Urban and non-urban

                Psychographic

                  Perception               :    To be grateful of other’s life who sacrificed                                                                         for us.

                   Learning                 :   Word of mouth form friends and family,Online and                                                            Offline  media and promotion

                   Motivation & Need :  To give back love and support to armies and                                                                     their families. Apply the values in life

                  Attitude & Personality  : Curious and adventurous

                  Lifestyle                     :  Advanced in handling gadgets and accepting                                                                     changes in life.

CAMPAIGN

logo

  • Campaign Name : Survive the Deep
  • Big Idea                : Beneath The Surface
  • Concept               : Hi-Technology Interface
  • Tagline                 : Revive The Survive
  • AimTo raise awareness on  Navy army and their families’ life and sacrifices they made to serve our country.
  • Objective
    • To hype back the museum to get more visitors.
    • To create the engagement towards discovering this museum and the story behind it by the experience.
    • To give an experience of the surviving like a Navy.
    • To encourage people to visit the museum to get experienced in real instead of seeing in the movies and other mediums.
  • Unique Selling Proposition

Experiencing the past life in a futuristic aspect.

Situation Analysis 

Situation Analysis Final A4

chosen museumad Technique

final execution

the execution of the whole campaign.

concept board-01 concept board-02

Minor medias – Website and Environment Media

             EXHIBITION PROFILE

EXHIBITION PROFILE

          FLOWCHART

FLOWCHART 1 FLOWCHART 2 FLOWCHART 3 FLOWCHART 4

FLOOR PLAN

FLOORPLAN-01

WEBSITE

website compile FINAL-07

website compile FINAL-05

website compile FINAL-08website compile FINAL-01 website compile FINAL-02  website compile FINAL-04website compile FINAL-03 website compile FINAL-06

FINAL ARTBOARD

A1 board 1-01 A1 board 2-01

 

Consultation (week12)

We manage to do the layout and made as a working website since we wanted to show the flow our website. During the consultation Madam said the design and layout was fine and she asked us to add on the content and show it again. Unfortunately the next week we could not consult since we had a shoot for our MAD subject. My groupmate and i divided our tasks on 3 pages each so i took the 1st 3 pages which is Homepage, About, News. Where as Diviya took the Gallery, Contact. Since the homepage was not a big deal so i took that.

These are the pages i have done. And which the final. We also applied the tips Mr.Imran told us to make the word flat instead of having shadows according to these days.

Screenshot 2016-02-22 18.15.51 Screenshot 2016-02-22 18.16.31 Screenshot 2016-02-22 18.17.24

 

Screenshot 2016-02-22 21.02.35

Gallery is actual under New&Updates page

Screenshot 2016-02-22 21.04.27 Screenshot 2016-02-22 21.05.27

Final Project (part2)

Concept Board

From the discussion i had with my group member i was assigned to do the concept board for our Liter or Light (Malaysian Website). As it is a Malaysian website we discussed to play along with the colours to show the Malaysian theme, which more on shades of blue yellow, and a overlay of the Malaysian flag.

concept board

 

Target Audience : 18-25 aged young adults, University/College Students.

Elements/ Mood : Darkness with a hope of light (mood)

WIREFRAME (HOMEPAGE)                                                                                                 

wireframe

WIREFRAME GREY SCALE (HOMEPAGE)

wireframe grey 2

LOREM IPSUM WIREFRAME GREY SCALE  (HOMEPAGE)

wireframe grey 3 copy

MOCKUP (HOMEPAGE)

mock up home page

 

WIREFRAME  (SUBPAGE NEWS& UPDATES)

new wire

 

WIREFRAME GREY SCALE  (SUBPAGE NEWS& UPDATES)new wire grey 2

LOREM IPSUM WIREFRAME GREY SCALE  (SUBPAGE NEWS& UPDATES)

new wire grey copy

MOCKUP (SUBPAGE NEWS& UPDATES)

mock up news

 

After consulting Madam she commented on our design that it was kind of messy to look at. Because there were too many things happening around. Then she suggested my design which was a parallax website and  asked to change it a little . which was this …

final 1about   galleryget involved

 

But still Madam asked to change this a little . And here comes the FINALLL

HOMEP a3CONTACT a3ABOUT a3 NEWS a3GALLRY A3 GET INVOLVED a3

Finally Madam approved our final design. Where we actually took some elements from my mock ups and my group mate’s(Diviya) design and made it into one.

Final Project Part 1 (Research)

1.Simplisafe

Website: http://simplisafe.com/

Microsite: http://simplisafe.com/resource/layered-defense/

RWR

This is a microsite of Simplisafe website. They help people live safely without introducing any complexity, hassle or annoyance into their lives. For over a century, the alarm industry has been selling out-dated technology at highway-robbery prices. A common practice has been to scare customers into signing long-term contracts that are chock-a-block with fine print and provisos. The microsite is concentrating on all the products and items they are providing in a unique way. Their theme colour is blue so on both websites and microsite, they used blue. Their microsite is really very interactive and very interesting to go thgrough by studying the functions of their products on each space of their home. Their microsite uses scrolling rule, where when you scroll down, youll be able to open up, zoom in and panned into a new space at home.

UL,HJYUYT

The 2/3:1/3 rule is not applied onto this microsite yet the website is still very appealing to visitors. But than, they applied it into their webiste. Their microsite is more to inteactivity and getting know their products than selling or showong the important matters of their company history.

 

2.Coca- Cola

Website: http://www.coca-colacompany.com/

Microsite: https://buy.shareacoke.com/

UK

This is the microsite of Coca Cola company for their ‘share a coke’ campaign. Their microsite is really very simple and informative. This microsite is mainly to promote their new idea on customizing the bottle. It really different from any other soft drink agency. White space is briliantly used in this webpage so that visitors eyes directly leads into the point. This is not an interactive website yet, but its all about promoting the idea and purchasing the bottle. According into that case, its not really user friendly and interactive which makes visitors bored easily. The layour wise, the composition was good, where the background colour of white makes eyes to move soft with their content. They didnt use much text which is good just to absorb the main purpose of the microsite. Since coca cola is known for their red and bhottle, they used it as the main content of their layout so, visitors will never have a different idea on what the website is about.

UKKH,

The rule of 2/3:1/3 is used into the composition of the microsite, where it indicates our eyes on which context to see first. Moreover, the whitespace is also bliantly composed to not to interuppt viewers eyes. As my suggestion, this microsite need more interactivity to  attract more viewers because this still seems to be boring with out interactivity but just good layouts.

 

 

3.IKEA

Website : http://www.ikea.com/no/no/

Microsite : http://www.engoddagstarterher.no/video

UKYK.L.

This is a Ikea microsite created by SMFB which is “A Good Day Starts Here”. This microsite is really creative and simple in the sense of visual. A story shown of a morning in a regular IKEA filled home at Norwegian. As you can see above is a screenshot of the page loading which is nicely shown in the way of sunrising while the page loads. This microsite entirely done by the background video widget as the video interects with button shown on the furnitures. By clicking the space button or pressing the spacebar on the keyboard it navigates to the product details.

ULKL;IUIY

This microsite entirely done by the background video widget as the video interects with button shown on the furnitures. By clicking the space button or pressing the spacebar on the keyboard it navigates to the product details. It does not only work for the furnitures it also put you in a game, which you can play. This microsite has used a constand typography and choices of colour which gives a continuity through out the microsite. There is no 2/3:1/3 rule is applied in this microsite. There is white space applied in the product detailes page with the original image of the product in every angle. This rule separates the image and the text in the proct page.

4.Coca – Cola

Website : http://www.coca-cola.com/

Microsite : http://www.ahhh.com/

FUK

This is the microsite for Coca Cola Ahh campaign. This campaign is to make viewers understande that there are too many ways to enjoy coca cola and the one way is to aah. According to this microsite, its really interesting to go through it. Its really very user friendly and interactive which has games to make it even interesting. This idea will make viewers to stay long in the microsite and will obviously attract more audience. The 2/3:1/3 is not appied into this microsite, maybebecause this microsite is not meant to give information to the viewers but its to viewers ti interact with the design and brand. Viewerscan interact and gain experience with the games with the AHH concept. The layouts of this microsite is all well composed and of course Coca Cola is very well known for using their colour principles brilliantlly.  UKLKYU

 

 

5.Moments Before Dawn

Website : http://moments.dawnofapes.com/

Microsite : http://www.dawnofapes.com/#quiz

YRDGD

This is the Microsite of the Movie Dawn of the Planet of the Apes whichy has won award. Since this site has awarded, it must be one of the best microsites in terms of design principle and content. This is a microsite called “Moment Before Dawn” . This site is for setting up the curiosity before the collision in “Dawn of the Planet of the Apes”. This microsite attracts and impress the fans in a very effective and interactive ways. This is entirely on quizzes relating the movie. It is very simple and interactive. The design is the main element which potrays the microsite very creatively. The colours used are dark which urge the curiosity and it is constantly used cleverly. Every button navigates to each specific separate pages as it open in you new tab.

RGR

The image above shows a waveleght which move accordint  to the user who moves the tempo or colour. It moves faster and slower.

RHGDERH

This image above has usen the parallax effect, where the objects move side ways following the mouse direction. The typography use are very clear and readable on the dark background. It is balanced according to user’s convinience and design principle. Every elements in the site are neatly arranged.