# Webdesign & UX aus Jena - Veröffentlicht: 2026-09-26 - Aktualisiert: 2026-10-10 - Quelle: https://art-kon-tor-digital.de/web/webdesign-ux/ --- Team Web & Marketing · Webentwicklung # Webdesign & UX aus Jena Kurz gesagt Wir gestalten Websites und Web-Anwendungen, die sich leicht bedienen lassen und zur Marke passen, von der Struktur über die Entwürfe bis zum fertigen WordPress-Theme. Für Unternehmen in Jena, Thüringen und bundesweit, die eine Website wollen, die auch in drei Jahren noch gut aussieht und schnell lädt. [Website besprechen](#kontakt) [Ablauf ansehen](#ablauf) ![](https://art-kon-tor-digital.de/wp-content/uploads/2026/09/uiux-1024x683.webp) ## Zum AnfassenProbier Layouts und Farben aus Großes Bild oder geteilt, Kacheln oder Liste, hell oder dunkel: Spiel damit, die Vorschau macht mit. *www.deine-firma.de* **Deine Firma** Kontakt Aus Jena #### Wir machen, was wir versprechen. Zwei Sätze, die sagen, was ihr tut und für wen. Kontakt aufnehmenNeu ![](https://art-kon-tor-digital.de/wp-content/themes/akt-digital/assets/img/teamwork.jpg) ![](https://art-kon-tor-digital.de/wp-content/themes/akt-digital/assets/img/uiux.jpg) ![](https://art-kon-tor-digital.de/wp-content/themes/akt-digital/assets/img/jena.jpg) ![](https://art-kon-tor-digital.de/wp-content/themes/akt-digital/assets/img/verein.jpg) **Leistung eins** Zwei Zeilen Beschreibung, mehr braucht die Übersicht nicht. **Leistung zwei** Besucher lesen hier zuerst die Überschrift, dann den Button. **Leistung drei** Jede Karte führt auf eine eigene Seite mit Details. **Ein Satz, der Vertrauen schafft.** Mehr erfahren Deine Firma · Impressum · Datenschutz [So eine Website anfragen](#kontakt) ## PrinzipienWas gutes Webdesign für uns heißt Schön ist nicht das Ziel, sondern eine Nebenwirkung. Das Ziel ist, dass Besucher finden, was sie suchen, und tun, was du dir wünschst, anrufen, bestellen, anfragen. ### Struktur vor Optik Bevor wir eine Farbe wählen, klären wir, welche Seiten es braucht, was auf jeder Seite passieren soll und in welcher Reihenfolge Informationen kommen. Ein guter Seitenaufbau rettet ein mittelmäßiges Design, umgekehrt funktioniert es nicht. ### Für das Smartphone zuerst Bei den meisten unserer Kunden kommt über die Hälfte der Besucher mobil. Wir entwerfen deshalb zuerst für den kleinen Bildschirm und erweitern dann für den Desktop. Nicht andersherum. ### Light und Dark Mode Immer mehr Menschen stellen ihr Gerät auf ein dunkles Farbschema. Unsere Websites folgen dieser Einstellung automatisch, mit einem Farbsystem, das in beiden Modi lesbar bleibt. Diese Seite hier macht es vor. ### Barrierefreiheit gehört dazu Kontraste, Schriftgrößen, Tastaturbedienung, Alternativtexte und eine saubere Überschriftenstruktur sind bei uns Teil des Designs, nicht ein Nachtrag. Das hilft allen Nutzern und erfüllt nebenbei die Anforderungen des BFSG. ### Schnell, weil schlank Ein Design, das nur mit fünf Skripten und drei Schriftfamilien funktioniert, ist ein schlechtes Design. Wir gestalten so, dass die Seite mit wenig Code auskommt und die Core Web Vitals von Google besteht. ### Ein System, keine Einzelseiten Wir entwerfen Bausteine, Seitenkopf, Karten, Ablauf, FAQ, und daraus entstehen die Seiten. Neue Seiten sehen deshalb automatisch aus wie die bestehenden, auch wenn sie in zwei Jahren jemand anderes anlegt. ## AblaufVom Briefing zum fertigen Theme 1. 1 Woche Briefing und Analyse Was soll die Website erreichen, wer besucht sie, was gefällt dir an der alten nicht? Wir schauen uns außerdem Matomo- oder Search-Console-Daten an, wenn es sie gibt, und drei bis fünf Websites aus deinem Umfeld. 2. 1 bis 2 Wochen Struktur und Wireframes Seitenbaum, Navigation und grobe Seitenaufteilungen als Klickprototyp ohne Farbe und Bild. Hier wird über Inhalte und Reihenfolge entschieden, das ist die wichtigste Phase, und sie ist am günstigsten zu ändern. 3. 2 bis 3 Wochen Design-Entwürfe Startseite und zwei bis drei typische Unterseiten als fertige Entwürfe für Desktop und Mobil, in Light und Dark Mode. Zwei Korrekturrunden sind eingeplant. Wenn dein Corporate Design noch fehlt, kommt unsere Schwesteragentur für Markenkommunikation dazu. 4. 3 bis 6 Wochen Umsetzung als WordPress-Theme Aus den Entwürfen werden eigene Blöcke und ein Theme, kein Page-Builder. Parallel füllen wir die Seiten mit deinen Inhalten oder du machst es selbst nach einer Einweisung. 5. 1 bis 2 Wochen Test und Feinschliff Prüfung auf echten Geräten, Ladezeit, Barrierefreiheit, Formulare, Weiterleitungen von alten URLs. Dann Livegang, in der Regel an einem Vormittag, damit wir den Tag über nachbessern können. ## UX-OptimierungBestehende Website verbessern statt neu bauen Nicht jede Website braucht einen Relaunch. Oft ist das Design in Ordnung, aber die Nutzerführung stimmt nicht: Das Kontaktformular hat zwölf Felder, der wichtigste Button liegt unter der Falz, auf dem Smartphone verdeckt das Cookie-Banner die Navigation. Solche Dinge finden wir mit einer UX-Analyse, und beheben sie meist in Tagen, nicht in Monaten. ### Was wir uns bei einer UX-Analyse anschauen - Wege der Besucher in Matomo: Wo kommen sie an, wo steigen sie aus? - Formulare und Bestellprozesse, jeder unnötige Schritt kostet Abschlüsse - Lesbarkeit: Schriftgrößen, Zeilenlängen, Kontraste, Überschriften - Mobile Bedienung mit dem Daumen, Größe und Abstand von Schaltflächen - Ladezeit und alles, was den Aufbau der Seite verzögert - Konsistenz: Sehen gleiche Dinge überall gleich aus? Das Ergebnis ist eine priorisierte Liste mit konkreten Änderungen. Was davon sinnvoll ist, setzen wir um, im bestehenden System oder als Vorbereitung für einen späteren Relaunch. ## Ehrlich gesagtWovon der Aufwand abhängt Wir nennen dir einen verbindlichen Rahmen, sobald wir diese Punkte kennen. - **Anzahl der Seitentypen**Eine Website mit Start, Leistung, Referenz, Beitrag und Kontakt hat fünf Vorlagen. Jede weitere, Team, Stellen, Veranstaltungen, ist Design und Entwicklung. - **Corporate Design vorhanden?**Mit Logo, Farben und Schriften starten wir direkt. Wenn die Marke erst entwickelt werden muss, kommt ein Schritt davor. - **Inhalte**Texte und Bilder, die schon da sind und passen, sparen Wochen. Fehlen sie, planen wir Texterstellung und Fotografie mit ein. - **Funktionen**Ein Shop, ein Mitgliederbereich, ein Konfigurator oder Mehrsprachigkeit erhöhen den Umfang deutlich, bei Design und Umsetzung. ## FAQHäufige Fragen zu Webdesign und UX Was ist der Unterschied zwischen UX und UI? UI ist die Oberfläche: Farben, Schriften, Schaltflächen, Abstände. UX ist die Erfahrung dabei: Findet der Besucher, was er sucht, versteht er, was er tun soll, kommt er ohne Frust ans Ziel? Gutes UI ohne UX ist eine schöne Seite, auf der niemand anfragt. Bekomme ich ein Template oder ein eigenes Design? Ein eigenes Design. Vorlagen aus dem Netz sehen am Anfang gut aus, sind aber für alles und niemanden gemacht, man schleppt hunderte Optionen mit, die man nie braucht. Wir entwerfen für deine Inhalte und bauen daraus ein Theme, das nur das enthält, was du brauchst. Wie lange dauert ein Webdesign-Projekt? Vom Briefing bis zum Livegang meist acht bis zwölf Wochen. Die Phasen sind oben beschrieben. Am längsten dauert erfahrungsgemäß die Abstimmung von Inhalten, nicht Design oder Technik. Macht ihr auch Logos und Corporate Design? Wir gestalten Websites. Für Logo, Marke und Corporate Design arbeiten wir mit unserer Schwesteragentur in der ART-KON-TOR Gruppe zusammen, die genau darauf spezialisiert ist. Für dich bleibt es ein Ansprechpartner. Muss meine Website einen Dark Mode haben? Muss nicht. Wir bauen ihn standardmäßig ein, weil er wenig Aufwand ist, wenn das Farbsystem von Anfang an dafür angelegt ist, und weil viele Nutzer ihn eingestellt haben. Wenn deine Marke dagegen spricht, lassen wir ihn weg. Ist barrierefreies Design nicht langweilig? Nein. Gute Kontraste, klare Schriften und eine logische Struktur sind Merkmale jedes guten Designs. Was Barrierefreiheit ausschließt, sind Text auf unruhigen Bildern, hellgraue Schrift auf Weiß und Bedienelemente, die nur mit der Maus funktionieren, und darauf kann man gut verzichten. Was macht ihr mit meinen Rankings beim Relaunch? Wir übernehmen die URL-Struktur, wo sie gut ist, und legen für alle geänderten Adressen Weiterleitungen an. Inhalte, die ranken, bleiben erhalten oder werden besser. Das Marketing-Team prüft vor dem Livegang mit. ## Passt dazuWas oft zusammen beauftragt wird [Web & Marketing**Barrierefreie Website**Wenn dein Angebot unter das BFSG fällt, prüfen wir das Design gleich gegen die WCAG-Kriterien.](/web/barrierefreie-website/) [Web & Marketing**Tracking & Webanalyse**Ob das neue Design wirkt, zeigt Matomo: Absprünge, Wege, Abschlüsse. Ohne Daten ist UX Meinung.](/marketing/tracking-webanalyse/) [IT & KI**KI-Chatbot für die Website**Ein Chatbot, der Fragen zu deinen Inhalten beantwortet, gehört in das Design, nicht als fremdes Fenster obendrauf.](/ki/ki-chatbot-website/) [Web & Marketing**Conversion-Optimierung**Aus vorhandenen Besuchern mehr Anfragen: Formulare, Landingpages und Checkout messen, testen, umsetzen.](/marketing/conversion-optimierung/) ## Schick uns den Link zu deiner Website Wir schauen sie uns an und sagen dir in einem kurzen Gespräch, was wir ändern würden, und ob das ein Relaunch oder eine Optimierung ist. [Website besprechen](#kontakt)