Projects

Class projects and briefs.

The four major ART 3020 projects, organized with requirements, deliverables, grading criteria, and supporting lessons.

Project 01

Basic Webpage

Create a basic webpage using HTML to practice structure, semantic markup, headings, paragraphs, lists, links, images, and basic styling.

Headings and paragraphs
Lists
Links

View project brief Open starter kit Developer Environment Setup File Paths and Site Structure Basic HTML Structure and Elements

Project 02

Responsive Landing Page

Create a responsive landing page with a header, hero, featured content, and a contact or signup form that works across mobile, tablet, and desktop layouts.

Header and navigation
Hero section
Featured content

View project brief Open starter kit HTML Forms Box Model and Layout Flexbox

Project 03

Interactive Web Experience

Design and build a creative interactive web-based experience that uses motion, interaction, and visual design to communicate a mood, story, or concept.

Creative concept
Motion and animation
Interaction

View project brief Open starter kit CSS Transitions CSS Animation GSAP Web Animation

Project 04

Interactive Portfolio

Create a multi-page portfolio website that showcases your design skills and programming ability through responsive layout, strong presentation, and at least one interactive element.

Multi-page portfolio layout
Cohesive visual identity
Interactive elements

View project brief Open starter kit Page Types, Templates, and Navigation Building Effective Site Navigation Item Listing and Details

Examples Library

See what strong, acceptable, and unfinished work can look like.

These are low-fidelity models for calibration. They show structure, decisions, and common issues without turning into templates to copy.

Project 01 Basic Webpage 3 example models Project 02 Responsive Landing Page 3 example models Project 03 Interactive Web Experience 3 example models Project 04 Interactive Portfolio 3 example models