Question 1

Was macht eine UI Design Agentur und brauche ich das überhaupt?

Accepted Answer

Eine UI Design Agentur gestaltet die visuellen Benutzeroberflächen digitaler Produkte – also alles, was Nutzer auf dem Bildschirm sehen und womit sie interagieren. Im Gegensatz zu reinen Grafikagenturen konzentrieren wir uns bei dotfly. in Köln nicht nur auf schöne Bilder, sondern entwickeln durchdachte Interfaces, die intuitiv bedienbar sind und echte Geschäftsziele erreichen. Ob Sie UI Design brauchen, hängt davon ab, was Sie vorhaben. Falls Sie eine neue Website, einen Online-Shop oder eine App planen, ist professionelles UI Design definitiv sinnvoll. Auch bei Relaunch-Projekten lohnt es sich, eine erfahrene Agentur hinzuzuziehen – besonders wenn die aktuelle Oberfläche nicht mehr zeitgemäß wirkt, Nutzer häufig abspringen oder die Conversion-Rate zu niedrig ist. Wir arbeiten seit 2000 mit Unternehmen aus den Bereichen E-Commerce, NGOs, Bildung und nachhaltiger Wirtschaft zusammen. Unsere Stärke liegt darin, UI Design mit Nachhaltigkeit und Barrierefreiheit zu verbinden. Das bedeutet: Interfaces, die nicht nur gut aussehen, sondern auch performant laufen, wenig Energie verbrauchen und für alle Menschen nutzbar sind – unabhängig von möglichen Einschränkungen.

Question 2

Was unterscheidet dotfly. als UI Design Agentur von anderen in Köln?

Accepted Answer

Mit über 25 Jahren Erfahrung seit der Gründung im Jahr 2000 bringen wir nicht nur Design-Know-how mit, sondern auch tiefes technisches Verständnis. Wir sind offizielle Partner der TYPO3 Association und kennen uns bestens mit Open-Source-Systemen wie TYPO3, WordPress und Shopware aus. Das ist praktisch für Sie, weil Sie keine Lizenzkosten zahlen müssen und volle Kontrolle über Ihre Daten behalten. Unser besonderer Fokus liegt auf Nachhaltigkeit: Jedes Interface, das wir gestalten, durchläuft unseren Green-Design-Check. Dabei hinterfragen wir kritisch, ob jedes Feature wirklich notwendig ist und wie wir es ressourcenschonend umsetzen können. Mit 35 Mitarbeitenden haben wir die Größe, um auch komplexe Projekte zu stemmen, bleiben aber persönlich genug für individuelle Betreuung. Barrierefreiheit ist bei uns kein teures Add-on, sondern Standard. Unser Team umfasst CPWA-zertifizierte Accessibility-Spezialisten. Wir arbeiten gezielt mit Unternehmen, die einen positiven gesellschaftlichen oder ökologischen Beitrag leisten wollen – von Bildungseinrichtungen über nachhaltige E-Commerce-Shops bis zu gemeinnützigen Organisationen.

Question 3

Wie läuft ein UI Design Projekt bei dotfly. ab?

Accepted Answer

Unser UI Design Prozess ist strukturiert und transparent. Wir starten mit einer ausführlichen Analysephase, in der wir Ihre Marke, Zielgruppe und Geschäftsziele gemeinsam im Workshop erarbeiten. Dabei schauen wir uns auch bestehende Interfaces an, analysieren Nutzerverhalten und identifizieren Verbesserungspotenziale. In der Konzeptionsphase entwickeln wir dann die Informationsarchitektur und erste Wireframes. Hier geht es darum, die Struktur zu klären, bevor wir ins visuelle Design einsteigen. Sie bekommen von uns klickbare Prototypen, mit denen Sie schon früh ein Gefühl für die spätere Bedienung bekommen. Das spart später teure Änderungen. Die eigentliche UI-Design-Phase beginnt danach. Wir entwerfen die visuellen Oberflächen, arbeiten Ihre Corporate Identity ein und erstellen ein konsistentes Design System mit wiederverwendbaren Komponenten. Falls Sie bereits ein bestehendes Design haben, bauen wir darauf auf. Parallel dazu setzen wir die Designs technisch um – bei uns arbeiten Designer und Entwickler eng zusammen, oft sogar im selben Team. So entstehen keine unrealistischen Designs, die später nicht umsetzbar sind. Zum Schluss testen wir das Interface gründlich: Funktioniert alles auf verschiedenen Geräten? Ist es barrierefrei? Sind die Ladezeiten gut? Nach dem Launch begleiten wir Sie gerne weiter und optimieren basierend auf echten Nutzerdaten.

Question 4

Was kostet UI Design bei einer Agentur in Köln?

Accepted Answer

