1. Seattle Colleges home page
  2. Administration
  3. Web Development
  4. Academic Programs Project
  5. Webpage Design Examples

Webpage Design Examples

Below are visual examples that show how the new academic program templates come to life across different pages and devices. These screenshots highlight the streamlined layout, accessible design choices, and consistent navigation patterns students will experience. They offer a quick look at how all the project’s features translate into a modern, intuitive interface.

Program Overview page design device sizes

Click a thumbnail, use browser tools to view page at 100%, and scroll.

Art and Art History top half of overview page

Computer Science top half of overview page

Welding Fabrication Technology top half of overview page

2D Arts top of overview page

Computer Science top of degree page

Welding Fabrication Technology top of degree page

These examples represent the current direction of our design work, showing how the new system is taking shape across pages and devices. As the project evolves, we’ll continue refining layouts, visuals, and interactions based on feedback and usability insights. More updates and expanded examples will be added as the templates grow and improve.