DESN 368 · PROJECT 4

Design Brief // Product Landing Page

Use this page as the Week 8 entry point for the Product Landing Page project. The full brief lives on the course site so updates stay in one place.

Open the Project 4 Design Brief

Read this before submitting the Figma design. It includes the required landing page sections, style tile expectations, responsive design requirements, interaction states, and critique notes.

Duplicate the P4 Product Landing Page Student Template

Your duplicated Figma file should hold the 01 Pre-Design page, style tile, desktop/mobile layout frames, component states, and critique notes.

Key Dates

• Thursday, May 21: pre-design / style tile work in Figma
• Tuesday, May 26 at 10:00am: Figma design due for critique
• Tuesday, May 26: critique via Figma comments
• Tuesday, June 2: coded landing page due

Before You Submit P4.2

• Duplicate the Figma template.
• Complete the 01 Pre-Design page.
• Build a style tile with fonts, colors, spacing, buttons, media direction, and source notes.
• Create complete desktop and mobile landing page designs.
• Show component/form states, plus one transform note and one animation note.
• Submit your duplicated Figma file link in Canvas.