Warum UX-Design entscheidend ist

UX Design (User Experience Design) befasst sich mit dem gesamten Nutzererlebnis:

  • Wie intuitiv lässt sich Ihre Anwendung bedienen?
  • Wie schnell findet man relevante Inhalte?
  • Wie angenehm fühlt sich die Interaktion an?

Unser Bild: Wir sind der Angler, Ihre Anwendung der Wurm, die Nutzer und Nutzerinnen die Fische. Je besser der Köder, desto höher die Erfolgsquote.

Wir gestalten digitale Produkte nach den Laws of UX, um maximale Klarheit, Orientierung und Verständlichkeit zu bieten. So entstehen Interfaces, die Vertrauen schaffen und gerne genutzt werden.

Ob Website, Web-Applikation oder digitale Plattform: Wir gestalten Interfaces, die Ihre Marke stärken und nachhaltig überzeugen.

Markus_Zinsmaier_HSG
Die kreative und inspirierende Zusammenarbeit mit Dani Kalt und CS2 hat uns geholfen, gemeinsam ein Konzept zu entwickeln und das Hochschulmagazin HSG FOCUS vollkommen neu zu denken: vom statischen Magazininhalt zu einer lebendigen, dynamischen Wissensplattform.
Markus Zinsmaier
Head of Corporate Publishing & Web | HSG
CS2 AG - Illustration Von UX zu UI

Was UI Design leistet

UI-Design (User Interface Design) bildet die visuelle Sprache Ihrer Marke im digitalen Raum.
Farben, Typografie, Bilder und Animationen bestimmen, wie Ihre Anwendung wirkt und wahrgenommen wird.

Ein gelungenes UI vermittelt Wertigkeit und schafft emotionale Bindung. Es hebt Ihre Anwendung von 'ganz nett' auf 'Wow!'.

UX vs. UI – Warum beides untrennbar zusammengehört

Eine Vielzahl etablierter ERP- und CRM-Systeme, einschliesslich branchenspezifischer Lösungen und Eigenentwicklungen, kann integriert werden:

UX-Design
  • Funktionalität & Nutzbarkeit
  • Orientierung & Effizienz
  • Struktur & Nutzerführung
UI-Design
  • Ästhetik & Markenwirkung
  • Emotion & visuelle Identität
  • Farben, Typografie, Animationen

Nur das Zusammenspiel von UX und UI schafft ein digitales Erlebnis, das verstanden, geschätzt und gerne genutzt wird.

So profitieren Sie von durchdachtem UX/UI Design

Höhere Conversion-Raten
Weniger Absprünge
Mehr Vertrauen in Ihre Marke
Schnellere Entscheidungen durch klare Nutzerführung
Höhere Zufriedenheit und Weiterempfehlung

Unser Prozess – von der Idee bis zum Erlebnis

Entdecken & Strukturieren
Ziele und Inhalte klar definieren, Nutzerbedürfnisse verstehen.

Gestalten mit Wireframes
Die Nutzerführung planen und testen.

Stimmungsvolle Designs schaffen
Visuelle Richtung und Markenwirkung festlegen.

Finales Design liefern
Alles zu einem stimmigen Ganzen verbinden, funktional, emotional und überzeugend.
So entsteht ein Produkt, das logisch funktioniert, inspiriert und genutzt wird.
 

Kundenprojekte (Auszug)

Weitere Projekte stellen wir Ihnen gerne auf Anfrage vor. Unsere Erfahrung in Branchen wie B2B, E-Commerce und Bildung ermöglicht es uns, massgeschneiderte Lösungen für unterschiedliche Industrien anzubieten.


Bereit für digitale Erlebnisse, die wirken?

Starten Sie mit uns in Ihr nächstes digitales Projekt.


Referenzen

Entdecken Sie ein paar ausgewählte Projekte.

roviva

Neues TYPO3-Setup mit Layout Refresh und Erweiterungen.

Websites Hosting
Mehr Info
HSG Focus

Digitalisierung des statischen Hochschulmagazins HSG Focus in ein dynamisches, frisches Unimagazin.

Websites Web-Applikation Hosting
Mehr Info
Debrunner Acifer AG

eDevis: Optimierte Prozesse und Applikationsentwicklung mit dem PHP-Framework Laravel.

Web-Applikation
Mehr Info
Das Foto zeigt ein Auto von der Front in den Farben grün und rot, was symbolisch für die Zusammenarbeit CS2 und den AGVS steht.
AGVS

