Discover Thyself / Earlham College

January 7, 2011

Discover Thyself featuring the Discern-o-Matic QuizDis­cov­er Thy­self is a “dis­cern­ment” site for Quak­er teens. Spon­sored by Earl­ham Col­lege, it fea­tures resources, videos and the all-new “Discer-o-Matic Quiz.” 

The design is all orig­i­nal. We went through six rounds of the con­cept design mock­ups made up on Adobe Fire­works. Because the site is built on Word­Press used as a CMS, Earl­ham Col­lege staff was able to add and arrange con­tent even before the design cod­ing began. The site uses the excel­lent The­mat­ic theme, a blank tem­plate that allows for quite sophis­ti­cat­ed designs using Action Hooks and com­plete CSS markup.

The most excit­ing ele­ment of the site is the “Discern-o-Matic” quiz, which takes users through a series of ques­tions. At the end the ques­tions are reor­ga­nized and pre­sent­ed to the user to help them under­stand what it is they want to do. The quiz is pow­ered using the open-source LimeSur­vey. Results are out­putted via a cus­tom PHP script that polls the LimeSur­vey data­base and out­puts in a nicely-worded and for­mat­ted Word­Press results page. The tem­plates for Lime Sur­vey were altered to mim­ick the look of the rest of the site; the aver­age user won’t notice the pass-off from Word­Press to Lime Sur­vey and back to WordPress.

In hopes the quiz might go viral, indi­vid­ual results are saved on a unique URL. Users are invit­ed to share their results page via Facebook.

Vis­it Site: http://​www​.dis​cover​thy​self​.org

ReconRab​bi​.net

March 29, 2010

ReconRabbiReconRab­bi is a social net­work for rab­bis asso­ci­at­ed with the Recon­struc­tion­ist Rab­bini­cal Col­lege. It is designed to pro­vide ongo­ing edu­ca­tion and net­work­ing for far-flung alumni.
It’s a high­ly cus­tomized, member-only site built on the Ning plat­form. The typ­i­cal Ning fea­tures are here: video, pod­casts and mem­ber pro­files. Expand­ed areas include exten­sive train­ing mate­r­i­al for mem­bers. We record­ed and I edit­ed a series of eight screen­casts of approx­i­mate­ly five min­utes each for their Help sec­tion using Screen­flow for Mac; top­ics include sign­ing up, adding dis­cus­sions, using the cus­tomized train­ing material.
Member-only Site: http://​www​.reconrab​bi​.net/.

FWCC Google Maps Mashup

September 12, 2009

FWCC Google Maps MashupThe Friends World Com­mit­tee for Con­sul­ta­tion unites Quak­ers of all stripes togeth­er in joint projects and dia­log. It’s Amer­i­c­as office has the most com­plete list­ing of U.S. and Cana­di­an Friends Meet­ings and Church­es and now has a map to prove it!
This is a mash-up of the FWCC data­base with Google Maps.

Because of lim­i­ta­tions of how many data points Google can show the coun­tries have been divid­ed into regions. The main access page is a screen shot of a Google Map with a old fash­ioned imagemap over­lay that allows you to select the region you want to look at. Javascript good­ness shad­ows the cur­rent­ly select­ed region.

See it live: www​.fwc​camer​i​c​as​.org/​f​r​i​e​nds

Alliance Cemetery

July 28, 2009

Alliance CemeteryI was hired to redesign the web­site of a ceme­tery that rep­re­sents a fas­ci­nat­ing slice of South Jer­sey his­to­ry. In the 1880s, a group of Jews escaped Russ­ian pogroms, came to Amer­i­ca and start­ed a “return to the soil” move­ment that led to the estab­lish­ment of an agri­cul­tur­al colony in the small Salem Coun­ty cross­roads of Nor­ma, New Jer­sey. Before long they estab­lished Alliance Cemetery.

The new Alliance web­site high­lights the entrance gate. The ceme­tery has hired a sur­vey­ing com­pa­ny to do a detailed map of the plots and we hope to add this in with a Google Maps mash-up when the data becomes avail­able. A detailed his­to­ry and pho­tos are also in the works.

The design is hand-coded from scratch and is prob­a­bly the most taste­ful design of my port­fo­lio. The pages them­selves are editable by the client using Cushy­CMS and the Direc­tions page has an inte­grat­ed Google Map.

Vis­it: Alliance​Ceme​tery​.com

Ginny Christensen, Educational Consultant

May 22, 2009

Strategy for GrowthGin­ny Chris­tensen is the force behind Strat­e­gy for Growth, LLC, a Wyn­cote, PA con­sult­ing firm that pro­vides strate­gic plan­ning, board devel­op­ment, exec­u­tive coach­ing, and lead­er­ship team devel­op­ment for inde­pen­dent schools and non­prof­its. The site is fair­ly sim­ple. It’s built in Word­Press and has rudi­men­ta­ry e‑commerce with a Pay­pal option for pur­chas­ing books.

Vis­it: Strat​e​gy​For​Growth​.com

Haverford Friends Meeting

March 25, 2009

blankThis Quak­er meet­ing sits along Philadel­phi­a’s Main Line sub­urbs and is mak­ing spe­cial efforts at out­reach. They want­ed a design refresh that would allow the heads of com­mit­tees direct access to their sec­tion of the web­sites. With mul­ti­ple log-ins and high con­tent needs, we went with the Dru­pal con­tent man­age­ment sys­tem, which has become the CMS of choice for many non-profits.

The design is built from scratch with obvi­ous nods to the Face­book look-and-feel: we want­ed some­thing that would seem both famil­iar and fresh to the young pro­fes­sion­al crowd that is this meet­ing’s most obvi­ous tar­get audi­ence.

Vis­it: Haver​ford​friendsmeet​ing​.org

Friends Council Social Network

November 25, 2008

FriendsCouncil.netThis is a Ning-based social net­work for Friends Coun­cil on Edu­ca­tion, a Quak­er orga­ni­za­tion ded­i­cat­ed to sup­port­ing Friends Schools across a very wide geo­graph­ic area. I set the site up and did ini­tial train­ing. The members-only site now boasts over 700 mem­bers and dozens of member-uploaded videos and photos.

Salem County Special Services School District

November 22, 2008

Daretown School Home - Daretown SchoolThe mis­sion of the Salem Coun­ty Spe­cial Ser­vices School Dis­trict, a region­al edu­ca­tion­al ser­vice agency, is to pro­vide high qual­i­ty, cost-effective pro­grams and ser­vices to the schools and dis­tricts of Salem Coun­ty and Cum­ber­land Coun­ty, New Jer­sey. This site built with what are for me fair­ly gener­ic tools: Mov­able Type as CMS, with Flickr inter­gra­tion. The design style sheet was built from scratch using CSS.

Vis­it: Scsssd​.org