University of Washington

Background

The University of Washington and the UW Alumni Association both needed a modernized email system that looked great on all screen sizes. I designed a system for newsletters, event promotion and more text-heavy communications that modernized and greatly improved the experience for desktop and mobile users. The individual modules are interchangeable to allow flexibility that meets the needs of each communication. Below are a few of the template wireframes and a sampling of emails using the flexible system.

Role

UI Design/Visual Design, CSS

Tools

InDesign, Photoshop

Email Sampling

Here are a few examples of the many emails that have been created with this email template system. Scroll down further to see several of the template wireframes.

Email recruiting volunteers for the Special Olympics was created using the newsletter template.

Email invitation uses the single event template.

Email for a Husky football warm up party uses the single event template.

The email modules are built to stack on mobile devices.

Email for University of Washington Magazine uses the newsletter template.

Email for a party and game tickets for UW Night at the Mariners combines the single event and newsletter templates.

Email for a Cyber Monday membership deal uses the single event template.

Mobile versions of the Magazine, Mariners and Cyber Monday emails.

Newsletter Wireframes

The newsletter system combines one-, two-, three- and four-column modules, along with callout sections, full-width images and copy blocks. Shown here are three versions for desktop and their corresponding mobile versions.

Newsletter template using the University of Washington header with space for a unit name, date module, two- and three-column modules and a callout section.

This one uses the UW Alumni Association header, a feature image, two- and four-column modules and a callout module.

This template shows three-column modules with a callout message and full-width copy block.

Mobile versions of the three newsletter templates shown here.

Event Promotion Wireframes

The single event promotion email system was designed to encourage recipients to register for events. Several variations are shown here.

This event email template shows the UW header and unit name, with a full-width image, date and location, a short copy block and call-to-action button.