The overall template design is bright, vibrant, visual, and clean to create a modern aesthetic that will appeal to WSU’s primary prospective audience of first-year undergraduate students. It features succinct copy that is typically paired with a visual element to “show, don’t tell.”


The design intentionally uses a lot of white space and large font sizes for easy scanning while scrolling. Scrolling is the predominant user behavior pattern for engaging with digital content, as it is easier to use on mobile devices. The public website was designed mobile-first, which is an industry best practice. The public website was also designed and built to comply with WCAG 2.0 AA accessibility standards.


Webpages are built using custom blocks that are selected based on the page template, key messages and audience needs, available text and/or multimedia, and overall visual flow. These custom blocks have been designed with elements to provide visual impact, content organization, or a combination of both.


Visual Impact

Hero

A screenshot of a Hero template on the WSU website.


Pin Slider

A screenshot of a Pin Slider template on the WSU website.


Feature Slider

A screenshot of a Feature Slider template on the WSU website.


Carousel

A screenshot of a Carousel template on the WSU website.


Testimonial Slider

A screenshot of a Testimonial Slider template on the WSU website.


CTA Panel

A screenshot of a CTA Panel template on the WSU website.


Content Organization

Accordions

A screenshot of an Accordion template on the WSU website.


Tabs

A screenshot of a Tabs template on the WSU website.


Single Feature

A screenshot of a Single Feature template on the WSU website.

 

Combination

Visual Router

A screenshot of a Visual Router template on the WSU website.


Block Grid: CTA

A screenshot of a Block Grid: CTA template on the WSU website.


Block Grid: Feature

A screenshot of a Block Grid: Feature template on the WSU website.


Justified Feature / CTA Grid

A screenshot of a Justified Feature / CTA Grid template on the WSU website.


Contact Card

A screenshot of a Contact Card template on the WSU website.

Feature Block: Event

A screenshot of a Feature Block: Event template on the WSU website.


Feature Block: Testimonial

A screenshot of a Feature Block: Testimonial template on the WSU website.


Feature Block: Feature

A screenshot of a Justified Feature Block: Feature template on the WSU website.