Portland Community College | Portland, Oregon Portland Community College


PCC website history

The PCC website first launched in 1996! Check out how the website has changed over the years »

The Web Team launched the current pcc.edu website in March 2016.

We made updates to the header to include a mega menu under the Get Started link in June 2018. The mega menu is meant to bring more enrollment links to all pages on the website as part of the college’s realigning focus on enrollment.

Redesign objectives

Our main objectives for the redesign were to:

  • Update the PCC website template to optimize our pages for viewing on mobile devices.
  • Update website colors and typography to match the college’s new visual identity.

The content and navigation were not part of the redesign, and remained almost identical to the previous version of the website.

Updated visual identity

Continuing the process that started during PCC’s 50th anniversary, the college is working to align its visual language across all mediums with consistent brand symbols, fonts and signature colors. This update to the website is the next phase of that iteration, with small stylistic changes that align with the college’s brand expression so that all of our communication “speaks” with one united “voice.” Coming soon, the Office of Marketing and Communications will release an online toolbox based on these updated visual identity standards. It will include tools and templates to help departments and individuals at PCC meet their communications goals, no matter what they are.

  • Poppie bobblehead figurine wearing a PCC t-shirt
  • Turquoise PCC umbrella from above
  • Woman holding PCC tote bag and wearing a PCC t-shirt

Redesign goals

  • Enhance usability across multiple platforms and devices – as of 2015, when the redesign project began, over 25% of the visitors to pcc.edu were using a mobile device. Here is a graph showing mobile traffic to the PCC website from 2012 to 2015:
    Chart showing the growth of mobile use on pcc.edu from 2012 to 2015
  • Use modern standards and technology to better support future efforts, including:
    • Web standards (HTML5, CSS3, WAI-ARIA), Framework (Foundation), Repository (Git)
  • Break out of the “folder” layout, which mimicked a real-world folder with tabs
  • Better align with recent branding, add school spirit
  • Update style guide for page layout, components, image treatments, etc.

Redesign challenges

All of the above, plus:

  • Amount of content to address (~10,000 pages, not including the schedule of classes and other web applications)
  • Types of content to address responsively
  • Tables, dynamic content, tabbed content, forms, unique and one-off designs
  • Designing in an environment where everyone has needs and interests
  • Staying focused on the primary objective
  • Keeping focus on this effort, while many projects compete for time