Die Kosten für UI Design variieren stark je nach Projektumfang und Komplexität. Bei dotfly. arbeiten wir transparent und erstellen individuelle Angebote, die genau zu Ihrem Bedarf passen. Als grobe Orientierung: Kleinere Projekte wie Landingpages oder einfache Websites beginnen bei etwa 5.000 bis 12.000 Euro. Mittelgroße Projekte – zum Beispiel Corporate Websites mit mehreren Templates oder kleinere E-Commerce-Shops – liegen typischerweise zwischen 12.000 und 35.000 Euro. Große Projekte wie komplexe Webplattformen, umfangreiche Online-Shops oder individuelle Web-Apps starten bei 35.000 Euro und können je nach Anforderungen auch deutlich darüber liegen. Was beeinflusst den Preis konkret? Zum einen die Anzahl der verschiedenen Templates oder Screens, die wir gestalten müssen. Zum anderen die Komplexität der Funktionen und Interaktionen. Ein Design System mit 50 wiederverwendbaren Komponenten ist aufwendiger als drei statische Seiten. Auch der gewünschte Standard bei Barrierefreiheit spielt eine Rolle – wobei wir bei dotfly. grundsätzlich WCAG-konform arbeiten. Besonders wichtig: Wir rechnen nicht nach Stunden ab, sondern bieten Festpreise für definierte Leistungen. So wissen Sie von Anfang an, was auf Sie zukommt. In einem unverbindlichen Erstgespräch klären wir Ihre Anforderungen und können dann eine realistische Einschätzung geben.

Question 5

Wie lange dauert ein UI Design Projekt normalerweise?

Accepted Answer

Die Projektdauer hängt vom Umfang ab, aber als Faustregel können Sie mit vier bis zwölf Wochen rechnen. Kleinere Projekte wie einzelne Landingpages oder Templates schaffen wir oft in vier bis sechs Wochen. Mittelgroße Websites oder Shop-Designs benötigen in der Regel acht bis zehn Wochen, während große Plattformen oder Apps durchaus drei bis vier Monate in Anspruch nehmen können. Wir arbeiten grundsätzlich agil in zweiwöchigen Sprints. Das bedeutet: Sie sehen alle zwei Wochen konkrete Fortschritte und können Feedback geben. So vermeiden wir, dass am Ende etwas herauskommt, das nicht Ihren Vorstellungen entspricht. Diese iterative Arbeitsweise hat sich bewährt, weil sie Flexibilität ermöglicht und gleichzeitig Struktur bietet. Wichtig für die Dauer ist auch, wie schnell Sie als Kunde Feedback geben und Freigaben erteilen können. Wenn Entscheidungen bei Ihnen intern länger dauern, verlängert sich natürlich auch das Gesamtprojekt. Deshalb klären wir zu Beginn, wer auf Ihrer Seite entscheidungsbefugt ist und wie die Abstimmungsprozesse laufen. Bei dotfly. in Köln haben Sie feste Ansprechpartner, keine wechselnden Juniors. Unsere Senior Designer haben durchschnittlich acht Jahre Berufserfahrung und können deshalb schnell und zielgerichtet arbeiten. Wir halten Sie während des gesamten Projekts auf dem Laufenden mit wöchentlichen Status-Updates.

Question 6

Welche Tools und Technologien nutzt dotfly. für UI Design?

Accepted Answer

Für das Design-Work nutzen wir hauptsächlich Figma, weil es browserbasiert funktioniert und hervorragende Kollaborationsfunktionen bietet. Sie können jederzeit in unsere Figma-Files schauen und direkt Kommentare hinterlassen – das macht die Zusammenarbeit transparent und effizient. Figma eignet sich besonders gut für Design Systems, weil wir dort wiederverwendbare Komponenten anlegen können, die automatisch überall aktualisiert werden. Für die technische Umsetzung setzen wir auf bewährte Web-Standards: HTML, CSS und JavaScript bilden die Basis. Bei komplexeren Projekten arbeiten wir mit modernen Frameworks wie Vue.js oder React, je nachdem was für Ihr Projekt am besten passt. Wichtig ist uns, dass der Code sauber, wartbar und performant ist. Als offizieller TYPO3 Partner haben wir besondere Expertise in diesem CMS. TYPO3 eignet sich hervorragend für größere Websites mit komplexen Strukturen und mehrsprachigen Inhalten. Daneben arbeiten wir auch viel mit WordPress für kleinere bis mittelgroße Projekte und mit Shopware oder OXID für E-Commerce-Lösungen. Ein großer Vorteil dieser Systeme: Sie sind alle Open Source, also keine Lizenzkosten für Sie. Für Analytics und Tracking setzen wir auf datenschutzkonforme Tools wie Matomo oder nutzen Google Analytics 4 mit entsprechender Consent-Lösung. Das hilft uns, nach dem Launch zu sehen, wie Nutzer mit dem Interface interagieren und wo eventuell noch Optimierungsbedarf besteht.

