Awake Website

Website design for Awake of Milwaukee

Overview

The goal of this project was to create a modern and calming website for Awake of Milwaukee as they launched their volunteer-based organization.

Awake is a community of Catholics in the Archdiocese of Milwaukee responding to the Catholic Church’s sex abuse crisis and working towards the healing and renewal of the Church in their Archdiocese. Given the levity of the topic, it was important that the website to feel professional and calming.

Design Process

Style & Icon Design

In dealing with such a heavy and serious topic, their website needed to feel welcoming and safe. For the color and typography of the website, we needed to find a balance that felt hopeful and positive, yet matched the serious nature of the subject matter. In designing the header logo, I kept it simple with the same font as the headers and an increased letter-spacing:

Awake in a calming serif, all caps, white text over a picture of Lake Michigan at sunset

Content Layout

The key content required for the homepage included:

  • Mission statement
  • Goals of the group, which included the following headers:
    • Listen
    • Learn
    • Lead
  • Clear next steps for users to get involved

After our initial conversation, I mocked up a quick prototype of how we could display this information:

screenshot of a series of prototypes for how the site could be organized and what information would live where

We found a template in WordPress that could emulate a similar layout and account for other features that were important. Additional pages such as “For Survivors” and “For Priests” were added as well.

Final Product

screenshot of the awake website, including 3 columns for the purpose and a set of 4 buttons for how to get involved
Scroll to Top