DC Habitat Goes Mobile

A new mobile site added to Habitat for Humanity of DC’s current web presence. The site’s a simplified version of DC Habitat online, and provides an easily navigable and easy to read version of the website for all mobile devices.

  • Mobile-optimized design: for all smartphones and up. With large icons for easy touch access, and simplified sitewide navigation for a quick browsing experience on the go.
  • Tested Across Devices: to ensure visually pleasant/balanced rendering of content across all screens of all sizes.
  • Retina-optimized display: The site renders automatically for low-res and high-res screens w/ the help of CSS3 @media queries.
  • Mobile device Autodetect & easy desktop site access: A comprehensive PHP script manages the auto-presentation of the mobile site to smartphone users, and it allows easy access to external links on the desktop site by using a simple flag attached to links on the page.

View the gallery below for screenshots of the mobile site. Visit the site directly via the link at the bottom of this page.