WEB REDESIGN

At Western Washington University, I participated on the small team that redesigned and overhauled the Alumni Association's responsive website. I helped to conduct research and interviews, prepare a site map and wireframes, and create design mockups. I also worked with the iModules, the CEM provider tasked with building the final site.

Once iModules implemented the site, I have coded new responsive templates for it, and I've created numerous new pages and added various assets to the site.

The Prior Site

This is the site before the redesign:

image of site
The Redesigned Site

This is the site after the redesign. The national Council for Advancement and Support of Education honored the site a Bronze Award, and iModules features the site in its client showcase.

image of site
Sample Pages

These are just a few of many pages on the new site:

image of site
image of site
image of site
A Second Redesign in 2017

Although the new site was successful, we again embarked on redesigning it in the Spring of 2017.

Below is the sitemap and some of the wireframes that I created for the new site. They were a great help in our conversations with stakeholders and the web development team.

image of site
image of site
Final Mockups

Once we used the wireframes to make several decisions, I created final mockups of several layouts in various responsive views. This, for example, is the mockup of the homepage:

image of site
Additional Mockups

In addition to creating mockups of the homepage and other layouts, I also created mockups of a page that would show events and a page for sharing news.

image of site
image of site
The Site As Built

Here are some of the final web pages, which I built in Drupal using Drupal's dashboard and with HTML5/CSS3 and SASS.

image of site
image of site
The Final Site

You can see the live site here.