Interactive Design | Project 1

 

Week 4 | Week  6

Mohamed Hammam Chebel (0342483) BDE's. Creative media (Hons).

Interactive Design

Project 1 

Instructions 

 In this project we are to design a landing page layout using Adobe Photoshop or Adobe Illustrator, the page should have three sections with a navbar and footer and call to action button.

 I started designing my landing page, the topic of the page was about my father's business.

The landing page can be about anything, it has to have a call on action button and contact information, products, footer, images, action bar.

The landing page must be 1280 PX in width.

Now that I have a general idea about this task, I went ahead and started designing a web page about my father's business.

I did some research and found some cool fonts for web design, I downloaded some of the google most famous fonts which are:

• Roboto
• Archivo
• Rubik
• Source Sans Pro 

I want my web page to be minimal and clean, easy to interact with and straight forward, so it's easy for the clients to surf the website. 

Below is my first design of the landing page, 

Fig 1.0

Fig 1.1

First section

Feedback on the first design

• Come up with a new layout 
• Try to make plain background 
• Make the text readable 
• Put the call to action button on the top of the page and make it clear.
• Explain the service briefly at the top of the page
• reduce the use of pictures

After getting the feedback from Mr. Shamsul I started on designing a new layout, here is my progress.

Proposal

Fig 1.2

Landing Page Proposal

Fig 1.3

New layout in Adobe Photoshop

Fig 1.4

Landing Page Final JPG