Final Year Project_ Ideation Sketches

Showcase Area Sketches 

The BUILD IT! event main competition is recycle build so there will be some miniature building design display. All 4 design used boxes as main element that keep the recycle miniature display.
1st design: Stack up boxes on the floor with some transparent boxes as well to display some recycle miniature. The arrangement will be a straight line either horizontally or vertical.
2nd design: Same with the 1st design just the arrangement is different which the boxes will arrange in diagonal shape instead of flat side.
3rd design: It’s a hanging boxes concept along with miniature display in the boxes.
4th design: Boxes that attach along to the wall horizontally.

exibition 1

Picture 1 of 4

Info Area Sketches

This section mainly show information about the event as well as the Architecture Museum background info.
1st design: A curve shape of large board with build in LCD touch screen that show event official website.
2nd design: Same with the 1st design just the shape will be straight and top part design will bend down few degree as its easier for visitors to look up.

info 1

Picture 1 of 2

Creative Area Sketches

An area which visitor can have some interaction of mini games and Augmented Reality (AR).
1st design: It’s the normal standing or attach to wall kinda design which only allow 1 visitor per round to check on the event info on the LCD touch screen.
2nd design: A Maybank cardboard tower design with LCD touch screen on each 4 faces.  2 screens with mini games another 2 with AR interaction. The intention to make it double is to not let visitors crowded in one space while waiting for turns.

creative 1

Picture 1 of 2

Workshop Area Sketches

A small workshop that will hold around 10 person per session.
1st design: It’s the typical row type of table and chair arrangement.
2nd design: A curve design arrangement with a japan culture table design and cushion as seat. The table allow people to put in their leg into the table while sitting on the floor.

workshop 1

Picture 1 of 2

Rest Area Sketches

Place specially for family or parents to rest while wait for their children exploring around the exhibition.
1st design: A L-shape design seat along with a LCD screen attach on the thick pillar.
2nd design: Curve shape seat that attach with the workshop wall.
3rd design: Seat that attach with a long wall. The wall contain some architecture timeline and LCD screen that show information/photos about the building.

rest 1

Picture 1 of 3

Photo Booth Area Sketches

Section for visitors to take selfie with different famous architecture as background. This concept is to let visitors feel like they been there for a vacation kinda feeling.
1st design: Visitors stand in between a normal box design camera and big green screen as background.
2nd design: A photo booth that similar with japan street photo booth where visitors go inside and take photo. The function still the same which they could choose different famous architecture as background.

photo 1

Picture 1 of 3


Final Year Project_ Research and Precedent Studies

Brief Intro Explanation
About museum: Malaysia Architectural Museum is one of the museum fall under the management of The Department of Museum Malaysia. Its a museum that exhibits the history and culture of Architectural in Malaysia from the earlier beginning until modern high-tech today.  Also known as ” Malaysia in Miniature” during the early stage. 

Problem statement: Peoples not gaining knowledge about architecture due to lack of exposure with limited sources or information. 

Aim: To promote an awareness toward the publicity about the architectural heritage and the importance of preserving it.

Advertising objective: To increase publicity by creating variety interaction platform about architectural with the target audiences.

Advertising message: To let target audiences understand that Architectural subject matter could be fun and knowledgeable at the same time.

USP: The first architecture campaign that showcase story about Malaysia architect cultural and used recycle materials as medium.

Target audience profile: Young adults between the age of 13 until 25 years old


Floor Plan Studies
I found a website that explain  Floor Plan Fundamentals which i personally feel quite useful in my floor plan planning. I preferable with the axis floor plan layout because i can showcase my campaign medium (recycle building miniature) in the middle in order to attract audiences. I plan to make it open environment as possible since the branding is not well establish which peoples might have no idea what it is about.

The Axis Layout

 The Axis Layout

Another floor plan i secondly prefer will be the plaza floor plan layout which easier on leading people walk path with the arrangement designed. Its can lead people eye on which they will see first as they walk in.

The Plaza Layout

The Plaza Layout


Exhibition Precedent Studies
I planned the overall look and feel will be modern but recycle so i came out with box design concept. The whole exhibition will use box and cardboard design with some recycle element like the water bottle lighting and the recycle miniature showcase. It have sharp edge while the texture

Box Design Concept

Picture 1 of 6


Exhibition Profile & Activity Flowchart

1. Showcase Area
In this campaign main competition is recycle build open for young adults in 2 category so there will be showcase of some miniature building that build using recycle materials in the exhibition. The placement for those miniature will be in a box design.

Popsicle House

Picture 1 of 11


2. Info Area
Information Area won’t have any information counter  but instead it will be a interactive big board that complete with LCD that show photos of Malaysia historical architecture on the top while bottom will contain information about the Malaysia Architecture Museum as well as some history of Malaysia Architectural. There will be 2 touch screen LCD for people to visit event official website too.

