Fang DONG

work      about



























2019 - Present
︎Artist-in-Residency | Case Study | Web Development | UI&UX 

Institution: Mairie Agonac, Association l’école d’été 
Role: ArtistCreative Director, Product Desinger, Web Developer, Illustrator

L’ecoledete.comin progress

association.ecole.ete@gmail.com


L’École d’Été is an artistic collective founded in 2018, currently operated by four artists: Natacha Jouot, Lucas Leclercq, Margaux Lourdin, and Sarah Laaroussi. The collective focuses on artistic exploration, transmission, and gathering through collective practice. The project is deeply rooted in the community, especially in Agonac, Dordogne, emphasizing co-creation methods and the appreciation of individual and collective skills. The project is supported by the Agonac government and art institutions such as Drac.

L’École d’Été's website has been developed since 2019, with five versions to date, and the 2024 version is currently under construction.

- 2019: On est là!
- 2020: LE KIT
- 2021: Créons un film ensemble
- 2022: Le bal d’Agonac
- 2023: La Kermesse d’Agonac
- 2024: In progress...





Understand

︎Objectif of Web Site


︎ Presentation of the Collective

Introduction to the Founders and Involved Artists: 
Introduce the founders and artists involved, detailing their backgrounds and visions.

- Share artistic journey and vision.
- Describe artistic path and vision.
- Outline background and artistic aspirations.


︎ Highlighting Projects

Showcasing Various Projects:
Present past, present, and future projects, emphasizing the creation processes and results achieved.

- Past Projects:Discuss notable projects completed by the collective.
- Current Projects: Describe ongoing initiatives and their objectives.
- Future Projects: Outline upcoming projects and expected outcomes.


︎ Community Engagement

Interaction with Local Communities:
Demonstrate the interaction with local communities and the social and cultural impacts.

- Community Involvement:Detail how the collective engages with the community.
- Social Impact: Discuss the social changes or benefits brought by the projects.
- Cultural Impact: Highlight the cultural enrichment and preservation efforts.



︎ Events and Workshops

Announcing Events and Workshops:
Promote upcoming events, workshops, and calls for participation.

- Upcoming Events: List and describe future events organized by the collective.
- Workshops: Detail the workshops planned, including objectives and target participants.
- Calls for Participation: Announce opportunities for community members to get involved.


︎ Partnerships and Collaborations

Highlighting Collaborations:
Showcase collaborations with other artists, institutions, and residents.

- Artistic Collaborations: Describe joint projects with other artists.
- Institutional Partnerships: Highlight partnerships with cultural institutions and their impact.
- Community Collaborations: Discuss collaborative efforts with local residents and their outcomes.





Ideation

︎User Analysis


︎Artists and Creators

Motivations:  
- Seeking collaboration opportunities. 
- Looking for artistic inspiration.


Needs:
- Access to information about collaborative projects. 
- Platforms for creative exchange and networking.



︎ Art Enthusiasts and Curious Individuals

Motivations:
- Eager to discover innovative and participatory projects. 
- Wanting to engage with new artistic experiences.


Needs:
- Access to detailed descriptions of projects. 
- Opportunities to participate in or attend events.


︎  Local Community

Motivations:
- Interested in local activities and workshops. 
- Keen on understanding the collective's local impact.


Needs:- Information about upcoming events and workshops. 
- Insights into how the collective’s activities benefit the local community.




︎ Potential Partners

Motivations:- Cultural institutions, patrons, and associations looking for partnership opportunities. 
- Seeking information on collaboration potential with the collective.


Needs:  
- Clear presentation of partnership benefits. 
- Detailed information on past and ongoing collaborative projects.


︎User Research


To ensure that the website and project design effectively reflect the needs of the artistic collective and the community, we conducted in-depth user research, including:

︎Field Research:

Engaged with local residents through activities like Auberge Espagnole and plant identification, establishing relationships and gaining preliminary insights.

︎ User Interviews:

Conducted in-depth interviews with Agonac community residents and members of the artistic collective to understand their expectations and needs for the artist residency project.

