Interactive Design Project 1

03/05/19- 18/05/19 (Week 5- Week 7)
Riyaz Mohamed Zain ( 0334031)
Typography
Project 1 - Text Formatting and Expressions

---

INSTRUCTIONS

---

Week 03
Project 1

We were asked to design a landing with a minimum three sections. It could be a website about anything, for this project I decided to make a site for the improvement to the Visit Maldives. I realized that considering the fact that Maldives is a country based o heavily on tourism the website is very unappealing an disorganized. I wanted to see whether I make some changes to the layout to fix these problems.

Fig 1.1 Visit Maldives Official site

Fig 1.2 Visit Maldives Official site

After this we were told to 5 different layout designs for the selected websites. Here are the 5 sketches I made for the website.




After making the sketches I started working on creating the Layout for the landing page. Here are some screenshots of the Work in Progress.

Fig 1.3 Initial layout page 1

Fig 1.4 Initial layout page 2

Fig 1.5 Initial Layout page 3

Fig 1.6 Initial Layout Page 4

Fig 1.7 Initial Layout Page 5

Fig 1.8 Initial Layout Page 6

After I arranged the rough layout of the landing page I then started to add the images and the details.

Fig 1.9 Adding search bar

Fig 1.10 Adding the News letter images 

Fig 1.11 Adding the map and a gradient 

Fig 1.12  Adding images at the bottom

This is the final layout of the landing page.

Fig  1.13 Landing page 

Week 04

 After getting feedback from Mr Shamsul I made some minor changes to the layout. Here is the Final outcome.

Fig 1.14 Final landing Page

Here is the PDF of the final landing page.