E2E (Educate 2 Envision) International
Web design and development for a non-profit organization working to educate underserved populations from rural Honduran communities.
Project Type: Web Design & Development Details
E2E International is a non-profit organization working to educate underserved communities in rural Honduras. Their programs benefit every member of the community, but they have a special focus on educating young girls–expanding their minds and opening up a world of possibilities for their future. In short, these guys are saving the world one child at a time, and we’re thrilled to contribute in whatever way we can. After winning the 2012 Do Something Award, E2E came to Spruce in search of a website that could represent the present and future of their growing organization.
Home Page Scroll Animation
First, we thought it was important for E2E to be able to communicate their message simply and effectively. Rather than loading up their initial page with a couple of paragraphs of text and a nice photo, we wanted to draw the user into a kind of animated slideshow explaining in simple steps how they serve and ultimately better their target communities.
We put together a series of points (we think of them as slides) within a scrolling animated home page. As the user moves down the page they are taken through each slide, which includes a short text explanation followed by simple animated graphics (all done with good old CSS3 and HTML5). We also served these up as SVG graphics so we could have optimal resolution on a variety of devices. This is such a key introduction to who they are and what they do, that we wanted to make it as special as possible. We’ll include the whole thing here, but keep in mind, the live version serves this up in pieces within the browser frame.
The subsequent pages follow a similar aesthetic but fall into a more traditional layout. We created a lot of flexibility in the back-end for the client to be able to add, edit, and assemble a variety of layout types which include text, images, people profiles, etc. This means that not only can the site’s design look fresh from page to page, but the folks at E2E aren’t hemmed into boring templates and a stocky feel. They’re free to reinterpret and reinvent the whole layout for a page in quick and easy steps. We love building in this kind of freedom for clients–especially ones with such creative team members like the folks at E2E.
We also created a series of infographics to help answer the “why education” question. All in all, we felt there were many opportunities on E2E’s site where a picture would tell the story in a more engaging, user-involved way. We hope an 8 year old could visit the site and “get it” just by seeing the homepage. We were excited to be able to carry this theme throughout the site.
In the “Where We Work” area, we added timelines to each area’s profile and placed milestones by month and year. This is all editable by the E2E team, who will now be able to gather historic data per site and display it right on the website. It’s fun to track progress, no?
We wish the team at E2E all the best in their efforts to make the world a better place. Please consider checking them out and supporting their cause with a donation.