Wie nachhaltig ist UI Design und was macht ihr bei dotfly. konkret? 
 

"UI Design hat einen direkten Einfluss auf den Energieverbrauch digitaler Produkte. Jedes Mal, wenn jemand eine Website oder App nutzt, werden Daten übertragen, Server arbeiten, und Endgeräte verbrauchen Strom. Durch cleveres Design können wir diesen Verbrauch deutlich reduzieren. 

Bei dotfly. in Köln haben wir dafür konkrete Methoden entwickelt. Vor jedem Projekt führen wir einen Green-Design-Check durch: Ist jedes Feature wirklich notwendig? Können wir das effizienter lösen? Welche Umweltauswirkungen hat die Entscheidung? Wir arbeiten mit dem Atomic Design Ansatz, bei dem wir wiederverwendbare Komponenten entwickeln. Das reduziert nicht nur den Entwicklungsaufwand, sondern auch die Datenmenge, die übertragen werden muss. Außerdem setzen wir auf Design Tokens und CSS-Variablen statt inline Styles, welche den Code schlanker und schneller machen. 

Bilder optimieren wir konsequent: moderne Formate wie WebP oder AVIF, Responsive Images mit verschiedenen Größen, Lazy Loading für Bilder, die erst sichtbar werden, wenn man dorthin scrollt. Allein dadurch sparen wir oft 40 bis 60 Prozent Datentransfer ein. Auch bei Animationen sind wir zurückhaltend. Zu viele Bewegungen auf einer Seite belasten nicht nur die Performance, sondern auch den Akku von mobilen Geräten. 

Ein besonderes Tool bei uns ist die Persona Mutter Erde, inspiriert vom Green the Web Podcast. Bei jeder Design-Entscheidung fragen wir uns: Würde Mutter Erde das gutheißen? Klingt vielleicht esoterisch, hilft aber enorm, unnötigen Ballast zu vermeiden. Messbare Erfolge sehen wir regelmäßig: Im Schnitt reduzieren unsere Optimierungen die CO₂-Emissionen eines digitalen Produkts um etwa zwei Tonnen pro Jahr." 

Franziska Coenen, Inhaberin und Geschäftsführerin, dotfly GmbH