Hands-on Exercise No.

4 Total Marks: 10
Batch-09
Graphic Design Due Date: 15/04/2021

Instructions:
Please read the following instructions carefully before submitting this Hands-on Exercise:
• Use Adobe Photoshop to prepare exercise solution.
• You may consult tutorials and videos if the concept is not clear.
• Your submitted exercise will not be considered/counted if:
▪ It is submitted after the due date.
▪ It is not in the required format (.doc or .docx)
▪ It does not open, or the file is corrupt.
▪ It is copied (partial or full) from any source (websites, forums, students, etc.)

Learning Outcome:

After completing this exercise, you shall be able to:

• Design a Home page/landing page of a website.

• Create a perfect user interface design that maximizes user experience (UI/UX).
• Design navigation bar or header according to the theme of any brand.

Problem Statement:

Please design a home page/landing page for the websites mentioned below.
Note: You have to design only home page/landing page for any of the brand mentioned below.

1- Delight Foodies
2- Outfitters
3- Starbucks

While designing the home page/landing page, please keep in mind that the home page/landing page is the
first web page displayed when you open a website. A well-designed landing page helps to establish a
positive first impression, grabs the attention of the consumer, promotes business, and has one singular goal.

Requirements:
• Dimensions of the page should be 1920x1080 pixels.
• You can use.png logo files provided with the assignment.
 • Add the navigation bar in the design i.e. Home, About, Blog, Products, Contact
• Add social media icons in the design i.e. Facebook, Instagram, Twitter, Pinterest icons
(You can download these icons from www.flaticon.com, according to the theme of your design)
• Tip: You can also use images or color gradients in the background of your landing page to make
the design more attractive.

You can also visit the links given below to find examples of some inspirational landing pages.

https://www.landingfolio.com/?offset=23
https://blog.hubspot.com/marketing/fantastic-landing-page-examples.

Reference Example of the landing page:

Note:
1. You can take inspiration but please do not copy the design given above.
2. After completing the task, take a screenshot of the layer panel and Design.
3. Insert all screenshots of the above-mentioned tasks in an MS Word file and upload it on the LMS.
(MS Word file is mandatory)

BEST OF LUCK ☺
How to submit solution file on LMS?

Please perform the following steps for submitting your solution using LMS:

1) Login to the LMS

2) Click on the Exercises button within the My Activities section

3) Click on the submit button to upload your Solution.

4) Keep in mind to upload your Solution in .doc or .docx format