Spruce interactive


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

{ Visit Website }

 Details

Designed by KJ Parish : kjparish.com

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.

Girls Leadership Club : Educate 2 Envision


Our Team : Educate 2 Envision


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.

Why Education? : Educate 2 Envision


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.

Talk to Us

Wise men have said, "All good things must come to an end", and so it was with Spruce. We began our first project in 2006, and completed our last in Fall 2013. It's been a wonderful experience, but now it's time to begin the next adventure.

Though...we wouldn't want to leave you hanging, now would we? Here are our top recommendations for world-class branding, design, and web development:

  • Kristina (KJ) Parish and Beam Collective:
    KJ provided the artistic vision that allowed Spruce to succeed, and we still think she's the greatest designer in the entire world. She's started a new collective with some talented developers, and is covering much the same territory as Spruce--design and development all under one roof, with a caliber of service and professionalism seldom seen in this business or any other. If you like what you see on the Spruce site, then definitely get in touch with KJ at kj@beamcollective.com
  • Permanent Art & Design
    Permanent is a nationally recognized design & branding firm out of Minneapolis, MN. They've been a long term collaborator and strategic partner over the past couple years, and we'd recommend them for medium to large sized businesses/organizations who are serious about putting their best foot forward. In addition to design, Permanent offers strategy and marketing services, plus in-house and networked developers. For more information contact Joseph Belk joseph@permanentadg.com
  • Nate Thompson
    A freelancer, Nate reminds us of ourselves back in the day. Smart, communicative, and skilled, Nate is our recommendation for small to medium sized businesses/organizations who have sites built on Wordpress or other open source content management solutions. With a background in both design and development, he's a one-stop shop for most web-related tasks. You can get in touch at nate.a.thompson@gmail.com
  • Kevin DeBernardi
    Designer turned developer, Kevin is embarking on a freelance web career after working as the in-house designer at the Museum of the City of New York. He's adept at translating his design ideas into custom PHP code, and is constantly expanding his technical palette. Kevin's a good choice for projects that don't quite fit into the Wordpress mold, and that would benefit from a consistency of presence and vision from design through execution. Kevin can be reached at kevin@analoglifestyle.com