Design Goal: Educate and Engage
The video below demonstrates an element of play introduced to engage and educate the users.


SchoolsRule–Marin is a unique local nonprofit which believes that every student in Marin should have access to quality education. They raise funds to assist area school foundations and school districts in meeting this goal.

SchoolsRule–Marin has, from inception in 2011, had a lively and interactive online presence. Yet, with changes in web technology, as well as the continuing maturity of their vision, there was a need to update their online presence.

Visit SchoolsRule–Marin


Our Task

Design and Development Services

Due to an early partnership with Bay Area ad agency Venables Bell & Partners, SRM has a strong brand and an established identity. This influenced the visual direction of the site and how we told their story. As part of the visual redesign, we did not want to lose this important brand story. The design introduces a contemporary edge to carry them forward while also maintaining visual ties to an old-time newspaper, including a strict color palette of black, white, and red. Additional color is used only as needed to strengthen a call to action by giving it a ‘pop’.

Design Goal: Clear Call to Action
While the chief function of the website is to educate and inform the visitor, it is also a vehicle to raise additional funds. To this end, we first created clear calls to action in multiple destinations. In this way, the messaging can be tailored to that visitor. A Partner Spotlight was also created as a way to thank business donors for their engagement and call them out to other visitors to the sight. This supports a healthy relationship with their business supporters and provides a public platform.

Design Goal: Educating the Visitor
It is also important that there is an engaging and playful element. One example of how this is met is in the video to the left. Using the flip-card technology to engage and educate visitors we answer a frequent question: How is my gift used? In the section ” Here is what your money will do.”  the user highlights individual cards and learns just a few of the ways their monetary gift can impact a classroom or school program.

Design Goal: Ease of Content Discovery
Previously content was found primarily by happenstance. It was impossible to return to key information again unless you had recorded your route or bookmarked it via your browser. To correct for this, content is now organized into logical verticles. There is also a rich content history to preserve. We have now made this easily available to visitors, while also giving it more context. The reorganized information architecture and user flow is user-friendly. It also allows for easy updates and new postings.

Skills Involved


  • User Experience
  • User Interaction
  • Information Architecture
  • WordPress
  • CSS