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.
This is the site before the redesign:
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.
These are just a few of many pages on the new site:
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.
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:
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.
Here are some of the final web pages, which I built in Drupal using Drupal's dashboard and with HTML5/CSS3 and SASS.