Verbands- und Berufsbildungswebsite für den Auto Gewerbe Verband Schweiz.

Websites Web-Applikation Hosting
Mehr Info
Basler Berufs- und Weiterbildungsmesse - organisiert vom Gewerbeverband Basel-Stadt in Zusammenarbeit mit dem Erziehungsdepartement Basel-Stadt.
Gewerbeverband Basel

Online Portal für die Basler Berufs- und Weiterbildungsmesse

Web-Applikation
Mehr Info
Fassadenansicht Gebäude SPZ in Nottwil am Sempachersee mit Mohnblume im Vordergrund
SPZ Nottwil

Laravel Webapplikation für die Stationen des Schweizer Paraplegiker-Zentrums in Nottwil

Web-Applikation
Mehr Info
Suncrest

B2B-Webauftritt mit E-Shop für Photovoltaikprodukte, erstellt mit Magento und einem Hyvä-Frontend.

E-Commerce Hosting
Mehr Info
Kestenholz Gruppe

Elegante Websites für die anspruchsvolle Kundschaft. Steigen Sie ein in die digitale Welt der Kesteholz Gruppe.

Websites Hosting Web-Applikation Optimierte Barrierefreiheit
Mehr Info
roviva

Neues TYPO3-Setup mit Layout Refresh und Erweiterungen.

Websites Hosting
Mehr Info
HSG Focus

Digitalisierung des statischen Hochschulmagazins HSG Focus in ein dynamisches, frisches Unimagazin.

Websites Web-Applikation Hosting
Mehr Info
Debrunner Acifer AG

eDevis: Optimierte Prozesse und Applikationsentwicklung mit dem PHP-Framework Laravel.

Web-Applikation
Mehr Info
Das Foto zeigt ein Auto von der Front in den Farben grün und rot, was symbolisch für die Zusammenarbeit CS2 und den AGVS steht.
AGVS

Verbands- und Berufsbildungswebsite für den Auto Gewerbe Verband Schweiz.

Websites Web-Applikation Hosting
Mehr Info
Basler Berufs- und Weiterbildungsmesse - organisiert vom Gewerbeverband Basel-Stadt in Zusammenarbeit mit dem Erziehungsdepartement Basel-Stadt.
Gewerbeverband Basel

Online Portal für die Basler Berufs- und Weiterbildungsmesse

Web-Applikation
Mehr Info
Fassadenansicht Gebäude SPZ in Nottwil am Sempachersee mit Mohnblume im Vordergrund
SPZ Nottwil

Laravel Webapplikation für die Stationen des Schweizer Paraplegiker-Zentrums in Nottwil

Web-Applikation
Mehr Info
Suncrest

B2B-Webauftritt mit E-Shop für Photovoltaikprodukte, erstellt mit Magento und einem Hyvä-Frontend.

E-Commerce Hosting
Mehr Info
Kestenholz Gruppe

Elegante Websites für die anspruchsvolle Kundschaft. Steigen Sie ein in die digitale Welt der Kesteholz Gruppe.

Websites Hosting Web-Applikation Optimierte Barrierefreiheit
Mehr Info

Unsere neusten Blog-Posts

20:00min
zweiblog episode #22-Vibe Coding
Technology Trends
Projektmethodik
Digitale Souverenität
Web-Applikation
Open Source Software
Podcast & Videoblog

Vibe Coding – Wie KI das Prototyping und die Softwareentwicklung revolutioniert

News 1: Apertus – Schweizer KI-Modell und digitale Souveränität
News 2: KI-Coaching – Do’s und Don’ts für professionelle Anwender
Hauptthema: Vibe Coding – Prototyping revolutioniert
Tool-Tipp: Lovable – Full-Stack-Apps ohne Code
Digitale Souverenität durch Open Source Individualsoftware für die öffentliche Verwaltung
Digitale Souverenität
Open Source Software
Projektmethodik
Web-Applikation

Digitale Souverenität durch Open Source Individualsoftware in der öffentlichen Verwaltung - Ein Leitfaden

