Skip to main content

Featured

Experiential Design & Personal Project 1

Tan Shin Yih (0334900) Experiential Design  & Personal Project 1 Week 1 For the first class of experiential design & personal project 1, Mr. Mike brief us about the module and told us that we will have a collaboration project with RMIT students. He also explains to us how the collaboration will be going on and what we need to do for it. For let us understand more to the project we need to do, Mr. Mike also asks us to visit the previous work of RMIT student ( http://rmitdmcc.com/2018/ ). Mr. Mike also sends a survey to us to know everyone specialization so it would be easier to split the group later. We also being told to work with the Australian students for 2 weeks, and we will need to come out of a prototype by this 2 weeks time. We need to work with the RMIT students by this 2 weeks time from 10 am to 6 pm at CODA if we don't have any classes to attend. Before class ended, Mr. Mike brief us for a one day trip with the Australian students by next week ...
Post a Comment
Read more
Labels

Web Design and New Media ( Assignment 1 )



Tan Shin Yih (0334900)
Web Design and New Media


Assignment 1 : Landing Page Design

Objective

Choose the subject matter has given and design ONE (1) landing page for each subject.Each design should be able to present what the company does clearly.

Topic:
• Product
• Service

You can choose any existing local company for the assignment and use all the information and images from the Websites.
After Mr. Shamsul taught us to do the wireframe for Maxis, we got to know more about how wireframes work. Then Mr. Shamsul asked us to choose two websites, one for service and one for product and explains the reason for him why we choose the website.
1. Product

 TTF Marketing ( http://www.ttf.com.my/page/about-us/ )
Reason: too simple, makes the website looks empty, lack of color, doesn't have any hierarchy and it is a bit outdated.
2. Service

Confidence ( http://www.confidenceholiday.com/ )
Reason: the background picture makes the pages look messy, the homepage doesn't like homepage, lack of picture, doesn't have any hierarchy, look boring


Then, Mr. Shamsul also asked us to did some research and sketch 10 wireframe sketches for both of the product and service website.
This is my 10 wireframe sketches for my product website. After showing to Mr. Shamsul, we discuss to choose the 6th sketches as Mr. Shamsul said it is cleaner and more modernist, it is also more suitable for my product website user. 

 Mr. Shamsul also gives me suggest that change the arrangement of the navigation by following its importance. Besides that, Mr. Shamsul also asked me to find some important content that didn't show on homepage and put on it.



This is my 10 wireframe sketches for my service website. After showing to Mr. Shamsul, we discuss to choose the 3rd sketches because its better for my website. Mr. Shamsul also asked me to references the information on a website provides. ( http://www.seduniatravel.com/ ) Besides that, Mr. Shamsul also told me that travel website not only image are important, the price also a very important thing that user will always want to know.

Below is my first complete design for both website:


Mr. Shamsul gives us some comment on our websites and asked us to improve some mistakes that we have did before the final submission.
There are some changes that Mr. Shamsul asked me to improve for both websites.

 Product website:
1. Reduce the types of font to 2 types.
2. Change the design of the photo that overlap, make it fit into line because overlap seems like photo crash.
3. Enlarge the size of the logo, search tool, navigation and online chat 
4. Make the design style familiar as "About Us"
5. Add "Products" word 

 Service website:
1. Put the logo stick together and show the navigation but then not in the menu bar and change the color to green.
2. Add the inquiry number on the top of website with the logo
3. Enlarge the search tool 
4. Add "Offer" word

Below is my second version design for both website after improve the mistakes:







Labels:

Comments

Post a Comment