Winter 2022
How will the Swiss protecprotective forest develop in the future as a result of climate change? In the project "the future of the protective forest", I visually analyzed this question using forest data showing the development of suitable future-proof tree species from 1985 to 2015 and tried to make a statement.
I used Adobe XD, Illustrator and the P5.js library in the code to implement this website.
![](https://cdn.myportfolio.com/38742823-ee4f-4508-a26a-3305dd987e85/b70923d2-e893-4d3e-94e4-695a8a9f19ce_rw_1920.png?h=3dc8abf47d4b4a1c627ecc4bd789ee64)
![](https://cdn.myportfolio.com/38742823-ee4f-4508-a26a-3305dd987e85/85245044-40fa-4ec1-aac2-d43ad508e448_rw_1920.png?h=8dbc41f523d615042583ef1c09712bed)
![](https://cdn.myportfolio.com/38742823-ee4f-4508-a26a-3305dd987e85/939f18e2-2020-4640-9108-a2839f92562f_rw_1920.png?h=688869a70cf664468e1930ec7ca48ce2)
![](https://cdn.myportfolio.com/38742823-ee4f-4508-a26a-3305dd987e85/1b4322e9-b968-41d6-8513-e2261e9b909d_rw_1920.png?h=9a90b1989c3d48172c2add6915171d80)
![](https://cdn.myportfolio.com/38742823-ee4f-4508-a26a-3305dd987e85/706bba01-11d3-4ad6-9e31-b228529ac319_rw_1920.png?h=43fcefb10188ad6994faaae0e3d6d761)
![](https://cdn.myportfolio.com/38742823-ee4f-4508-a26a-3305dd987e85/bec3ec79-90ae-4e6b-b290-ff03ab47dbf4_rw_1920.png?h=42819d527b4b9a4bf24bc3df018484a0)
![](https://cdn.myportfolio.com/38742823-ee4f-4508-a26a-3305dd987e85/4c66c835-71c3-42f0-842f-5f39359cc4a5_rw_1920.png?h=73337c36a0a40e421e9efe58e25fa26c)
![](https://cdn.myportfolio.com/38742823-ee4f-4508-a26a-3305dd987e85/4bd2fe2a-3984-4c65-b425-01d3034c6b90_rw_1920.png?h=6bc8567b0bad07902ef2dd097c84b129)
![](https://cdn.myportfolio.com/38742823-ee4f-4508-a26a-3305dd987e85/5f42cda6-b36a-48b6-91fd-1dcebb9bcf0d_rw_3840.png?h=e7cfa10537343e4212284356ab3da169)
PROCESS
At the beginning of the project I received data from the Swiss National Forest Inventory. After analyzing the data, I decided to create a visualization of the data that shows how well a tree is coping with climate change. Over the years, I visualized the number of eight tree species per canton in Switzerland. To develop the concept, I made sketches of the individual tree elements and their arrangement. In the next step, I programmed the individual tree elements and mapped them onto a surface. In Adobe XD, I created and designed the flow and functions of the website. The project was completed by merging images from the code, the elements I had designed in Illustrator, and the structure of the website. In the end, I had a clickable Adobe XD prototype.
![](https://cdn.myportfolio.com/38742823-ee4f-4508-a26a-3305dd987e85/9cab5209-22c3-4c65-96c0-494e1a38c9da_rw_1920.jpg?h=0b71697662750f02dc165b69cd9245f2)
![](https://cdn.myportfolio.com/38742823-ee4f-4508-a26a-3305dd987e85/3b54ba5c-a12f-4e98-970a-109fe24d9431_rw_1920.png?h=f3f77ba182d6e1b045fa2133e7063f37)
![](https://cdn.myportfolio.com/38742823-ee4f-4508-a26a-3305dd987e85/bcef428c-5621-4342-b2f4-c1edce5c0e1d_rw_1200.png?h=2230b9204b0a6688561fcdddde462430)
![](https://cdn.myportfolio.com/38742823-ee4f-4508-a26a-3305dd987e85/a56d79a7-ba83-4ad8-a9b7-f6da149b5363_rw_3840.png?h=7804d99bfacf900a479fe6bf823b83af)
![](https://cdn.myportfolio.com/38742823-ee4f-4508-a26a-3305dd987e85/5d2dfe39-91ef-46b6-b80c-76de72937fa8_rw_1920.png?h=7048f9ce0942ce2da0e30b4840b8ce45)
![](https://cdn.myportfolio.com/38742823-ee4f-4508-a26a-3305dd987e85/8f5ca13d-8470-4e00-93e1-f5cbc1a81777_rw_1920.jpg?h=5afe918491c573ba9993995318839aac)