Objective:
Take a non-for-profit organization and design a condensed mobile website, based on their current web architecture and content.
Organization:
As you can see above, the organization chosen is Saint Martha's Hall. Saint Martha's Hall is a not-for-profit agency, located in St. Louis, which provides a shelter care program for abused women and their children. Their original website can be viewed at http://saintmarthas.org/
Research:
Gathered content from Saint Marth's Hall's website to create a menu and three other pages (The Home, Services, and Donate).
Sketching/Wireframing:
It's time to get the artistic juices flowing. After gathering content and doing research, it was time to start sketching and creating wireframes for the design concept. During this phase, it's easy to arrange content and determine what might work well within the hierarchy of the content and to get a feel for the design without getting too deep into the graphics.
The Final Product:
In the assortment of screens above, you see the Home Screen Navigation Menu (Center), the Services page (Left from Center), the Donate page (Right from Center), and two variations of the Menu (Far Left) and the Services (Far Right).
An interactive prototype of this project can be found on InVision by following this link:
https://invis.io/UP1Q89MR2
