CONCEPT BOARD

This is the concept board for my application.

Project Execution: Screen Design & Examples

I decided to follow the idea of making this travelogue as a scrapbook. Below are the designs and explanations of the application.

Page Cover

~Prototype design of the front cover. Will improve later on.

Below are the pages that divides each section.

Page divider for the SITES section

Page divider for CULTURE section

Though I might pretty much just use them to divide three days trip. Like the first will be related to the first site, which is the Suffolk House.

Keep in mind these are only prototype designs

~Button~

This is actually a button I'm working on. It's a page curl type of button where you will use your mouse and press to flip over the pages.

Here's the application that I'm learning on using for this assignment:

As you can see, the curls are situated on the bottom sides of the pages. This one is not mine however. I found it on internet.

Reference link: http://www.pixelwit.com/blog/page-flip/
http://www.pixelwit.com/flip/PageFlip.html

I'm also working on another type of application and working on combining it with this to make it more interactive and exciting. I'm not sure how it will work.

(I forgot to save screenshots on it.......)

I'm pretty much going with a narrative style travelogue.

That's all for now

Content Progress Development: Application Flow

(You know what they always say, go with the flow....)

Here how it goes:

I'm aiming for a simple navigation system, whether if its just a few piece of blocks, like above. I don't to make a complicated one nor a boring one.

Each of these bars are actually buttons that will lead to different pages. Also note that the button will enlarge when I mouse goes over it. Each of them also are designed differently for people to know which button goes which page.

So, when they are clicked...

It will lead to this kind of page (which I'm still thinking on the design); a picture gallery style page. The pictures can be scroll around using two different arrows (which I forgot to draw due to sleep-deprive) on both right and left.

The box below it will contain descriptions that I will tell, mostly on my feelings and opinion on that place including some facts. Of course, I won't reveal to much.

Content Progress Development: Design Concept (Sketches)

It's one of those times again....

IDEA #1: Book

This was the first idea that arrived in the sea of my mind. A typical book concept. Simple yet fascinating. I even found the scripting to do it but I need time to find a better one. The idea, or rather ideas is that I either I make it continuous like a real journal OR making it in a style similar to a picture gallery.

IDEA # 2: Pamphlet

I say, this is a nice one. I got this idea from a website with a similar application. The first page must be click in order for it to open the rest. Each piece of this pamphlet will have three different categories, based on the things I want to explain.

(PS: Not sure if I can do this one, just an idea)

Research: Precedent Studies

1) http://www.drawingart.org/#/homepage/

I love the style and coloring for this one. It does have interactivity though a simple yet typical one, just click and a different sub page will appear rather than completely going to a different link or page. This website features lots of works and projects done by digital artist.

2)http://recom-cgi.de/#/portfolio/overview/1/

The pictures organisation is similar for what I have in mind for my application. Has cool special effects in this one. And the word "Loading" follows the mouse during the loading sequence so it does have some sort of interactivity.

3) http://www.galaicofolia.com/

I like how they design this website. The colors and atmosphere seemed very soothing.

4) http://www.sheeladaley.com/

The simplicity of this site's design is what interests me.Very cool effects too. This website is about a free lance write name Sheela Daley and her works.

Research: Mind map

Research: Video Captures

These are some of the video captures I have. I will add some more later.

(Entering Khoo Kongsi)

(In the Peranakan House)

Research: Interesting Sites

There are many interesting places to visit in Penang. Some are as the following examples:

SUFFOLK HOUSE

The first major site visited during the trip. Built in the 1780s on a vast estate owned by the founder of Penang, Captain Francis Light, the Suffolk House was considered the first "Great house of Penang" and it was named after the owner's birthplace in England. The unique mansion features authentic Anglo-Indian architecture, which earned it a special recognition from UNESCO. Over 40 years, the building have went through many stages of restoration. Today, part of the mansion has been converted into an a restaurant, which my classmates and I didn't get to see much....... (Boo!)

The Historic City of George Town

George Town was awarded UNESCO World Heritage status. The city was founded 200 years ago and has an impressive collection of historic buildings representing the cultural heritage of Penang's various ethnicities. On our second day, we stopped and visited the areas in the area of the Core Zone.

1) Kapitan Keling Mosque

~Founded in 1801, it is the largest historic mosque in George Town. Designed in Moghul architecture, it features beautiful minarets and domes. Didn't manage to get in as it was close during the morning.....

2) Khoo Kongsi

~Completed around 1906, the temple belongs to the Khoo Kongsi clan. The temple features fine Chinese architecture and craftmanship.

(The map of Khoo Kongsi and its surrounding areas I presumed. Don't understand Chinese much)

3) Islamic Museum (Syed Al-Attas Mansion)

~Built in 1860, this elegant home was once the proud abode of Syed Mohammad Al-Attas, a prominent Achenese merchant who was a stalwart supporter of the Achehnese struggle against the Dutch. This home has been converted into an Islamic Museum to educate about the heritage of the Penang's Muslim community.

(The front enterance of the museum)

4) The Pinang Peranakan Mansion

~This old mansion, former home of Kapitan Chung Keng Kwee, showcases over 1000 antiques and collectibles depicting the life of the Straits Chinese, or Peranakan as they were locally known. The richly decorated mansion is also a popular filming location for movies and television series.

(Some interior shots I took)

Concept & Proposal: The Metaphor & Message

Concept

I chose the travel lodge as my subtopic. The reason was because during the trip, I captured not only the interesting sites but also the surroundings. I also went walking on the streets with my friend. It was adventurous! I love the feeling of walking around the new places (despite some mishaps).

So, for this application, I want to give my audience the sense of adventure when they decide to go to Penang. In this application, the travel lodge will consists of information and pictures; similar to a gallery and pamphlet. Of course, for the parts on the interesting places to visit, I will only state a few tidbits about them in order to give the sense of curiosity to my audience, which I hope will lead them to go to the said places.

My Target Audience

-Aim: Youths (17 - 25 years old)

- Specifically tourists

Reason I chose these as my target demographic is because around this age group is where people became more mature on their mindset and thus enabling them to understand and appreciate things better. Of course, that depends on their own understanding capabilities.