Front View

Picture 1 of 2


3. Creative Area
Audience will be able to have some mini game and Augmented Reality (AR) experience in this section on LCD screen. There’s games like Stack It Up! and Guess The Fact (Malaysia Architecture) while AR will require audience to download apps and a 3D model building will show up when hover over the selected picture.

The Maybank Tower Malaysia will be use as the design in a cardboard version where 4 LCD will be attach to each of the faces of the tower. The front and back LCD will be the mini games slot while left and right LCD will be the AR slot to avoid traffic in just one spot. As for the detail design of the tower (strips, windows) will use few layer of cardboard attach on it.

Maybank Tower

Picture 1 of 6


4. Workshop Area
Each of 2 hour will have a workshop on teaching how to build using recycle materials by craft master and each section will only have 10 slot available for a better 1 to 1 tutoring. Participant will require to register for the workshop and the materials are provided.

The work shop table design will be in a curve semi-circle shape which according to study a curved configuration improves visibility and student/instructor connectivity.

U-Shape Arrangement

U-Shape Arrangement

Curve Table

Picture 1 of 3

1) How Classroom Design Affects Student Learning
2) The Effects of Classroom Seating on Students’ Performance in a High School Science Setting
3) Do Seating Arrangements have an Impact on Student Learning?
4) Effective Classroom Seating Arrangements


5. Rest Area
Rest area is a area prepare for parents that waiting for their children during the workshop or exploring the exhibition.

The design of this area will be a long bench attach with the wall and the wall will have the design of a timeline showing Malaysia certain historical architecture from the Teluk Intan Leaning Tower (1885) > Penang Bridge (1985) > Kuala Lumpur Convention Center (1997) > Malaysia International Trade and Exibition Center (2017). There will be 4 LCD attach on the wall that show the story behind the building also.

Teluk Intan Leaning Tower

Picture 1 of 4


6. Photo Booth Area
Audience can choose different worldwide architecture as background according to flavor and save it in jpeg and gif format. Just select the background from the touch screen LCD, then stand in front of the camera with huge LCD behind that show the selected backdrop. After that, people can straight away share to their social media through the LCD. 

Photo Booth Arrangement

Photo Booth Arrangement

Reference :
Simple Booth



Tried to change the HOMEPAGE design a little bit after consultation with pretty lecturer~ :)

Blog (7)

The old finalize design. Look pale and lack of inspiration.

Blog (6)

In progress of changing the homepage first view design with another background and logo as center attraction.

Blog (1)

The new finalized design with the changed of header also.

Added in the label of winner as suggested by lecturer. Used simple design rectangle label with white font and shadow to let people know which artwork is the 1st, 2nd and 3rd place winner.

Blog (4)

Label zoom in. As you can see black is more outstanding with shadow and white font.

Blog (2)

Label zoom out showing 3 main winner.

Here’s the rough final designed homepage (left) and finalized homepage design (right). homepage

Carry on is the sub-page of contestant’s folio where it show all the contestant artwork from all the participants.

Blog (8)

This is the page where other color of the month still showing to be announce.

Blog (5)

This will be the final look of the page after competition end and all the color of the month announced.

Blog (3)

It show the colorfulness of art. Each circle will have hover function showing the months.

And this is the finalize design.




LEE ENN CHEE 1142102487

DATE : 16/01/2017

  1. Introduction
    • Brand chosen : Buncho

bungho logo-01

    • Campaign info (Detail of competition) :

               – Competition type : Painting Competition

               – Competition Name : A.R.T – Aesthetic. Remarkable. Therapy.

               – Event Logo :


                 – Tagline : “Fall in love visually”

     Objective :

  • Our main idea is to give the term of RELAXATION.
  • To calm our heart through the world of art visually.
  • To create awareness towards people who have misconception on arts.

    Competition Concept :

  • Artist need to come up with an artwork based on our theme RELAXATION and monthly colour scheme.
  • Every month 9 winners will be chosen based on their artwork by our Jury.
         – Winner, 2nd runner up, 3rd runner up and consolation
  • Winner’s artwork will be displayed at our homepage while contestant’s artwork will be in our portfolio.
  • Winners will be notified through their email.

   Tools required :

  • A2 Watercolor Paper
  • Buncho’s Poster Color
  • Painting Brushes

    Rules & Regulations :   

1) Paintings must be created in physical media. (no digital paintings)

2)  If your painting wins an award in our painting contest, it will not be eligible to win in subsequent months.

3) Our juror will select 9 winners each month.

4) Make sure that your painting is signed and that the signature is visible in the image you upload.

5) All entries should be submitted online and winner will be notified by email.

Juries : Emila Yusof, Yong Look, Tai Meng Lim

