FINAL PRESENTATION
March 25th, 2014

At last, the final entry has arrived. The purpose of my final presentation briefly goes over my previous research results, the problem I seeked to solve, my target audience, project objectives and core proposition, the brand message, my final deliverables and and its relevance in respect to the problem.

Click on the icons below to view or download the Presentation Notes or Keynote Presentation.



STYLE GUIDE
March 24th, 2014

Check out the style guide PDF here to review the terms, rules and regulations on how to apply the Kennedy BIA logo, typography, photography, colour scheme, brand extensions etc.





PROTOTYPE 3
March 17th, 2014

Using Marvel, I designed the desktop version of the Kennedy BIA website. It seems a little chunky and big at the moment so I'll probably have to reduce the size of everything.

Now that I' using Marvel, I also have to be very consistent with all pages so the transitions between each category is seamless - which seems to be the biggest issue right now.





KENNEDY BIA MOBILE VERSION
March 11th, 2014

BLESS this Marvel, the most amazing discovery this year. Thanks to my dear colleagues, Jessica and Rita, I have smoothly designed and executed a functional app for the mobile version of the Kennedy BIA website. The current buttons only reach a shallow path of the site map but more development is on the way!

The website version will probably be designed using this incredible life saving tool.

To test run the app, click here or on the image on the bottom left. Both URLs will lead you to an online simulator. You can also launch the app on your phone by scanning the QR code.





TAKE BACK THE BILLBOARD!
PROMO TV SPOT*

March 10th, 2013

Here is a 30 second animated video to be used as promotional material for the fictional event, Take Back the Billboard!

The animation was created using cut outs of stock images, and layered on top of continuous brush strokes. A similar colour palette to Kennedy BIA's branding was used, along with the same type treatment and background overlays.

Royalty free music by Kevin MacLeod.

*Video is highly recommended watching with external/quality speakers or headphones.





KENNEDY LOGO BUMPER
March 9th, 2014

Just a short animation of a bumper sample for the Kennedy BIA logo. This will usually appear at the end of any videos to remind the audience where the video is from and who it is by.



TAKE BACK THE BILLBOARD: TV Spot
March 8th, 2014

I compiled a short .gif to show the sequence of my storyboard. I have yet to decide on the style, I could illustrate everything or use photoshop to design a cut-out collage.

I do know that I will stick to the same typography and colour palette I am currently using for the Kennedy BIA brand. I am aiming to create something edgey and gives off a rebellious feeling.



TAKE BACK THE BILLBOARD: TV Spot
March 6th, 2014

I really wanted to create a short animation for one of the events I created for Kennedy BIA. Here is a rough storyboard for a promotional TV spot.

This also gives me the opportunity to design and animate a bumper for the Kennedy BIA logo.



SUPRISE SUPRISE?
March 3rd, 2014

Wow.

All this time, Kennedy BIA was redeveloping their website.
And here I was... trying to do it all by myself. I guess this validates my workshop!





PROTOTYPE 2
February 26th, 2014

The coding begins... again! Since I redid my layout, I decided to code again. I didn't know where to begin with coding from scratch, so I decided to download a tempalte to customize. I am so grateful to discover HTML5 UP!, an gallery of free downloadable repsonsive templates. I highly recommend it to those who are not strong coders (like me). I am using TXT as the foundation of my website.

Check out my second prototype here.





DESKTOP SETUP
February 26th, 2014

What does responsive coding look like? Here is an example! I won't deny I am extremely fortunate to have full access to all of these devices. It makes prototyping a lot easier.





SITE ARCHITECTURE
February 25th, 2014

Click here or on the screenshot to view a larger version of the latest site architecture (warning: it is quite large in scale, but not in file size).

This rendition also includes screenshots of the website to give you a visual idea of how the site is laid out. It will help you also visualize the flow of the user experience.



BRAND MOLDING
February 24th, 2014

During one of my Design Management class, someone mentioned the City of Melbourne's logo and how it maintained an iconic shape but can be filled with several patterns and backgrounds, just like OCAD's logo.

I was also inspired by a link my friend showed me about Downtown Sudbury's new identity. I thought it was a good idea and tried to mold my Kennedy BIA logo with that idea. Here is what I came up with... it can be used for international or local events, holidays or even seasons.

Shown in the example are molded logos for: the Olympics, winter solstice and winter holidays.





PROTOTYPE 1
February 3rd, 2014

The coding begins! To ease the process, I downloaded Bootstap, a front-end framework that is perfect for developing responsive design and mobile web apps. It is packed with many components, jQuery plugins, javascript, styles, fonts and other features that I can customize to create my website.

Check out my first prototype here.