LCWR was ready to move from the static HTML site that had been developed in-house to something that was easier to navigate and manage, with a focus on conveying a beautiful, professional, and vibrant mood. We kept some aspects from the original design for consistency of identity (such as the color scheme) and updated and revised the structure and design.
Mobile browsing is exploding due to increased market penetration of smart phones and tablets. Making your site mobile-friendly has become more of a necessity at this point and is no longer a luxury for just a few big nonprofits. There are a few common techniques to achieve this: a separate mobile theme for your site when it is viewed on a mobile device, or a single theme that is adaptive or responsive to the width that is available (whether it is a desktop screen, a tablet, a mobile phone, or an iPod).
SOFIE (Schools Online For Interactive Education) is the website of the Network of Sacred Heart Schools. It serves as an information point about the association of twenty-one Sacred Heart schools across the United States, including clickable maps and information about the schools, as well as frequently updated news and events.
This site supports the Society of the Sacred Heart's NGO office at the United Nations. We've built it in Drupal, making it multilingual. The site is manually translated into three languages: English, French, and Spanish. (We also provide a simple link to Google Translate's attempt to render the page in other languages). We've provided three separate URLs for the site so that users can go directly to the language that they prefer:
The African American Baptist Mission Collaboration seeks to help rebuild, revitalize and advocate for Haiti in wake of the January 2010 earthquake. Their site needed to reflect the style and colors of their logos, providing information about the three main prongs of their work: Projects, Service, and Advocacy. We built their site with Drupal, integrating it with CiviCRM so that all user interactions with the site (such as someone filling out the "Contact Us" form, making a donation, or signing up for a volunteer service opporunity) are fed into the CiviCRM database.
We finally carved out the time to freshen the look and feel and rebuilt our site from the ground up.
We used Drupal for its extensibility and for the ability to cross-reference the type of design with the partner we worked with as well as any keywords we added for a design. Custom theming also allowed us to link the partner pages to a list of the other projects that we've worked on with them, and in the design pages, to automatically generate an image gallery based on the filepaths for graphics we've uploaded for the project.
The first question is why you would want to bother making your site mobile friendly. The answer is that most likely your "full blown" site will not be user-friendly for mobile browsers -- they can scale the page down so it fits on the mobile screen, but readability and usability are completely lost. See the screenshot of our website on an Android browser before we made some modifications.