The Stories Project

Picture 10

**University Story (US)**

Upon the success of [The Stories Project](http://deandrean.com/tagged/The_Stories_Project) campaign in St. Louis, I utilized my senior design thesis at Washington University in St. Louis to research and understand how a story-sharing community could then live in the online setting for college communities. 

Using the many stories I’d collected and re-created in print, I prototyped a social site, US, that allowed these to be showcased interactively. 

![image](http://2.bp.blogspot.com/-sAxGUhCpLKU/Tj1v23Wke3I/AAAAAAAACK0/y2Z83NvfDDU/s1600/Picture+5.png)
![image](http://3.bp.blogspot.com/-zODZ_QKG7Ak/Tj1v4uQ6KoI/AAAAAAAACLI/3ICjbcau71k/s1600/Picture+10.png)
![image](http://1.bp.blogspot.com/-i9GvqsBNlss/Tj1v5kZORrI/AAAAAAAACLQ/RbJMosl2rgE/s1600/Picture+11%25282%2529.png)

The initial site infused all stories and participants along a horizontal drum and functioned as an archive. Upon clicking each face or visual work, users would then be taken to a profile page like the one below. It tells the story and work, shares who the original storyteller is, and showcases similar stories that users could view. Stemming from online vocabulary to “Like” or “Appreciate” items, its social interactivity allowed viewers to “Relate” to the participant’s experience.

![image](http://3.bp.blogspot.com/–C23mVg_69Q/Tj1v9hrB6LI/AAAAAAAACLw/TbKV_4oFWaU/s1600/Picture+19.png)

**Becoming Community**

A light, alternative version of the prototyped site was created as a means of evoking openness and greater interactivity. This version allowed viewers to organize the infused community by topic, by people, and by media while also soliciting responses to the stories.  

![image](http://2.bp.blogspot.com/-Z5_arnpxcuA/Tj1wVZu_C8I/AAAAAAAACM8/FbnbjziVA98/s1600/Picture+15.png)
![image](http://1.bp.blogspot.com/-lOtsDSdWFDQ/Tj1wQlCTZkI/AAAAAAAACMk/EOxbSBoJf2g/s1600/Picture+8.png)
![image](http://1.bp.blogspot.com/-k3Qrxfbei7c/Tj1wEgcJHmI/AAAAAAAACMU/sTWYc026q9c/s1600/screenshot+01.png)
![image](http://1.bp.blogspot.com/-bH4O5FR9yyk/Tj1wFb4wawI/AAAAAAAACMY/UlyOBMcaeVs/s1600/screenshot+02.png)
![image](http://1.bp.blogspot.com/-RGnS4miJRGo/Tj1wUhsEjoI/AAAAAAAACM4/_GhsI4WTd0s/s1600/Picture+14.png)

Related Portfolio