Living Histories
7/2022
︎ Research
︎ Information architecture
︎ HTML/CSS
![](https://freight.cargo.site/t/original/i/00ef7f77d4627049caf061127ee3ac7d69b70a261e5d9698f20ce1e3c2ffd2a6/IMG_8600.jpg)
![](https://freight.cargo.site/t/original/i/49230d936a96777ad8c43d963edf35a1ef6b38b3022a8aea2928c3d98c29bd55/IMG_8127.jpg)
![](https://freight.cargo.site/t/original/i/7b9a6da292bcdf61c3f5b2e6e1d7f5add6dd9c58b4c43788f2736a22befe566c/IMG_8128.jpg)
![](https://freight.cargo.site/t/original/i/dd97bfb46ba38dc0cf3c2b35a88d40e155864f7d68e83bb83ddd88c5aa7dc84e/IMG_8328.jpg)
![](https://freight.cargo.site/t/original/i/bc38593fd37afe8972398b94f569b663c84410c55aaf7b273865541b3c8af675/IMG_8137.jpg)
![](https://freight.cargo.site/t/original/i/4bb830beb180179cdc7fe1d6b2594297453aed17ec0b4864d833b34c90bf7458/IMG_8325.jpg)
![](https://freight.cargo.site/t/original/i/fd879f63b3daa1826c4a636d1c3c6ce673b44706c3f2c42ae278c102ae4225c3/IMG_8304.jpg)
![](https://freight.cargo.site/t/original/i/5a123ea60f8d60e672e5a994826aadb6383e538cde79590c7889406014dce2ae/IMG_8161.jpg)
![](https://freight.cargo.site/t/original/i/df407d9a5caf410ab2a2e706479f473235bff0d2857a0240a462ef1af7bb232f/IMG_8396.jpg)
![](https://freight.cargo.site/t/original/i/e06408f2649b6ce71457c6e9a261cc66f6b893986c1f4560da5d3bfa63455eac/IMG_8384.jpg)
![](https://freight.cargo.site/t/original/i/d952cbca629bfa028c0168cfd63a32f2ff01e35ca1400cf44812dff8539b5155/IMG_8405.jpg)
![](https://freight.cargo.site/t/original/i/bc247f12d1817a30f0dffe7d9ba160bcd7e657c2d1384d809729a5fd4c4995f5/IMG_8388.jpg)
![](https://freight.cargo.site/t/original/i/1e13476a1013d1d0de5076bd34ae454379fcf0ba929f70b7386a2b0d517c22e7/IMG_8426.jpg)
![](https://freight.cargo.site/t/original/i/b59c1bfe8ec7e2ec8215083da0200cb684af6b464345834b198fdf9fa16529f3/IMG_8624.jpg)
![](https://freight.cargo.site/t/original/i/c5497d297c0504800a5cb64910fdfb517b5041c9a9c27938c0293424d96b84a7/IMG_8406.jpg)
![](https://freight.cargo.site/t/original/i/1a15f9ec708fc28a2cf82b2ba9a2970142205070db3d6367a421e57eb81be948/IMG_8497.jpg)
![](https://freight.cargo.site/t/original/i/35ac805da5dcc730c65252cd4351e4943976e21f6c8147a3b603543010fae425/IMG_8572.jpg)
![](https://freight.cargo.site/t/original/i/293fef4a5bd6d258c9e3088a7cb4c510328170eb7143b60df307f2a04279e7e4/IMG_8354.jpg)
![](https://freight.cargo.site/t/original/i/c79b8f3f04c0fa85e957763be86b64867f78e71ffd7802d9aafd6ffe0e15aa8a/IMG_8508.jpg)
![](https://freight.cargo.site/t/original/i/3fb86fcf166a9ed73982b7e7d5519783e1623e19912fefcf86c53c1949cada09/IMG_8621.jpg)
![](https://freight.cargo.site/t/original/i/34a5c9709d14b8ace35818dc30fbeb5a0d03d8b0387edf387d1df665951a2f62/IMG_8441.jpg)
![](https://freight.cargo.site/t/original/i/4b884aec5f3fb1c99387fec3a40d8c6be8f617a44d6c933eb5318e7e5a6edade/IMG_8357.jpg)
![](https://freight.cargo.site/t/original/i/53f46506f33e2d05357e446ce722aeca44ebee1c0d1b457d5ea8d3bc52016602/IMG_8604.jpg)
![](https://freight.cargo.site/t/original/i/3bdaa1e7226c2f943eac992890f39ca78594f9e158c10f839e82a5106da3106d/IMG_8620.jpg)
photos by Jordi Stephenson
Living Histories is a multi-year multidisciplinary project spearheaded by Prof. Scott Townsend (project history here︎︎︎). It is based in Kefalonia (Κεφαλονια), the sixth largest Greek island and the largest of the islands in the Ionian Sea, off the western coast of mainland Greece. It is a summer studio course that focuses on how design functions within and serves communities. The year-to-year individual projects are site-specific and collaborative, research- and participation-focused. (read more on the project from NCSU’s College of Design here︎︎︎.)
The portion of Living Histories that the July 2022 cohort worked on focused on the documentation of experiences, practices, values, and history of Kefalonia and its people. I and eight other students worked collaboratively to build and populate a website (link active as of 9/15/22) for all of the research done to date, including interviews, photography, cultural practices, and social values.
Website content breakdown
Our team delegated different design tasks in order to best distribute the workload. My primary responsibility was to craft and maintain the information architecture of the website: to maintain a directory of link paths, heirarchy of pages, and content placement.
SITE MAP —
![Site map](https://freight.cargo.site/t/original/i/e67bbcc9478e5c378b07117be485dc0a5083be53bc316e40d2861e8b5189b2a8/SITE-MAP--LIVING-HISTORIES-2.png)
The website itself has three major sections: Oral Histories, Timeline, and Practices. The homepage houses supplemental information about the project.
— — —
The Oral Histories tab houses the meat of the website: the actual interview content. The content, which is vast, can be navigated on an individual scale or on a local scale—users are able to click on a town that piques their interest or on an individual whose story piques their interest. Included in each individual page is information about the interviewee, a video recording of their interview as well as a transcript, and any photography provided. All of the interview videos can also be found on YouTube.
Landing page
![](https://freight.cargo.site/t/original/i/1b8edd2f93c3e4a9d18107b712f46e020c0a3338840a5335736c96c4aeec5546/2f5b02d2-cd63-461f-8074-f77b324a41a8_rw_1200.png)
![](https://freight.cargo.site/t/original/i/d634c0087f2b73cadd987ef01c8c3292b624a5b13becb68e260ee983ae802753/38438c41-da91-4314-bea0-ed998dc1903c_rw_1200.png)
Navigation by locality
![](https://freight.cargo.site/t/original/i/38821e758443ea13da60d4fa54ab3e864300deb12e0c9100890a65006177b880/239dfb14-10f1-4945-a807-5b3c38b53829_rw_1200.png)
![](https://freight.cargo.site/t/original/i/74be6a4462a65a69d88defb5f9dab56d450ce940574c33233ed86932b9ed954d/edcf3604-c57f-47cb-978f-1a7d9451fa03_rw_1200.png)
![](https://freight.cargo.site/t/original/i/2d7a422f0fac933d2b85faaf907ae7ade4612cd49785fdc90322defca90a4157/35df6e26-583e-4a37-96c5-0cd3680c0adc_rw_1200.png)
Navigation by individual
![](https://freight.cargo.site/t/original/i/f041b18c5a82ccfc0d27f66779197ae8e627f77f645724514cb0b766acee55b2/6bbceb51-76f9-47b2-bf5d-acc3ff8f64be_rw_1200.png)
![](https://freight.cargo.site/t/original/i/e0c50187ead59a7b8a07be68b5ea1ba2298a0c2a1c6d7a897e8934b375f7b28b/8611ad6e-cc28-4b4b-908d-887d8ee1aa90_rw_1200.png)
![](https://freight.cargo.site/t/original/i/fd2649da5977fc1e2d2e4bd2aa092913fc3411a4fd6ef4fcc2ac47b6f07483cb/48d7bb6f-d821-4b02-b566-f0b4d13fa664_rw_1200.png)
— — —
The Timeline tab provides crucial historical context as to why this research is essential. Both written text and photography is present.
![](https://freight.cargo.site/t/original/i/e2d97f2c1fd4ae970ecdac6e919fb60963f492e33941463fe7695f31f544ee86/0c48e99e-eebf-44e6-a0b9-026243f78b41_rw_1200.png)
![](https://freight.cargo.site/t/original/i/cbbec9b38d369c9385688e13662722311b50dc00f7025ab2a51c23d89a6397b4/b3347549-107e-45ba-8322-a7e12a57a1e8_rw_1200.png)
— — —
The Practices tab is more aspirational: we laid out the groundwork for the next cohort to populate this section of the website with the cultural practices of Kefalonian people (art, architecture, cooking, etc).![](https://freight.cargo.site/t/original/i/6d367708725d0cbda9b07065d8498bdea4ff7b0c28eb44a7e4577760369d7765/10515d04-4384-4fbe-8756-953dc280e5a8_rw_1200.png)
![](https://freight.cargo.site/t/original/i/0d1e4d239a2404424add9024393b3664c90ad7a72cf0af7f7a2fa9df442a10f9/a9c9e25c-99a8-4671-9dd1-b1f8a0eab996_rw_1200.png)
Walkthrough
Since the website is an ongoing work in progress, there are a number of pages on the site that remain blank and inaccessible. This walkthrough illustrates one possible user flow.
Final thoughts
Our team of nine worked effectively through delegation and constructive critique. Everyone’s involvement is visible in our final product.
Main pain points we worked through included figuring out how to present both Greek and English copy in a culturally respectful way, learning to code HTML and CSS by hand, and time/team/content management to bring the project as close to completion as possible within the five weeks we had.
![](https://freight.cargo.site/t/original/i/5c6d675e2578f3d50663beda5e0a44f68b3de0ab6e223d08796d40eb2cc91ae4/d41ad1eb-51e2-4615-bb16-02062eb86c7b_rw_1920.jpg)