︎Focus Groups:

Organized focus group discussions with community members and artists to gather feelings, thoughts, and requirements about the artistic projects. These interviews were then compiled into a podcast.

︎Diary Studies:

During the residency, each group member took turns recording the day's activities.


︎User Personas and User Stories


Based on user research data and information, we created personalized illustrations for each interviewee, incorporating elements mentioned in the podcast.



︎Examples include:



Jean Claude and Jeanine:

Residents of a nearby city who love art. Jean Claude is a researcher, and Jeanine is a watercolor artist. They met through local promotions of the artist residency events, eventually developing a love story.

Christelle and Bernadette:

Local residents, with Christelle being the mayor of Agonac and Bernadette a former postal worker and now a government employee dedicated to cultural and artistic development. They actively support and promote L’École d’Été's activities in Agonac.



Marie Claire:

A local resident, philosopher, and artist who retired to Agonac. She greatly appreciates L’École d’Été and actively participates in events, sharing her ideas, writings, and inviting others to her studio.



︎Information Architecture


As an artistic collective, we chose to use Cargo's CMS and Google Docs for real-time content recording, analysis, and settings, facilitating future content modifications. The wireframes were directly created using Cargo's content editor.




︎Wireframes and Prototype

 
In UI design, we collaborated with Pandone to create a color scheme unique to Agonac, with distinctive names for each color.

Each event and project is accompanied by a specialized flyer with a unique style, ensuring visual appeal while maintaining readability and intuitive navigation, especially regarding annual art themes and related activities.

︎User Interface:




︎Hi-fi wireframes: 





︎External Content for Projects


In addition to the basic framework, we designed specific web pages and content for different project activities. Examples include:

︎live film shooting process

2021: Créons un film ensembleA separate webpage for the live film shooting process, allowing viewers to leave comments in real-time.



︎Ball Spotify playlist

2022: Le bal d’Agonac
A specially created Spotify playlist for the ball, enabling participants to continue dancing with headphones after 10 PM when the DJ is no longer playing.


︎Google treasure hunt webpage

2023: La Kermesse d’Agonac
A Google treasure hunt webpage, with descriptions and keywords for each treasure. Participants could leave real-time feedback and rate the difficulty of each treasure on the map.




Design & Interaction

︎Concept


The project aims to enhance connections and interactions between local and neighboring residents through artistic exploration and co-creation. Each year's artist residency theme not only showcases collective creations but also encourages active resident participation and artistic experience.


︎Projet Deliverables


The lecoledete.com(lecoledete.fr(2019-2023)) website has been updated annually since its creation in 2019, based on different artist residency themes:


1. 2019: On est là!


The first online version showcasing initial projects, podcasts, events, and the final exhibition and karaoke.



2. 2020: LE KIT


An online (website) and offline (box) version containing interviews, illustrations, texts, and resident testimonials from the first residency, organized into seven sections: Documentation, Documentation/Transmission, Transmission, Transmission/Reflection, Documentation/Reflection, Reflection.



3. 2021: Créons un film ensemble


A project promoting community cooperation and reflection on local culture through collaborative filmmaking.



4. 2022: Le bal d’Agonac


Organized a community ball, recorded and understood local ball culture through radio-podcast, and created background music for the final ball, enhancing community cohesion and interaction.



5. 2023: La Kermesse d’Agonac


Explored local games and cooking, creating various games and a city-wide treasure hunt to encourage multi-generational participation.



Reflection

︎Conclusion: 


The L’École d’Été project demonstrates how to integrate into a community from an outsider's perspective, gradually becoming insiders through understanding local backgrounds, culture, and history, interacting with residents through various activities, and co-creating.

The L’École d’Été website is highly dynamic, using Cargo to join the artist community and enabling non-tech-savvy members to make real-time changes. By incorporating external web pages for different activities, the project creates a unique artistic experience platform through innovative design methods and technologies, combining visual arts, community engagement, and digital media to promote cultural development and heritage preservation.







© F.D heavyherbe 2024 | Member of Alliance France Design