Man stelle sich vor: Eine Schweizer Bundesbehörde, die mit einer veralteten Softwarelösung kämpft. Eine Lösung, die ihre Arbeit ausbremst. Kostspielig, unflexibel, eine Belastung für die Ressourcen. Doch was, wenn es einen besseren Weg gäbe? Eine Lösung, die für Sie geschaffen, transparent und völlig unabhängig ist? Willkommen in der Welt der Open-Source-Individualsoftware für die öffentliche Hand. Dieser Leitfaden bietet einen tiefen Einblick. In die Möglichkeiten. In die Vorteile. Aber auch in die Herausforderungen von Open Source im öffentlichen Sektor. Der Fokus liegt dabei auf der digitalen Souveränität der Schweiz. Die Vorteile sind vielfältig. Sie reichen von Kosteneffizienz bis hin zu mehr Sicherheit und Transparenz.
Podcast & Videoblog
Digitale Souverenität
Open Source Software

Open Source Software Lizenzen erklärt

News 1: Digitale Schweiz 2026 und E-ID als Wettbewerbsvorteil.
News 2: Palantir, Republik und Datenhoheit.
Hauptthema: Strategische Souveränität durch Open Source - Chance, Pflicht und Business Case unter dem EMBAG
Tooltipp: GIMP
29:00min
Analytics & Reporting
Online Marketing
Podcast & Videoblog
Projektmethodik
Technology Trends
Verschiedenes
Web-Applikation
TYPO3

Individual-Software mit OpenSource: Effizienz steigern & Lizenzkosten drastisch senken

News 1: Social Media-Nutzung in der Schweiz 2026
News 2: Neue Anforderungen für E-Mail-Zustellbarkeit
Hauptthema: Individual-Applikationen als strategischer Wettbewerbsvorteil für KMU
Tooltipp: Superhuman Go
checkliste_make_or_buy_entscheidung_software_open_source_cs2_schweiz
Web-Applikation

Checkliste: Software Make or Buy Entscheidung Individualsoftware

Diese Checkliste hilft Führungskräften und Mitarbeitenden in Schweizer Unternehmen, Verbesserungspotenziale zu erkennen, die sich mit einer massgeschneiderten Applikation (statt Standardsoftware oder Excel-Chaos) lösen lassen.
30:03min
Episode 19 - Product Feed erklärt
E-Commerce
Online Marketing
Podcast & Videoblog
Projektmethodik
Technology Trends
Web-Applikation
Verschiedenes
TYPO3

Product Feed Strategie 2026: Von Google Shopping zu KI-Agenten

News 1: Vereinfachung von Cookie-Bannern in der EU
News 2: KI bevorzugt detaillierte Falschinformationen
Hauptthema: Product Feed
Tooltip: AI- & SEO-Bot access checker

Newsletter

Wir halten Sie auf dem Laufenden! Abonnieren Sie unseren Newsletter.


Häufige Fragen (FAQ)

Was ist der Unterschied zwischen UX- und UI-Design?

UX konzentriert sich auf Bedienbarkeit und Nutzerfreundlichkeit, UI auf die visuelle Gestaltung. Erst gemeinsam entfalten sie ihre volle Wirkung.

Was kostet UX/UI Design?

Die Kosten richten sich nach dem Umfang des Projekts, etwa ob ein vollständiges Redesign, ein Facelift oder gezielte Optimierungen erforderlich sind. Wir beraten Sie gerne.

Wie läuft ein Projekt mit euch ab?

Im ersten Schritt analysieren wir gemeinsam die Ausgangslage. Anschließend definieren wir klare Ziele und die nächsten Projektschritte.

Am Beispiel eines Redesigns entwickeln wir zunächst eine Grobkonzeption, die den Ist-Zustand mit den angestrebten Soll-Zielen vergleicht. Darauf folgt die Ausarbeitung einer Informationsarchitektur (z. B. anhand einer Sitemap), in der wir gemeinsam die optimale Struktur Ihrer Inhalte erarbeiten.

Sobald Zielrichtung und Struktur feststehen, übersetzen wir die inhaltlichen Anforderungen in ein visuelles Wireframe – mit Fokus auf die Benutzerführung und das Nutzererlebnis (UX).

Im nächsten Schritt entsteht das Mooddesign, das die Farben, Schriften und Tonalität Ihrer Marke vermittelt – hier liegt der Schwerpunkt auf der visuellen Gestaltung (UI).

Sind Wireframe und Mooddesign abgestimmt, fliessen beide Komponenten in ein finales UI/UX-Design ein.

Unser Prozess ist jederzeit transparent, kollaborativ und effizient, mit Fokus auf messbare Ergebnisse und Nutzerzentrierung.