Prizes :  WINNER – RM800

       1st Runner Up – RM500

       2nd Runner Up – RM300

       6 Consolations – Buncho Poster Colour (18pcs)

  • Target audience :

– 20 – 35 years old

– art lover, artist

2. Gantt chart with milestones

A.R.T. Gantt Chart
A.R.T. Gantt Chart 2

3. Concept Board
Concept Board 2
4. Full Site Map – Include all sublinks and proposed URL for each link (eg. /about.html)

Site Map
5. Wireframe
5.1. Simple Wireframes
total wireframe

5.2.  Greyscale Wireframes
total wireframe greyscale
 5.3. Greyscale Wireframes with copy (lorem ipsum/blind text)

total wireframe greyscale lorem

6. Mockups
total mockup

7. Finalized Design

Web Design Project 1 _ Analysis of Microsite

1) #PaletteForYourPalate – TEALEAVES x PANTONE
Description :
TEALEVES blends teas specifically for color beside aroma and taste, where this collaboration with Pantone is to bring out the understanding of “ the first taste with the eyes ” concept. TEALEVES reach out to expert from around USA and Canada to indesign with the color.



– Overall, they successfully bring out the message of the website which is “COLOR”.
– The paragraph followed “F” pattern design which is from left to right, from above to bottom.
– Call to action button set up directly after the description which is easier for customer to shop straight away
– The navigation is easy enough but the word is too small and uneasy to look at.
– TEALEAVES used iconic social media which is much more recognizable.
– The logo (no specific logo) purposely to be small because it want to let the images and paragraph stand out first as the grid layout ​shown below​.

Home Page Grid Layout

Home Page Images (scroll down)


– Each scroll down show different grid layout of images to avoid boring typical type of grid.
– Every image shoot with same style and lighting where it look alike to avoid messiness eye leading and sudden color changing.
– Every bottom right corner have a tiny square box stated the color of the food it is.
– Description will appear if the mouse hover over the image.
– All the color sure does make us feel in love with it! <3



– Every sub-pages is a one page design where they keep it simple and short.
– Every image is static with same size same design which make overall look clean.
– Some words are grey in color with a slightly low opacity, is hard to look at with the white background.


– Left side navigation bar show title that you can found in this page.
– Also a one page design where you just need to scroll down to navigate.
– Typography with centre align to fill up blank space.

Documentary Page (Video)

– TEALEAVES didn’t just show images with words of course, they also did show video for customer as a further step of understanding about the process of this collaboration.


– Very colorful isn’t? Calm and peace.
– They provide recipes for each drinks and dishes they designed in pdf. format.
– Beside, you can also print out the pictures of all their dishes on the purpose of “taste it with your eyes”. (make it into wallpaper is also a good choice)


15502826_1166744356708902_909335413_o MOBILE FRIENDLY WEBSITE

– They have mobile responsive website.
– Overall it’s clean and simple.
– Took some time to load because of images size.
– Some grey color words are hard to see.
2) #URWHATUPOST – Bolthouse Farms
LINK : ​
Description :
Bolthouse Farms is a vegetables farmland. URWHATUPOST is an awareness campaign website created to let people aware about what they eat starting from what they post on social media. URWHATUPOST gather the hashtag statistic from online social media and show a comparison between junk food percentage and healthy food percentage.






– The first page appears is the counter of hashtag, follow up with food images as shown below.




– The healthy food porn contain colorful boxes while junk food porn contain no color at all on the purpose to show that eat healthy can bright up your day while junk food doesn’t.
– There’s only one page in homepage, no scroll needed.
– Website look interesting with the moving images and create curiosity for user to click on it but it also a disadvantage of it because everything move in the same time which make user hard to focus at once.
– Each images have automatic drop down of a counter of hashtag about the food itself.
– Exp: Avocado have 3,294,377 of hashtag as seen above.
– The word “VS” come second to be notice even it’s at the center because the font is thin.
– Whole page only used the same box grid design which look kind of bored.
– Header is easiest enough where it only contain about and share.



– They used interesting phrase “WTF” instead of “About” to attract user click on it.



– Increase awareness by thinking twice before post.




– Each food have different interactive activities. For example:
– The grape image.
– On loading page, it written there Grape Galaxy and it appear to be a universe full of grape.
– The purple color make user feel excited with what’s coming up next. (Playful)
– The grape keep going around following the mouse hover direction.
– Each game also played different music based on the different situation for example classic, edm, rock, jazz.




– Compare to healthy food loading page, junk food loading page don’t have any color but grey which make it look dull, but that’s the purpose of it to make people feel nothing interesting about cake.
– On the share to social media section, it stated “ Think Before You Tweet ” compare with “ Tweet Your Vegetable “ (healthy food). It fulfill the purpose of think twice of what you post.





