Web Design and New Media

Web Design and New Media

Wu Xin Ying
0328708
Week 1- Week 14 (March 2018- June 2018)

Lectures
Week 1
For the first class, Mr Shamsul brief us on the module outline of this module and show us the exercises and assignments that we need to complete throughout the semester.

Exercises


Projects
Project 1- Landing page design
For this assignment, we are required to choose any existing local service and product company and use all the information and images from the Websites to redesign the landing page of the chosen website.

My Chosen website
Product: Baskin Robbins ( http://baskinrobbins.com.my/scoop-cake-special.html )
Reasons: The website is too small and even cannot scroll down. Poor layout and the website is not interesting.The text is too small in the catalogue, users are unable to see clearly.

 Service: Public Bank ( https://www.pbebank.com/ )
Reasons: Poor layout and not interesting, attractive. The website is too messy and too much information. It looks complicated and confusing.

 First, I sketch 10 wire frames for both service and product websites and show it to Mr Shamsul. After finalized the sketches, I started to illustrate it in Adobe Photoshop and Adobe Illustration and show it to Mr Shamsul. 

 Feedback from Mr Shamsul: For the product website ( Baskin Robbins), Mr Shamsul told me to increase the opacity of the pictures and change the typeface. Moreover, Mr Shamsul also told me to change the color to a brighter color so that it doesn't looks dull. Mr Shamsul also told me to add more information in the footer of the website. For the service website ( Public Bank), Mr Shamsul told me to change the typeface and increase the opacity of the pictures as well. Mr Shamsul also told me to adjust the alignment of the "login" button and the navigation bar.Furthermore, Mr Shamsul told me to decrease the seize of the icons and the "login" button. For the color, Mr Shamsul told me to change the red color into a brighter red and replace the black color with white color.

 After received the feedback from Mr Shamsul, I had made some changes on my landing page design.

 Final Landing Page Design
Product ( Baskin Robbins)
Final Landing Page Design for my chosen product


Service ( Public Bank )
Final Landing Page Design for my chosen service

Comments

Post a Comment

Popular posts from this blog

Advertising Principles and Practice

Image
Advertising Principles and Practice Wu Xin Ying 0328708 Jan 2018 - Feb 2018 Advertising Principles and Practice Module Outline Lectures Week 1 Lecture 1 : What is Advertising?  For the first class of this module, Mr Vinod gave us an introduction of this module. He brief us on our project and exercises that we need to done throughout the whole semester. After that, he gave us the first lecture. First, Mr Vinod asked us the meaning of advertising. He told us to break the words in a lo ng sentences to understand the meaning of it. What is Advertising? Advertising is a means of communication with the users of a product or service. Advertisements are messages paid for by those who send them and are intended to inform or influence people who receive them. Advertising uses every possible media to get its message through. The purpose of advertising is to: - Make customers aware of a product or service - Convince or persuade customers that a product or s
Read more

Usability and Mobile Application II

Image
Wu Xin Ying 0328708 April 2018 - July 2018 Usability and Mobile Application II Module Outline Week 1  For the first week of the module, Mr Razif and Mr Kannan gave us an introduction and briefing on this module.  They brief and explain to us on our project and exercises that we need to done throughout the whole semester. After the briefing, we showed our final project of Usability & Mobile Application 1 that we did last semester to Mr Kannan. After showing to Mr Kannan, he said that the button and words are too big and need to be smaller. He also said that I need to readjust the spacing and consistency of the layout. He also suggested me to specify whether the apps is Android or Mac so that it will be convenient for user as some user may not familiar with certain operating system. Moreover, Mr Kannan also told me to remove some of the unnecessary features and make the app simple and easier to use. For the first tutorial of the module, Mr Razif told us to prepare our
Read more

Design Research Dissertation

Wu Xin Ying 0328708 April 2018 - July 2018 Design Research Dissertation Module Outline Lectures Week 1  (1/4/19) For the first week of the module, Dr. Hayati gave us an introduction and briefing on this module.  SHe brief and explain to us on our project and exercises that we need to done throughout the whole semester. After the briefing, she talk about the presentation that we need to done in this week. She told us to make some changes on the previous presentation slides we did last semester and explain that what we need to include in the presentation. After that, each of us have a consultation with Dr. Hayati one by one to discuss about our presentation slides. For my consultation, as I decided to change my topic, Dr. Hayati suggest us not to change much as we have to start everything from 0 and it may take a lot of time and it is time wasting. For the presentation, Dr. Hayati told me to search for few articles and journal for the research findings and focus on the fut
Read more