Exercise 2 - Web Replication

6/10/2024 - 12/10/2024 
Diane Sani Alexander Wan / 0378712
Interactive Design / Bachelor of Design (Hons) in Creative Media
Exercise 2 - Web Replication
TASK


WEEK 3

We had to pick 2 given websites and replicate them by following the dimensions of existing websites by width and height. This will help us develop our design skills in Adobe Illustrator and gain insights into web design best practices. 

Website: Ocean Health Index

This is a side-by-side comparison with the original website. We had to pick one to do during class and complete it at least once. I recreated it using Adobe Illustrator. The one on the Left is the original website, and the one on the Right is the replicated one.


Figure 1. The Left is the original, right is the replicated one.



Figure 2. PDF format of the website I replicated.

Website: Morgan Stanley

For the second website, I picked the Morgan Stanley site. I observed clearly how the website chooses its colours and shapes. The second website I replicated. I also did this on Adobe Illustrator and had to make sure every image was in the same exact size.   The left is original and the right side is the replicated one. 



Figure 3. The Left is the original, right is the one I replicated.


Figure 4. PDF format of the website I replicated.

Comments

Post a Comment

Popular posts from this blog

Typography Task 1: Exercises

Image
24.9.2024 - 21.10.2024 (Week 01 - Week 06) Diane Sani Alexander Wan / 0378712  Typography / Bachelor of Design (Hons) in Creative Media  Task 1: Exercises 1 & 2 TABLE OF CONTENTS 1. Lectures 2 . Instructions 3. Process of work   3.1. Research     3.2. Ideas  4. Feedback 5. Reflection 6. Further Reading  1. LECTURES WEEK 1 Typo_1_Development -  Went through the rules and advice instructions as well as the MIB to understand what assignments and final projects will be done this semester. Knowing the subject outline and expectations for this module.  -  Mr. Vinod, gave us pre-recorded videos on how to create an e-portfolio on Blogger and then gave us a link to a playlist where we had to watch lectures 0-1. Lecture 1 was about the history of typography and understanding letterforms.   Typography  is the type of art and technique of arranging letters to make them clear and readable in their written language.  Font...
Read more

Advanced Typography / Task 1:Typographic System & Type and Play

Image
21.04.2025 - 13.05.2025 (Week 1 -  Week 4) Diane Sani Alexander Wan / 0378712  Information Design / Bachelor of Design (Hons) in Creative Media  Task 1 / Exercises: Typographic System & Type and Play  TABLE OF CONTENT 1. Lectures 2. Instructions 3. Exercises 4. Feedback 5. Reflection 6. Further Reading 1. LECTURES WEEK 1: LECTURE 01 Typographic Systems 8 major variations:  Axial Radial Dilational Random Grid Modular Transitional Bilateral The typographic systems are what architects term 'shape grammars'. These systems are similar that the systems set of rules are unique and it provides a sense of purpose that focuses and directs the decision making. (Elam, 2007) While these systems may seem to limit creativity, they actually help learners build a strong foundation. Axial System: All elements are organized to the left or right of a single axis.  Radial System: All elements are extended from a point of focus. Dilation System: All elements expand from a ce...
Read more

Exercise 1 - Web Anaylsis

Image
 25/09/2024 - 5/10/2024 Diane Sani Alexander Wan / 0378712 Interactive Design / Bachelor of Design (Hons) in Creative Media Exercises 1. TASKS Week 2:   Exercise 1 - Web Analysis We need to pick 2 websites that were given in Google classroom and then interpret the websites and see how it impacts the user experience. We have to consider the purpose and goals of the website and identify the strengths and weaknesses of the website.  WEBSITE ANALYSIS Awwwards  https://www.awwwards.com/ After some exploration on this website and scrolling through, this website targets UI/UX designers as the main purpose of the website is to show the 'site of the day' and also the 'site of the month'. You are able to gain inspiration from this website and also purchase a design you desire. They also offer a wide range of courses for those that want to learn more and increase their skill and knowledge.  Content The website itself is also visually aesthetic, so it relates to how rele...
Read more