World Bicycle Relief

UI/UX, Responsive Web Design & Template Development

The Problem.

World Bicycle Relief is the only nonprofit creating a sustainable bicycle industry in Africa by delivering appropriate and robust bicycles, employing people and training mechanics. World Bicycle Relief is the only global non-profit committed to providing sustainable mobility in efforts to alleviate poverty.

They approached PICnet to recreate their website in order to increase conversions (donations, signups, downloads), simplify their design, and integrate their website into Salesforce.

The Solution.

A complete responsive website redesign, built on top of the Non-Profit Soapbox and Soapbox Engage platforms. I took the design questionnaire and static wireframes, created by the project managent team, and came up with a larger than life, engaging, and bold single column layout web design with many interactive features. Once the desktop design was done, I created the HTML/CSS Joomla template, styled all the elements on the website, and implemented the interactive features using jQuery. Once the initial site was launched, I then started on the designs for smaller resolutions (tablet, mini tablet, mobile, etc.) and went back into development to make the site responsive. The site is fully integrated with Salesforce, allowing Donations and Newsletter subscription data to be stored.

My Role.

  • Art Direction
  • UI/UX Design
  • Web Design
  • Responsive Web Design
  • Interaction Design
  • Front-End Development
  • Joomla! Template Development
  • HTML / CSS / Javascript
  • Joomla! CMS

Home Page, Content Page & Style Guide (XL Desktop)

wbr-homepage-xldesktop.png wbr-homepagehover-xldesktop.png wbr-article-xldesktop.png wbr-styleguide-xldesktop.png

Home Page & Content Page (Desktop)

wbr-homepage-desktop.png wbr-article-desktop.png

Home Page & Content Page (Tablet)

wbr-homepage-tablet.png wbr-article-tablet.png

Home Page & Content Page (Mini Tablet)

wbr-homepage-minitablet.png
wbr-article-minitablet.png

Home Page & Content Page (Mobile)

wbr-homepage-mobile.png
wbr-article-mobile.png
Interested in working together or just want to say hello?

Let's Talk! I don't bite, but I throw killer combos.