"thabo: empowerment with education"

Designing a Charity Using Pride and Positivity

This project was completed towards my BFA in Graphic Design at Emmanuel College.
With my presentation, and thesis work I received Distinction in the Field.

 

Thesis Statement

Thabo: Empowerment with Education is a foundation that works to combat current trends of nonprofit advertising such as using pictures of starving children in desolate conditions. This is demeaning and degrading to the people. Thabo stimulates donations for Swaziland’s Emachegwini Primary School using advertising tactics of pride and progress. While the students embrace empowerment in their culture, community, and lifestyle, a major force is lacking, of self-empowerment through education. The design of Thabo focuses on using positive imagery, to create a brand with an uplifting message while targeting audiences for donations to enhance Emachegwini’s education system.

This project was inspired by my participation in a service-learning trip to Southern Africa in May 2013, where a new culture sparked me to create change. The most inspiring person I met was Thabo, whose name originates from the Zulu tribe meaning happiness. With my branding project, I decided to create a charity named after his generous spirit.

 
 

01 -  Website

The main element of my thesis project was the creation of an interactive website. My goal of the piece was to combine a modern design aesthetic, of a one page scrolling site utilizing sliding features with emphasis on typography and especially photography, as the use of positivity and pride of the children are the main elements of the project along with highlighting non profits in the design space.

Below are some mockups of major elements of my site, highlighting my use of Adobe Dreamweaver, HTML and CSS, and JQUERY.

Thabo's website features a one-page single scroll, with a floating navition bar at the top, whose links slide to the correct point of the page when clicked.

Thabo's website features a one-page single scroll, with a floating navition bar at the top, whose links slide to the correct point of the page when clicked.

 
Here is an example of a photo gallery, and when you rollover and image of the student, the color changes to display change, and once clicked, a new window slides onto the screen to show a bio of the student.

Here is an example of a photo gallery, and when you rollover and image of the student, the color changes to display change, and once clicked, a new window slides onto the screen to show a bio of the student.

 
 
When you hover over an icon, the rollover image changes color, and depicts a new price and description on the left side. This section demonstrates to the user how much each item they can donate cost, and shows a direct connection towards its use at Emacegwini, giving the user a hands-on and real life connection to base their giving on.

When you hover over an icon, the rollover image changes color, and depicts a new price and description on the left side. This section demonstrates to the user how much each item they can donate cost, and shows a direct connection towards its use at Emacegwini, giving the user a hands-on and real life connection to base their giving on.

 
As a student myself when I traveled to Swaziland, and created this project, I knew the difficult situation young people are in when they find a cause they care about and want to help. This section of the volunteer page is one of the most important aspects I wanted to include in my site- as it provides means of help other than giving money. 

As a student myself when I traveled to Swaziland, and created this project, I knew the difficult situation young people are in when they find a cause they care about and want to help. This section of the volunteer page is one of the most important aspects I wanted to include in my site- as it provides means of help other than giving money. 

 
Another section I included on my site was an interactive infographic- providing meaning behind my images and content. As seen below, I turned this elements into a print piece as well.

Another section I included on my site was an interactive infographic- providing meaning behind my images and content. As seen below, I turned this elements into a print piece as well.


02 - Infographic

A secondary element I created for my thesis was an infographic, highlighting both positive and negative statistics on education, health, and welfare in Swaziland. By use of this infographic, Thabo not only draws in viewers attention to the poverty that exists in a country that most people are unaware of the living conditions, yet demonstrates the progress that has been made through the organization, highlighting the effectiveness of donations and the ability of the country to progress.

To further market the brand in print media as well as web, I also created a print infographic to compliment the one on my website. While the illustrations were originally created for the web, I manipulated the arrangement for a succesful print piece.

 

03- process book

The final element of my thesis project was to put together and design a book showcasing my progress from the very initial phases of thought and concept, to the final product of my piece, brand standards, and reflection.


04 - PHOTOGRAPHY

Below are some of the photographs I took in Swaziland and that can be seen on the website. They portray the goals of Thabo, finding empowerment through education and designing a charity using pride and positivity.