shelterhouse

Shelterhouse

CLIENT : Shelterhouse    LINK : Adobe Experience Walkthrough

Objective

Help create a new and modern website that will provide local and community resources to women and children in need of protection and help in harmful situations.

Challenge

Creating a space that looks welcoming and inviting, while discussing a topic that is very serious and sometimes dark.

Solution

Using a clean, white design helps keep the site from looking too cold, while adding in pops of color from the client's brand.

Discovery


younglady

Lonely Lady

Trying to find resources to get out of an abusive relationship

Motivated by:

  • Finding protection
  • Getting help
humanitarian

Helpful Humanitarian

Wants to provide resources to abused women and children

Motivated by:

  • Personal history
  • Providing help

Planning


Wireframes

I developed a series of wireframes to show the hierarchy of information and the flow of how the site would be laid out. This helped the development team to see how the site was going to be organized, and what content would be displayed on each page. See the walkthrough here.

Prototype


After creating the wireframes, I developed a look and feel for the site. I designed multiple page types, and different kinds of headers, depending on the page the viewer is on. View the rest of the mockup here.

Mockup

KARA COPELAND © 2018 ALL RIGHTS RESERVED