Task 2: Web Replication

 Task 2: Web Replication

                                         

We will need to replicate two existing main pages of the websites given in the link below to gain a better understanding of their structure.

---

The given link:

1. https://www.oceanhealthindex.org/?authuser=0

Screen Grab of Adobe Illustrator:

By using Adobe Illustrator and Photoshop, I had illustrate the website page. I had search the image from pexels and also illustrate the logo by pen tools. For the photos, i had search related topics to match the text and searching. Here is the final result:

Web Replication : JPEG

     

    

Web Replication : PDF

---

The given link:

2. https://banditrunning.com

Screen Grab of Adobe Illustrator:

For the second link, I had also do the same steps as the website on top. For the screenshot of the original website, it shows error and some of the icon and navigations are not same with what i saw on website, so i had to estimate by own self. For the typeface, i had inspect and search out the font family from the ccs style.

Web Replication : JPEG

 

Web Replication : PDF