Question 7

Was ist der Unterschied zwischen UI Design und UX Design?

Accepted Answer

UI Design (User Interface Design) und UX Design (User Experience Design) werden oft verwechselt oder synonym verwendet, sind aber zwei unterschiedliche Disziplinen, die Hand in Hand gehen. UI Design beschäftigt sich mit der visuellen Gestaltung der Benutzeroberfläche: Welche Farben verwenden wir? Wie sehen Buttons aus? Welche Typografie passt zur Marke? Wie gestalten wir Icons und Illustrationen? Es geht also um das Look & Feel – alles, was Nutzer auf dem Bildschirm sehen. UX Design hingegen umfasst das gesamte Nutzererlebnis: Wie finden Nutzer, was sie suchen? Welche Wege gehen sie durch die Anwendung? Wo entstehen Frustrationen? UX Designer führen User Research durch, erstellen Personas, entwickeln User Flows und testen Prototypen mit echten Nutzern. Sie analysieren Klickpfade, Absprungquoten und Conversion Funnels. Ein Beispiel: Der UX Designer legt fest, dass der Checkout in einem Online-Shop in drei Schritten ablaufen soll und welche Informationen in welchem Schritt abgefragt werden. Der UI Designer gestaltet dann, wie diese drei Schritte visuell dargestellt werden – mit welchen Formularfeldern, Buttons, Fortschrittsanzeigen. Bei dotfly. in Köln arbeiten UI und UX Designer eng zusammen, oft sogar in denselben Teams. Viele unserer Designer beherrschen beide Disziplinen. Das ist wichtig, weil ein noch so schönes Interface nichts bringt, wenn die zugrundeliegende User Experience schlecht ist – und umgekehrt.

Question 8

Warum ist barrierefreies UI Design wichtig?

Accepted Answer

Barrierefreies UI Design stellt sicher, dass digitale Produkte von allen Menschen genutzt werden können – unabhängig von möglichen Einschränkungen. Das betrifft nicht nur die oft zitierte kleine Gruppe von Menschen mit Behinderungen, sondern ist für viele relevant: Menschen mit Sehschwäche, die größere Texte oder höhere Kontraste benötigen. Nutzer mit motorischen Einschränkungen, die auf Tastaturnavigation angewiesen sind. Gehörlose Menschen, die Untertitel für Videos brauchen. Auch ältere Menschen profitieren von barrierefreien Interfaces, weil diese meist klarer strukturiert und einfacher zu bedienen sind. Rechtlich gibt es gute Gründe für Barrierefreiheit: Öffentliche Stellen sind seit 2019 verpflichtet, ihre Websites und Apps barrierefrei zu gestalten (BITV 2.0). Auch für Unternehmen wird das Thema zunehmend relevant, etwa durch das Barrierefreiheitsstärkungsgesetz, das ab 2025 gilt. Wer nicht barrierefrei ist, riskiert Abmahnungen und schließt potenzielle Kunden aus. Bei dotfly. in Köln haben wir mehrere CPWA-zertifizierte Accessibility-Spezialisten im Team. Wir integrieren Barrierefreiheit von Anfang an in den Design-Prozess, nicht als nachträgliches Add-on. Das umfasst kontrastreiche Farbschemata, skalierbare Texte, Tastaturnavigation, Screen-Reader-Kompatibilität und alternative Texte für Bilder. Wir testen unsere Interfaces regelmäßig mit echten Nutzern, die auf assistive Technologien angewiesen sind. So stellen wir sicher, dass unsere Designs nicht nur theoretisch barrierefrei sind, sondern in der Praxis auch funktionieren.

Question 9

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

Accepted Answer

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 – das macht den Code schlanker und schneller. 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.

UI-Design Agentur Köln: dotfly. - Nachhaltige UI-Design Experten seit 2000

warum dotfly. als UI Design Agentur

Unser UI-Design Prozess

UI-Design Leistungen bei dotfly. Köln

Was macht dotfly. als nachhaltige UI Agentur besonders?

Jetzt zu UI Design beraten lassen!

UI Design Referenzen & Projekte aus Köln

Ästhetik im Web

UI Design Rebrush der GLS Bank

Barrierefrei und Preisgekrönt

Unsere Expertise & Technologien

UI Design Expertise

Tools & Technologien

Häufig gestellte Fragen zu UI-Design in Köln

Unsere nachhaltigen UI Design-Prinzipien

Nachhaltige Maßnahmen und Arbeitsweisen die wir im Bereich UI Design umsetzen