Habitat for Humanity DC

Worldwide NGO DC Chapter Site

Project Description

Created in conjunction with Eighty2Degrees, LLC, I was brought on to originally code and create the shell for a new website for Habitat for Humanity DC. What began as a shell development project quickly expanded into a full-fledged site migration and integration into the new WordPress platform created for their content. Here’s a rundown of the features/capabilities added and set up for this site:

  • Custom child theme made for WordPress for client. Based off of Emil Uzelac’sResponsive theme. Extensive PHP/JS/CSS3 customizations made to client’s requirements.
  • Custom stylesheet set up, complete w/ style hierarchy and custom type kit fonts used throughout site. CSS3 @media queries used to allow responsive template functionality.
  • Entire template is based upon responsive CSS design principles. The site scales down from top to bottom and adjusts each visual element based on the screen size available to it. One site fits all from mobile to desktop.
  • Custom events calendar, complete with subscription capability via RSS/Google Calendar. Events can be customized w/ their own artwork and an accompanying Google Map, along w/ details.
  • Enhanced blogging system, complete w/ SPAM filtering and Disqus comment administration system. This allows individuals to comment and log in using their Facebook/Twitter/Google+/Disqus accounts to safely enjoy SPAM-free discussion with DC Habitat coordinators.
  • Combined previous site content from older dchabitat.org website, along w/ content from DC Habitat’s Better Built Blog to build a new blog area that allows DC Habitat to condense their content and present it under one commonly branded “umbrella.” This approach consolidates the need to use multiple logins and setups in order to disseminate the clients’ latest updates.
  • Integrated photos, videos, press releases, blogs, and newsletters via the media center. All organization-related communications are available under a common space within the site.
  • Integrated DC Habitat’s Flickr photostream to allow easy and automatic updates to show in a beautiful slideshow format via their website.
  • Added an easy to use sitewide PDF plugin that could be loaded without Adobe™ Flash. This easily loads documents into posts and provides a mobile to desktop formatted utility for easy viewing.
  • Created and provided a 16-page manual w/ extensive visual annotations to explain how the entire site can be maintained and updated. Provided external reference links for client for extra instruction if necessary.
  • Migrated entire site from staging to client’s live server seamlessly. Provided additional support w/ 301 redirect services for client to ensure search ranking stayed consistent and improved w/ transition to new site.
  • Custom mobile site buildout. Added an additional mobile-only formatted mini-site, along w/ detection scripts that will auto-switch the site to its mobile version on all major smartphones. Custom media queries, along w/ CSS3 & Jquery used to provide interaction throughout.

Project Details

  • Client Eighty2Degrees / Habitat for Humanity of Washington, DC
  • Date October 1, 2013
  • Tags Mobile, Web Development
Launch Project

Related Projects

Back to Top