Website Page Design Assignments

Assignment 1: Website Designing Assignment

Objective: Design a complete business website focusing on user experience and conversions.

Scenario: A service-based business wants a professional website to generate leads

Tasks for Students:

  1. Create a website structure (Home, About, Services, Blog, Contact).

  2. Design homepage layout:

    • Header & navigation

    • Hero section with CTA

    • Services overview

    • Testimonials

    • Footer

  3. Choose color palette & fonts.

  4. Ensure mobile responsiveness.

  5. Add CTA buttons on all pages.

Deliverables:

  • Website sitemap

  • Page-wise layout description

  • CTA placement strategy

Assignment 2: Blog Page Design Assignment

Objective: Design a blog page to improve SEO and organic traffic.

Scenario: A digital marketing website wants to publish educational blogs.

Tasks for Students:

  1. Design blog listing page with:

    • Featured image

    • Blog title

    • Short description

  2. Design single blog page:

    • H1 title

    • Content area

    • Images with alt text

  3. Add:

    • Author bio

    • Social share buttons

    • Related posts

  4. Insert CTA inside blog content.

Deliverables:

  • Blog page layout

  • SEO-friendly structure

  • CTA examples

Assignment 3: Thank You Page Design Assignment

Objective: Design a thank you page after form submission

Scenario: User submits a lead form on a website

Tasks for Students:

  1. Write thank you message copy.

  2. Confirm successful form submission.

  3. Add:

    • Next step message

    • Contact details

  4. Suggest:

    • Upsell or cross-sell option

    • Social media follow buttons

  5. Add conversion tracking purpose.

Deliverables:

  • Thank you page content

  • CTA & next-step strategy

Assignment 4: Landing Page Design Assignment

Objective: Design a high-converting landing page for ads

Scenario: Run Google or Facebook Ads to generate leads

Tasks for Students:

  1. Design landing page sections:

    • Headline & sub-headline

    • Problem & solution

    • Benefits

    • Social proof

    • Lead form

  2. Write:

    • Ad-matching headline

    • CTA button text

  3. Minimize distractions (no extra links).

  4. Optimize for mobile & speed.

Deliverables:

  • Landing page structure

  • Copywriting samples

  • Conversion strategy

Assignment 5: Micro Landing Page Design Assignment

Objective: Create a short, focused page for quick conversions.

Scenario: Promote a limited-time offer or WhatsApp leads.

Tasks for Students:

  1. Design a one-scroll page.

  2. Include:

    • Strong headline

    • Single offer

    • One CTA

  3. Add urgency elements:

    • Limited offer

    • Countdown text

  4. Optimize for mobile users.

  5. Use minimal visuals & fast loading.

Deliverables:

  • Micro landing page layout

  • CTA & urgency copy