Kaye Kagaoan
I design for people.
HOPe color.png

Helping Other People (HOPe)

Rescuing a non-profit website from the Web 1.0 age
(Web, 2018)

hope intro.png

Brief

Helping Other People (HOPe) is a New York and New Jersey-based non-profit that has worked on a number of projects in developing countries for over 18 years. Unfortunately, it seemed as if their website hadn’t been updated in 18 years.

One of HOPe’s board members reached out to me about redesigning their website for the appropriate decade. This meant more than updating layouts, photos, and text. I had to completely redo the website from the ground up, overhauling the information architecture to simplify navigation and the donation process.

 

CLIENT

HOPe (hope-charity.org)

TOOLS

Squarespace, Photoshop, Illustrator, GoDaddy, Google Docs

RESPONSIBILITIES

Web Design, Information Architecture

Timeline

One month

 
The HOPe website as of April 2018. Image courtesy of  Wayback Machine .

The HOPe website as of April 2018. Image courtesy of Wayback Machine.

The Problem

When I first saw HOPe’s website in Spring 2018, it looked like it had been designed using a Wordpress theme gone haywire. Right-aligned page titles and left-aligned body text were set against a pair of mismatched images of clouds. Photos were small, and extremely low-resolution. Navigational links were out of order, misplaced, and/or led to blank or incomplete pages.

HOPe has done great work around the world for nearly two decades. They deserved a website that reflects their values and continued efforts to help areas that need it most.

 

Process

  • Research & Comparative Analysis

  • Content Inventory & Audit

  • Site Mapping

  • Image Sourcing

  • Sketching & Wireframes

  • Copy Writing & Editing

  • Squarespace Build

  • Domain Transfer

hope wireframes.png
 
 

Project Goals

 
 

For the Client

Improve visual appearance
Establish credibility
Promote events
Encourage PayPal donations*

For Visitors

Easily navigate website
Learn about the organization’s projects
Donate without friction

 
 
 

Constraints

 
 

Site Maps

Original Sitemap

Disorderly content, chaotic hierarchy, unclear call to action.

Revised Sitemap

Emphasis on impact and prominent “Donate” buttons.

 
scrolling-hope.gif
 

Next Steps

*Make donations even more seamless by embedding an appropriate widget

Keep content up-to-date