– It’s not a responsive mobile website where it take very long time to fully load and respond.
– The images being crop and typeface being shrieked.
– In the interactive page, it’s very hard to touch and give respond. Even the typeface also crash with social media icon.
3) Domino DXP – Domino USA
Description :
“ The Ultimate Pizza Delivery Vehicle “ – DXP stand for “Deliver Expert”, ​which is the first purpose-built vehicle aimed at revolutionizing pizza. This website created to let customer have more further understanding about the new launch delivery service which currently only available at USA certain areas.



– Simple grid layout with eye leading to biggest image and follow up with call to action button “Go for a ride”.
– Videos are working well in link with Youtube:
– Making of DXP : ​
– Desert TV AD : ​
– City TV AD : ​
– Typeface are fine and bold enough to read.



– It’s common to see such loading page in any car race game but in here, it fit well for the purpose of this website.



– The main subject is catchy enough at the center with motion background.
– There’s a hamburger icon on right to go back home page. It’s visible enough to notice.

(Following is the half of the ride from left to right each)



– As you can see along the ride, they show out every detail special feature that DXP have.
– Overall positive and negative spaces are well used with color and object.
– The background have motion such as a sailboat or a bird pass by.
– If you notice, the whole ride showed from morning until night and even rain to show that Domino DXP sent delivery in any situation no matter how the weather change.
– They successfully bring out the purpose of the website which is navigate the new delivery model DXP and the message too.


4) Boxtrolls Adventure – THE BOXTROLLS
Description :
It’s a cartoonist website where you can go on an adventure with Eggs and the boxtrolls. Beside then that, there also shown everything detail about the boxtrolls. It’s a website to promote THE BOXTROLLS movie.



– Eye lead toward the title and characters at the center, follow by the two box on left right.
– Left box lead you to an adventure about the movie timeline while the right one show other feature in this website.
– Overall graphic sure does awesome. (Old time england classical time)
– The typeface are perfect with the boxtroll and classic style.
– The bottom right wordings are a little bit hard to look at especially the opacity of it.
– The title in the middle will disappear afterward and left blank makes the space unbalance where above are heavy while below is empty as shown below.




– It fit the boxtrolls style well where they use gear as technology to build and light up their underground pipe house.



– There are 4 chapters of adventure from the movie beginning, love, climax, ending and each chapter are short where you only spend around 5 to 8 mins to complete it. (Of course they won’t put every timeline in to give you a spoiler.)
– Every chapter before it start, they will show a short video from the movie following the chapter. This is to let user understand and get attracted to the story itself.



– From the picture it look interesting but the interaction is just normal click and go where you just need to collect cheese to pass the chapter.
– It serve the purpose following the movie where they also searching for cheese in movie.



– There are also some mini activities in the chapter to make it more interesting.



– After playing the game, normally we will click on the menu in order to lead us back to home page but this website doesn’t follow the typical rules. To head back to home page you will need to click on the title logo at bottom left “THE BOXTROLLS”. This part of navigation make user confuse.
– Menu page is where you can found out the feature of this website.



– Every trailer list they posted available here link with Youtube.



– As you can see, all the character are facing the wall and you can click on it to read a simple description about the character.



– They also provide prints and play, interactive page where you can print out the provided designed paper and have fun with families.
– It’s very suitable for kids which is their target audiences.



– This page show mostly the promote and share function.
– The social media icon appear when you hover over the social icon and there’s a page where you can also share to social media which is messy information given that appear multiple time. It is unnecessary to do so where they can just straight put on social media icon on the bottom right.
– After click into this page i can’t click back to the home page where it stuck at here only.
– Basically, this page can be shorten out or just put into the menu page.


5) Dawn  Of Apes Quiz  – Dawn Of The Planet Of The Apes
LINK : ​​
Description :
It let you test quiz to calculate which character are you based on the movie. Overall, it serve its purpose well where the movie show about how cruel and status in the society is no matter in apes world or human world.


– Everything look very serious with dark color tone and bold typeface.
– The word “TAKE THE TEST” come first follow by the background picture and copy-writing.
– The footer is clear and easy to read with black and white color.
– Recognizable social media icon used.
– The word “MENU’ on top left is not needed where there’s already have the hamburger icon with it.
– The red box on right make the space on left right unbalance but it doesn’t have any big deal because the color used make it blend well in someway.


– Overall, used colors are only red, black and white.
– There’re some short paragraph can be read while waiting for the page to load where they actually make a good use on time.


– The result page came out based on the choice of answer you chooses.
– It appear to be a status of character in a society and you can explore the character deeper.



– It listed out each character relationship with others character and also some behind the scenes photos taken.


– The menu section is just a minimize of the whole page horizontally and let you choose which page you want.
– Overall the website navigation is simple and easy to understand.
– It serve the purpose like taking a personality test to know your inner self.