{"id":36160,"date":"2022-04-01T15:00:42","date_gmt":"2022-04-01T13:00:42","guid":{"rendered":"https:\/\/qodeinteractive.com\/magazine\/?p=36160"},"modified":"2022-04-06T15:53:36","modified_gmt":"2022-04-06T13:53:36","slug":"design-and-digital-activism-examples","status":"publish","type":"post","link":"https:\/\/qodeinteractive.com\/magazine\/design-and-digital-activism-examples\/","title":{"rendered":"Design and Digital Activism: 13 Inspiring Examples"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row][vc_column][vc_column_text]At this point in time, it seems we have more pressing social and environmental issues than ever. The devastating fact is that poverty, illness, war, famine, ecological disasters and other threats to the wellbeing of our race and our planet are too many to count. Every time we open the newspapers or check our favorite news outlet, we face a new problem, a new disaster. Fortunately, what we also see is a<strong> rising number of activist organizations, funds, charities and other groups working to fix the world<\/strong>, one issue at a time. And a lot of that takes place online. That\u2019s why today we want to talk about digital activism and the change it can make.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Continuous innovations in the field of web design have led to the onset of various convenient types of <strong>civil participation in digital form<\/strong>. We can make donations online in just a few clicks. We can sign up for an activity, share a cause with our peers, raise awareness and much more &#8211; all from the comfort of our own home. Sure, some would say that\u2019s not real activism, but hey, when a child is starving every dollar makes a difference.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]But digital activism is more than just fundraising. It\u2019s also about<strong> using innovative, engaging design solutions to inspire people to take action.<\/strong> It\u2019s about employing visual tools to bring a certain issue to surface, to raise awareness in what is today the single most efficient manner. People spend a lot of time online. A lot. Some even too much. And not using the internet as a vehicle of change would not only be plain lunacy, but short-sightedness, too.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]We had a very hard time picking a limited number of activist websites to share with you today. Choosing among all the active causes is a tough chore for one\u2019s conscience. They are all so, so important, each in their own right. But we had to narrow it down, so we used the quality of design and UX as the criterion (not the easiest task either, by the way). So, let\u2019s get to the gist of it. Here\u2019s our pick of the best digital activism websites right now:[\/vc_column_text][vc_empty_space height=&#8221;22px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#lewa-house\">Lewa House<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#listen-and-donate\">Listen and Donate<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#no-fishing\">No Fishing<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#fingerspelling\">Fingerspelling<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#at-glaciers-end\">At Glacier\u2019s End<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#the-sea-we-breathe\">The Sea We Breathe<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#the-hiring-chain\">The Hiring Chain<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#the-year-of-greta\">The Year of Greta<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#save-whales\">Save Whales<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#stonewall-forever\">Stonewall Forever<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#your-plan-your-planet\">Your Plan Your Planet<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#blue-heart-by-patagonia\">Blue Heart by Patagonia<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#restore-hope-appeal-by-compassion\">Restore Hope Appeal by Compassion<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"lewa-house\"><\/a>Lewa House<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;21px&#8221;]<div class=\"qodef-single-image-holder    \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"552\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/04\/Lewa-House.jpg\" class=\"attachment-full size-full\" alt=\"Lewa House\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/04\/Lewa-House.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/04\/Lewa-House-300x171.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/04\/Lewa-House-768x437.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/04\/Lewa-House-620x353.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]<a href=\"https:\/\/lewahouse.com\/\" target=\"_blank\" rel=\"noopener\">Lewa House<\/a> is a guest lodge and a property in Kenya that has been hosting visitors since the 1970s. More than just a tourist facility, Lewa House is focused on <strong>raising awareness about endangered wildlife in that part of Kenya, and in Africa in general.<\/strong> It teaches people how to live <em>with<\/em> nature, not against it, and how to reverse the dangerous effects of poaching, wildlife exploitation and environmental neglect. The website is wonderfully designed, with plenty of interactive sections, most notably the map of the area and the property, which can be explored using click and drag to navigate, and scroll to zoom in and out. Beautifully narrated and with some stunning visuals, the website translates a piece of Kenya\u2019s unique atmosphere into digital form.[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"listen-and-donate\"><\/a>Listen and Donate<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;21px&#8221;]<div class=\"qodef-single-image-holder    \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"552\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/04\/Listen-and-Donate.jpg\" class=\"attachment-full size-full\" alt=\"Listen and Donate\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/04\/Listen-and-Donate.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/04\/Listen-and-Donate-300x171.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/04\/Listen-and-Donate-768x437.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/04\/Listen-and-Donate-620x353.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Pone is a French musician and producer who suffers from ALS or Lou Gehrig\u2019s disease. In 2019, Pone achieved an extraordinary feat: <strong>he recorded and mixed an EP using only his eyes<\/strong> (the only means of communication the disease has left him with). The EP is called <em>Listen and Donate<\/em> and has a promotional website <a href=\"https:\/\/pone.listenanddonate.com\/\" target=\"_blank\" rel=\"noopener\">with the same name<\/a> to accompany it, raise awareness but also raise funds for caregiving networks. Just like Pone himself, the website is nothing short of incredible. <strong>It can be navigated using your gaze<\/strong>, if you turn your webcam on, but it also features conventional mouse navigation. The center of the website features a video of an eye which follows the mouse around the screen. It also serves as the menu from which we can get to know Pone\u2019s incredible story, order his EP and make a donation to Trakadom, the charity that finances caregiver training programmes.[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"no-fishing\"><\/a>No Fishing<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;21px&#8221;]<div class=\"qodef-single-image-holder    \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"552\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/04\/No-Fishing.jpg\" class=\"attachment-full size-full\" alt=\"No Fishing\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/04\/No-Fishing.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/04\/No-Fishing-300x171.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/04\/No-Fishing-768x437.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/04\/No-Fishing-620x353.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]<a href=\"https:\/\/www.no-fishing.net\/\" target=\"_blank\" rel=\"noopener\">No Fishing<\/a> is an online campaign by the eco-marine organization Sea Shepherd, created to raise awareness about the <strong>dangers of fishing nets in oceans<\/strong> and to collect donations for this important mission. To be completely honest, there is no better way to describe the project, and the accompanying website, than simply \u201cThis is SO cool!!\u201d Because it is.<strong> It\u2019s incredibly cool.<\/strong> The website first takes us through some devastating stats about the effect of the fishing nets on marine life worldwide, as well as the whaling practices and their catastrophic results. It then takes us on <strong>a tour around the globe showcasing Sea Shepherd\u2019s ships, whose results are nothing short of spectacular<\/strong>. 3D objects, interactivity and, of course, the powerful animated intro, make you instantly reach for your wallet and hit that donation form.[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"fingerspelling\"><\/a>Fingerspelling<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;21px&#8221;]<div class=\"qodef-single-image-holder    \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"552\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/04\/Fingerspelling.jpg\" class=\"attachment-full size-full\" alt=\"Fingerspelling\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/04\/Fingerspelling.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/04\/Fingerspelling-300x171.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/04\/Fingerspelling-768x437.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/04\/Fingerspelling-620x353.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]If you read our article on <a href=\"https:\/\/qodeinteractive.com\/magazine\/beautiful-purple-websites\/\">beautiful purple websites<\/a> then you probably remember <a href=\"https:\/\/fingerspelling.xyz\/\" target=\"_blank\" rel=\"noopener\">Fingerspelling<\/a>, a wonderful project for learning how to spell in American Sign Language. Created as a game, Fingerspelling uses <strong>machine learning and the user\u2019s webcam to check and correct the hand gestures that represent letters of the alphabet<\/strong>. The website is run by the American Society for Deaf Children and promises that no information collected through the game, such as recordings, will be shared with third parties. The design of the website is functional and, if not minimalist, then definitely simple, which is a fitting choice. In designing the game, the focus was on <strong>functionality and efficiency of the code<\/strong>, assuring the game runs smoothly. The learning process itself is incredibly fast, thanks to the feedback and to the fact the gestures are checked and corrected in real time, just like they would be in a live class.[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"at-glaciers-end\"><\/a>At Glacier\u2019s End<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;21px&#8221;]<div class=\"qodef-single-image-holder    \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"551\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/04\/At-Glaciers-End.jpg\" class=\"attachment-full size-full\" alt=\"At Glacier\u2019s End\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/04\/At-Glaciers-End.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/04\/At-Glaciers-End-300x171.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/04\/At-Glaciers-End-768x437.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/04\/At-Glaciers-End-620x353.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]You know how they say that life imitates art? The concept of <em>mimesis<\/em> can often be applied to nature, too. There are parts of this planet that are so surreal and stunning, they seem like an oil painting, a collage or a man-made sculpture. The moment he laid eyes on the Icelandic glacial rivers, the American landscape photographer Chris Burkard knew he needed to make a contribution towards saving them. Namely, the glaciers and rivers in Iceland, which are indeed gloriously beautiful, are also endangered, mostly <strong>by damming for the purposes of aluminum mining<\/strong>. To help save these gems of nature, Burkard started a project of photographing and filming them from the air. The result is a jaw-dropping online project called <a href=\"https:\/\/atglaciersend.com\/\" target=\"_blank\" rel=\"noopener\">At Glacier\u2019s End<\/a>, <strong>a cinematic, interactive experience with stunning photography and just the right balance between visual and textual content<\/strong>. The sheer impressiveness of the photographs urges an instant reaction, prompting the visitor to learn how to help save Iceland\u2019s (and the whole world\u2019s) endangered treasure.[\/vc_column_text][vc_empty_space height=&#8221;80px&#8221;][vc_widget_sidebar sidebar_id=&#8221;fundraising-wordpress-themes&#8221;][vc_empty_space height=&#8221;80px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"the-sea-we-breathe\"><\/a>The Sea We Breathe<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;21px&#8221;]<div class=\"qodef-single-image-holder    \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"552\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/04\/The-Sea-We-Breathe.jpg\" class=\"attachment-full size-full\" alt=\"The Sea We Breathe\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/04\/The-Sea-We-Breathe.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/04\/The-Sea-We-Breathe-300x171.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/04\/The-Sea-We-Breathe-768x437.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/04\/The-Sea-We-Breathe-620x353.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Started by the Blue Marine Foundation, <a href=\"https:\/\/www.bluemarinefoundation.com\/the-sea-we-breathe\/\" target=\"_blank\" rel=\"noopener\">The Sea We Breathe<\/a> is an immersive digital journey through the world\u2019s oceans, their currents, intertwined ocean ecosystems and the impacts of climate change on marine life. The website opens with <strong>a meditative moment in which we are invited to take a few deep breaths following the gentle rolling of the waves<\/strong>, before taking a deep plunge into the ocean and selecting one of the three currents or journeys &#8211; the Ocean\u2019s Web of Life, Protecting the Underwater World and Rainforests of the Sea. Each journey teaches us about the harmful impacts of environmental problems on the health of the oceans which are vital not only for the creatures living in them, but also for humans. Beautifully animated, exciting and engaging, with spectacular visuals and wonderfully arranged music, The Sea We Breathe is a project that leaves no one indifferent about the destiny of our oceans.[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"the-hiring-chain\"><\/a>The Hiring Chain<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;21px&#8221;]<div class=\"qodef-single-image-holder    \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"552\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/04\/The-Hiring-Chain.jpg\" class=\"attachment-full size-full\" alt=\"The Hiring Chain\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/04\/The-Hiring-Chain.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/04\/The-Hiring-Chain-300x171.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/04\/The-Hiring-Chain-768x437.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/04\/The-Hiring-Chain-620x353.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]<a href=\"https:\/\/hiringchain.org\/\" target=\"_blank\" rel=\"noopener\">The Hiring Chain<\/a> is a wonderful campaign by CoorDown, the Italian national coordination body for people with Down Syndrome. The concept is strikingly simple, strikingly effective: <strong>by hiring a person with Down Syndrome, you\u2019re giving them a chance to show they make a valuable employee<\/strong> and therefore incite other employers to do the same, thus forming the Hiring Chain.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]The visitor starts the website experience by holding and dragging two hands together to meet, a lovely symbolic start for a project at whose heart lie the principles of solidarity and assistance. What follows is a fullscreen video, consisting of a short, heartwarming film about the Hiring Chain, with catchy, uplifting music performed by Sting, telling the story of how a group of people helped another group of people find a job. The website is available in two modes &#8211; one with and the other without the lyrics shown on screen. The atmosphere bears a slightly vintage quality, thanks mostly to the music and the typography, and is so positive and hopeful it will leave you whistling the Hiring Chain tune for days.[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"the-year-of-greta\"><\/a>The Year of Greta<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;21px&#8221;]<div class=\"qodef-single-image-holder    \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"552\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/04\/The-Year-of-Greta.jpg\" class=\"attachment-full size-full\" alt=\"The Year of Greta\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/04\/The-Year-of-Greta.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/04\/The-Year-of-Greta-300x171.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/04\/The-Year-of-Greta-768x437.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/04\/The-Year-of-Greta-620x353.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Hands down the single most influential activist of the last decade, perhaps even the century so far, Greta Thunberg became the face of the environmental protection movement when she took the world by storm in 2019. To celebrate this remarkable person, who managed to achieve so much (a keynote address in the United Nations, the Time Magazine Person of the Year\u2026), the Dutch creative studio Superhero Cheesecake created a wonderful digital homage, called <a href=\"https:\/\/theyearofgreta.com\/\" target=\"_blank\" rel=\"noopener\">The Year of Greta<\/a>. The website opens with a 3D figure of Greta standing fiercely on a rock, almost as if suspended in empty space. The timeline of her rise from a local campaigner to international activist slash superstar within a single year can be explored using drag or scroll, immersing the visitor into her story. Whether we already knew about Greta\u2019s efforts or not, by the end of the journey, we are left struck and humbled by this young person\u2019s dedication, strength and resilience thanks to this touching, honest project.[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"save-whales\"><\/a>Save Whales<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;21px&#8221;]<div class=\"qodef-single-image-holder    \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"552\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/04\/Save-Whales.jpg\" class=\"attachment-full size-full\" alt=\"Save Whales\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/04\/Save-Whales.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/04\/Save-Whales-300x171.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/04\/Save-Whales-768x437.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/04\/Save-Whales-620x353.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Somewhat similar to The Sea We Breathe, <a href=\"https:\/\/save-whales.com\/\" target=\"_blank\" rel=\"noopener\">Save Whales<\/a> is a digital project by Red Collar that <strong>uses animation, interactivity and superb digital imagery to raise awareness about the endangered marine life<\/strong>, specifically five species of whales. As we already talked about in our piece on <a href=\"https:\/\/qodeinteractive.com\/magazine\/examples-of-creative-page-transitions\/\">page transitions<\/a>, the website features beautiful mask transitions illustrated like waves rolling in and out, which were created by hand. Another impressive element are the stunning 3D models of whale species, some of which were pretty hard to do, considering the available images were quite different between each other. What\u2019s also quite impressive is that <strong>the entire project was finished in just 14 days<\/strong>. The website also features a very hands-on, actionable section with advice and information on what each of us can do to help these majestic and tragically endangered creatures.[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"stonewall-forever\"><\/a>Stonewall Forever<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;21px&#8221;]<div class=\"qodef-single-image-holder    \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"552\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/04\/Stonewall-Forever.jpg\" class=\"attachment-full size-full\" alt=\"Stonewall Forever\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/04\/Stonewall-Forever.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/04\/Stonewall-Forever-300x171.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/04\/Stonewall-Forever-768x437.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/04\/Stonewall-Forever-620x353.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]The Stonewall Riots are regarded as the pivotal moment in the history of LGBT liberation movement. In 1969, a violent clash between the rioters, mostly patrons and owners of the Greenwich Village gay and lesbian establishments, and the police who excercised brutality during the event, sparked the first gay pride marches, a tradition that lives to this day in every place where LGBTQ rights are being disputed. <a href=\"https:\/\/stonewallforever.org\/\" target=\"_blank\" rel=\"noopener\">Stonewall Forever<\/a> is a website created as <strong>a living monument to the event, bringing together queer activists looking back and reflecting on the Stonewall anf the LGBTQ rights before and after the riots<\/strong>. With an intersectional approach, it places a particular focus on trans people, POC and the homeless who were involved in the scene around Stonewall and whom the history seems to have deleted from its archives.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]The website was created to accompany a documentary by the same name, and features a remarkable series of photographs, stories and testimonials divided into six chapters. It starts with <strong>a beautiful 3D rendition of a rainbow made of particles bursting into the clear blue sky from the famous New York City neighborhood<\/strong>. We then get to explore the history of Stonewall and the development of the LGBTQ movement through wonderfully animated drag and scroll navigation, to pick chapters and dive deep into the remarkable stories of activists old and new. It is a true living monument, translated into the digital form, to the struggle and the love that are so inherently intertwined into the movement.[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"your-plan-your-planet\"><\/a>Your Plan Your Planet<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;21px&#8221;]<div class=\"qodef-single-image-holder    \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"552\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/04\/Your-Plan-Your-Planet.jpg\" class=\"attachment-full size-full\" alt=\"Your Plan Your Planet\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/04\/Your-Plan-Your-Planet.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/04\/Your-Plan-Your-Planet-300x171.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/04\/Your-Plan-Your-Planet-768x437.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/04\/Your-Plan-Your-Planet-620x353.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Created in collaboration with the California Academy of Sciences and Ellen Macarthur Foundation, <a href=\"https:\/\/yourplanyourplanet.sustainability.google\/\" target=\"_blank\" rel=\"noopener\">Your Plan Your Planet<\/a> is a Google sustainability project that aims to teach people on how they can save water, food and energy, and how they can extend the lifespan of various personal and household items. Based on the principles of circular economy, the project is divided into four categories, each one <strong>dispensing practical and actionable tips on energy and water saving and sustainability<\/strong>. Facts and tips are presented in the form of simple but smart animated illustrations, and they can be downloaded for offline use. And to keep things interesting, you can make a pledge for each tip, for instance, you can pledge to get a water-smart showerhead and even set a reminder in case you forget.[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"blue-heart-by-patagonia\"><\/a>Blue Heart by Patagonia<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;21px&#8221;]<div class=\"qodef-single-image-holder    \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"551\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/04\/Blue-Heart-by-Patagonia.jpg\" class=\"attachment-full size-full\" alt=\"Blue Heart by Patagonia\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/04\/Blue-Heart-by-Patagonia.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/04\/Blue-Heart-by-Patagonia-300x171.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/04\/Blue-Heart-by-Patagonia-768x437.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/04\/Blue-Heart-by-Patagonia-620x353.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]<a href=\"https:\/\/blueheart.patagonia.com\/\" target=\"_blank\" rel=\"noopener\">Blue Heart<\/a> is a project by the famous outdoor clothing and gear brand Patagonia. The goal of the project is to<strong> raise awareness and protect some of Europe\u2019s last wild rivers, specifically in the Balkans.<\/strong> If you\u2019re wondering what \u201cwild rivers\u201d means, it indicates a large, powerful river with no dam on it. According to the project, dams are very harmful for the rivers: they do not help produce clean energy and cause environmental issues in the surrounding regions. Blue Heart is a documentary focusing on <strong>the largest undammed river in Europe &#8211; Albania\u2019s Vjosa.<\/strong> The project website is striking and direct &#8211; beautiful fullscreen imagery and cleverly placed CTAs offering the visitors a chance to learn more about the problem with dams, to watch the video and, of course, to take direct action.[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"restore-hope-appeal-by-compassion\"><\/a>Restore Hope Appeal by Compassion<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;21px&#8221;]<div class=\"qodef-single-image-holder    \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"552\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/04\/Restore-Hope-Appeal-by-Compassion.jpg\" class=\"attachment-full size-full\" alt=\"Restore Hope Appeal by Compassion\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/04\/Restore-Hope-Appeal-by-Compassion.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/04\/Restore-Hope-Appeal-by-Compassion-300x171.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/04\/Restore-Hope-Appeal-by-Compassion-768x437.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/04\/Restore-Hope-Appeal-by-Compassion-620x353.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]<a href=\"https:\/\/compassionappeal.znstudio.com.au\/\" target=\"_blank\" rel=\"noopener\">Restore Hope Appeal<\/a> is a fundraising website started by the Australian Christian charity organization Compassion, with the goal of raising funds for different disaster-stricken areas around the world. You may remember it from our piece on <a href=\"https:\/\/qodeinteractive.com\/magazine\/split-screen-layout-in-use-best-examples\/\">split screen layouts<\/a>, in which we praised the clever division of the homepage into two adjacent sections &#8211; one with the donation form, and the other with short info about the goal and links to pages where we can discover more about those affected by <strong>flooding, typhoons and cyclones, locust swarms and, unfortunately, many other disasters taking place in the world right now<\/strong>. Straightforward and effective, but also featuring some lovely design solutions, Restore Hope proves to be an excellent vehicle for collecting much needed charity funds.[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\">Wrapping It Up<\/h2>\n<p>[\/vc_column_text][vc_column_text]We have seen some truly inspiring examples of various causes presented in digital form, each featuring unique design solutions that enhance the experience and promote participation. Animation and interaction are basically a must, as these are the elements that break the barrier between the digital and the physical (or at least mimic breaking it), thus pulling the visitors deeper into the narrative. Cleverly placed and <a href=\"https:\/\/qodeinteractive.com\/magazine\/how-to-design-cta\/\">well-designed CTAs<\/a>, high-quality imagery, video, music and sound effects, 3D animation\u2026 these are all vital elements for a website that aims to raise awareness, promote a cause and reach a goal. Flat, static design is good for protest banners. Online, it\u2019s all about depth, interaction and motion. In fact, what it boils down to is storytelling. To get people to help reach a goal, you need to tell them a compelling story, using all means available, carefully orchestrated to form a unique voice that cannot be unheard.[\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Digital activism is all about employing visual tools to bring a certain issue to surface, to raise awareness in what is today the single most efficient manner. Innovative, engaging design solutions are tremendously important since, when done right, they have the power to move people just as much as words do. These some of the websites that prove this concept very well. <\/p>\n","protected":false},"author":3,"featured_media":36365,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[30,40,43],"class_list":["post-36160","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design","tag-creative","tag-inspiration","tag-showcase"],"_links":{"self":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts\/36160","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/comments?post=36160"}],"version-history":[{"count":0,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts\/36160\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/media\/36365"}],"wp:attachment":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/media?parent=36160"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/categories?post=36160"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/tags?post=36160"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}