Nachhaltig elegantes Webdesign und
umweltfreundliche Webentwicklung
Ingo Steinke
3 min read · 4 days ago
Webseitengleichermaßenschönundnützlichzugestalten,isteineKunst.Viele versuchensicheinfacherweiseaufdaseineoderdasanderezukonzentrieren,nicht wenigescheiternanbeidem!AlsWebentwicklerliebeichdieHerausforderung, EleganzundSchönheitmitBarrierefreiheit,Umwelt-undDatenschutzzu verbinden.DieWebsiteentwicklungfürKleiderordnungisteineinfachesBeispiel füreinesolcheSynergie:PastellfarbendominierendieFarbgestaltung,dennochhat derTextüberalleinengutlesbarenKontrast.AufAnimationen,Instagramund VideowürdenmancheMinimalistenamliebstengänzlichverzichten(„Boring Webdesign„-Bewegung),aberwiemansieht,istesmachbar,solcheDesignAnforderungenumzusetzenohnemassiveDatenmengendurchsNetzzu schleudern.Tatsächlichistesauchmöglich,dasalleszuerreichenundüberdies DSGVO-konformzuarbeiten,ohneeineSeitemitunschönenCookie-Bannernzu verschandeln.
DieserArtikelbasiertaufeinemähnlichenBlogbeitragbeiOpenMindCulture (“NachhaltigelegantesWebdesign2024/2025”)undistmeinerster deutschsprachigerBeitraghieraufMedium.
IchbinIngoSteinke,nachhaltigerWebentwicklermitinzwischenweitüber20 JahrenBerufserfahrung,undichbloggegelegentlichhierunddaüberThemen,die michberuflichundprivatinteressieren,unteranderemdieFrage,wiewir Webseitenklimafreundlichundbarrierefreioptimierenkönnen.
DevUX als ganzheitliches Webdesign
UnternachhaltigemelegantemWebdesignversteheichimweiterenSinnesowohl dasDesign(Konzeption,Grafik,UX,UI)alsauchdieUmsetzung (Softwarearchitektur,Technologieauswahl,Programmierungund Qualitätssicherung).Wichtigistaberauch,diezeitweisesehrstarkeTrennungvon DesignundEntwicklungzudurchbrechenundvonAnfanganenger zusammenzuarbeiten(“DevUX”).UnbewegteVorschauseitenmitBlindtextenzu
erstellen,umsiedannaneinanderesTeamzuübergebenerscheintmiralsRelikt ausZeitenvonBuchdruckundLaufburschenundalsvermeidbareQuellevon MissverständnissenundUnzufriedenheit.
AuchwenndasgeplantenachhaltigeLieferkettengesetzAnfang2024zunächst gescheitertist,traurigerweisenichtzuletztwegenderBemühungenderkleinsten ParteiderderzeitigendeutschenRegierungskoalition,diedieChancenvon Ökologie,GemeinwohlundfairemWelthandelscheinbarnochnichtganz verstandenhat.LangfristigwirdsichIgnoranzgegenüberNachhaltigkeitsthemen jedochnichtauszahlen,wenngrößereTeilederGenerationZnichtnuranders arbeiten,sondernauchanderskonsumierenmöchteundentsprechendkritischdie WebsitesvonFirmenundOnline-Shopsprüfenwird.SchließlichisteskeinZufall, dassdeninternationalenNachhaltigkeitszielen(SDG)inallenBranchenimmer größereBedeutungbeimessenwird,teilweiseebenauchohnezwingende gesetzlicheVorgaben.
MitdemEuropeanAccessibilityAct(EAA)kommt2025eineumfassendePflichtzur BarrierefreiheitfüreuropäischeWebseiten,wiesieähnlichbereitsjetztfür kommerzielleundöffentlichAnbieter:innenindenUSAgilt.MessbareKriterien werdensichandenWCAG-Richtlinienorientieren.DieökologischeWebOptimierungversuchenderweilmancheunterdemneuenSchlagwort“SustyWeb” zusammenfassen,wasalsAbkürzungvon“sustainableweb”sinngemäßdie ökologischundethischnachhaltigeWebentwicklungbedeutet.
AnleitungenundzurnachhaltigenWebentwicklunghabeichschonfrüheran verschiedenenStellenveröffentlicht.DieserArtikelsollganzkonkretaufdie rechtlichenVeränderungenhinweisen,dieunsalsKreativeund Webentwickler:innenab2024betreffenwerden,wieimmermitdemHinweis,dass ichkeinJuristbinunddiesdahernichtalsRechtsberatungzuverstehenist.Bitte fragteineAnwältinodereinenAnwalteuresVertrauens,wiedierechtlicheLage konkretfüreuchundeureKundschaftzuverstehenist!
Ichhoffejedenfalls,dassdieneuenGesetzenichtzueinerähnlichen VerschlimmbesserungführenwiedieDatenschutzgrundverordnung(DSGVO),die einegutgemeintenDatenschutzinitiativeineinebürokratischeAbsurdität verwandelte,dieunsscheinbarzwingt,beimerstenAufrufeinerWebseitezunächst deneigentlichenInhaltmiteinemHinweisschildvollerKleingedrucktemzu verdeckenumdieBesucher:innenzurZustimmungungelesener
Verzichtserklärungenzunötigen.Dassesauchandersgeht,habeichwiegesagt schonmehrfachbeschriebenundbewiesen.
MeinOptimismusistalsonichtunbegründet,zudemhatsichindenletztenJahren aucheinigessehrpositivinderWeb-Szenegetan.GrünesWebhostingmit
Ökostrom,DatensparsamkeitundbessereUserExperiencewerdenvonbekannten Auditing-ToolswiePagespeed/Lighthouse,Webpagetesthonoriert.Ecograder, WebsiteCarbonunddieGreenSoftwareFoundationkönnenderweilmitstrengeren undspezifischerenMessungenneueMaßstäbesetzen.Accessibility-Auditsmitaxe undWAVEwarnenzumindestvoreklatantenVerstößengegendieWCAG-Vorgaben.
WährenddieneuenMöglichkeitenvonvielenKreativenundEntwickler:innennoch weitgehendignoriertwerden,erforschenanderesieumsointensiverundteilenihre ErfahrungininspirierendenVorträgenundWorkshops,beispielsweisebeiden beyondTellerrandKonferenzen.
AnstelleeinerumfassendenSammlungnützlicherLinkszumThema,diedennoch alsAusgangspunktfüreigeneRecherchendienensollten,verlinkeichzunächstmal meinenenglischsprachigenDEV-ArtikelzumgleichenThema:Accessibility, SustyWeb,SDGs,andupcomingEuropeanLegislationin2024/2025
Nachhaltigkeit Webentwickler Webdesign Services Barrierefreiheit
Umweltschutz