Konzeption und Gestaltung digitaler Produkte

Unsere Angebote
  • #Barrierefreiheit
  • #Prozessoptimierung
Eine Illustration, die die Erstellung einer App veranschaulicht.

Wir sind ein ganzheitlich denkendes und agierendes Team und begleiten unsere Kunden von der Idee bis zum Endprodukt – und gerne noch darüber hinaus. Das Wachstum unserer Kunden und ein damit verbundener nutzer­orientierter Ansatz treiben uns an, ein modernes Look & Feel mit solider Qualität zu verknüpfen.

Im Schulter­schluss mit unseren Kunden steht für uns das Zusammen­spiel aus Konzept, Design und Entwicklung im Fokus.

Corporate Web­sites Enter­prise Platt­formen Intra- & Extranets Mobile Apps Desktop-Anwen­dungen Shops Blogs Newsletter sowie andere digitale Produkte

Corporate Web­sites Enter­prise Platt­formen Intra- & Extranets Mobile Apps Desktop-Anwen­dungen Shops Blogs Newsletter sowie andere digitale Produkte

Gemeinsam schaffen wir Relevanz und ein nach­haltiges Produkt­design, das sich am Kunden­unternehmen orientiert und auf die Anfor­derungen der Nutzer abzielt. Dabei sind die User Experience und die Ziel­erreichung unserer Kunden die wichtigen Gradmesser für unseren Erfolg.

Felix Bischoff
Geschäftsführer websetzerei GmbH

Portraitfoto von Felix Bischoff

Die websetzerei GmbH ist eine unab­hängige, inhaber­geführte digitale Kreativ­agentur. Wir entwickeln komplexe, daten­gesteuerte Lösungen mit Fokus auf wirksamer Kommunikation, um die Sichtbarkeit von Unternehmen, Produkten und Marken zu steigern.

Eine Illustration, die zeigt wie sich UX Design, UI Design und Frontend-Entwicklung überlappen.

Als UI-Designer ist uns insbesondere das Zusammenspiel mit UX und dem Frontend wichtig. Wir freuen uns auf neue Heraus­forderungen, bei denen wir ausgefeilte Benutzer­oberflächen, einzigartige Marken­identitäten und maß­geschneiderte digitale Lösungen für Unternehmens­projekte konzipieren, entwerfen und entwickeln können.

UX, UI & FE

User Experience Design

[ˈjuːzɐ ɪkˈspɪərɪəns ˌdiˈzaɪ̯n] – Substantiv, n

Eine Illustration mit zwei Personen, die an der Struktur einer Webseite arbeiten.

Unsere Definition

Für uns bedeutet User Experience die Analyse, Ausgestaltung und Optimierung der Nutzer­erfahrung. Die Bewertung der entsprechenden Anforderung erfolgt dazu auf Basis von Erkenntnissen aus psycho­logischen Studien, Interviews und User Tests.

Dabei übersetzen wir komplexe Inhalte in ein für den User leicht zu verste­hendes Produkt.

User Journeys Map & User Flows Prozessanalyse Infor­mations­archi­tektur Umfragen & Interviews UI-Test-Manage­ment Wire­frames & Proto­typen

User Journeys Map & User Flows Prozessanalyse Infor­mations­archi­tektur Umfragen & Interviews UI-Test-Manage­ment Wire­frames & Proto­typen

Fokus

Je klarer die Anforderungen – sowohl seitens des Kunden als auch der Zielgruppe – desto schneller können wir gute Ergeb­nisse liefern. Wir analysieren frühzeitig, wie gut UX und UI zusammen­arbeiten, denn wir wollen unnötige Design- und Entwicklungs­arbeiten vermeiden. Das spart Kosten bei unseren Kunden und erhöht unser Level an Ziel­orientierung.

Unsere Tools

  • Adobe Xd
  • Figma
  • Miro
  • Mural
  • Typeform
  • Testiny

UX, UI & FE

User Interface Design

[ˈjuːzɐ ɪntə(r)feɪs ˌdiˈzaɪ̯n] – Substantiv, n

Eine Illustration mit einem Computer und Grafiktablett, worauf Grafikprogramme abgebildet sind.

Unsere Definition

Ein User Interface ist mehr als nur die Benutzer­schnitt­stelle. User Interface beschreibt für die websetzerei nicht nur den Teil einer Anwendung oder eines Systems, mit dem der Benutzer direkt in Kontakt kommt; es ist mehr als nur die visuelle Gestaltung einer Benutzer­oberfläche, mehr als nur die kreative Umsetzung entlang von Design Patterns und User Stories.

Für uns beschreibt User Interface vielmehr das visuelle Erlebnis und den optischen Aha-Effekt, den der Nutzer hat, wenn er sich mit dem digitalen Produkt beschäftigt. So verbinden wir ein durchdachtes Design mit grafischen Elementen und schaffen dadurch eine einzigartige Interaktion mit dem User.

Farb­gestaltung Typo­grafie Design Systeme Gestaltung optimiert je Anwendung Respon­sive Design Accessibility & Barrierefreiheit

Für uns beschreibt User Interface vielmehr das visuelle Erlebnis und den optischen Aha-Effekt, den der Nutzer hat, wenn er sich mit dem digitalen Produkt beschäftigt. So verbinden wir ein durchdachtes Design mit grafischen Elementen und schaffen dadurch eine einzig­artige Interaktion mit dem User.

Farb­gestaltung Typo­grafie Design Systeme Gestaltung optimiert je Anwendung Respon­sive Design Accessibility & Barrierefreiheit

Fokus

Wir streben bei der Gestaltung ein einheitliches Markenbild an und verfolgen die Paradigmen der integrierten Kommu­nikation. Klare Strukturen geben Orientierung und führen den User durch die Benutzer­oberfläche. Der Anwender soll Vertrauen zu Produkt, Marke und Unternehmen aufbauen. Für uns stehen dabei sowohl Seriosität als auch Kompetenz im Vordergrund.

Unsere Tools

  • Adobe Xd
  • Figma
  • Photoshop
  • Illustrator
  • Icomoon

Als UI-Designer ist uns insbe­sondere das Zusammen­spiel mit UX und dem Frontend wichtig. Wir freuen uns auf neue Heraus­forderungen.

UX, UI & FE

Frontend-Entwicklung

[frʌnˈtend ɛntˈvɪklʊŋ] – Substantiv, f

Eine Illustration mit mehreren Figuren, die den Quellcode eines digitalen Projekts besprechen.

Unsere Definition

Bei der Entwicklung des Frontends wird Design technisch übersetzt, um es anschließend im Zielsystem mit der eigentlichen Anwendung zu verknüpfen. Das Ergebnis zeigt dann zwar lediglich Demodaten, kommt aber bezüglich seines Verhaltens sehr nah an das fertige Produkt heran.

Wir vermeiden komplexe Lösungen – und das schon während der Gestaltung.

Arbeit mit CSS-Pre­prozessoren LESS & Sass Je Anforderung verschie­dene CMS Komponenten­struktur & Daten­modell Atomic Design Living Style­guide

Arbeit mit CSS-Prepro­zessoren LESS & Sass Je Anforderung verschie­dene CMS Kompo­nenten­struktur & Daten­modell Atomic Design Living Style­guide

Fokus

Wir begleiten die Prozesse auf technischer Ebene unter Berück­sichtigung der gestalterischen Aspekte. Dabei übergeben wir alle wichtigen Informationen zur weiteren technischen Entwicklung und unterstützen bei der Vorlagen­erstellung und Implemen­tierung.

Unsere Tools

  • PhpStorm
  • WebStorm
  • Git (Gitlab)
  • Bootstrap 4 & 5
  • MDBootstrap
  • Pattern Lab

Unsere Angebote

Barriere­frei und prozess­optimiert – digitale Lösungen für mehr Wirkung

Digitale Barrierefreiheit – Basis moderner Webseitengestaltung

Digitale Barrierefreiheit ist ein wichtiger Bestandteil zukunftsfähiger Webseiten. Optimierte Webseiten stellen sicher, dass die Inhalte für alle Menschen nutzbar sind – unabhängig davon, welche persönlichen Fähigkeiten oder technischen Voraussetzungen sie haben. Digitale Barrierefreiheit schafft die Grundlage für eine klare Kommunikation, ein nutzerfreundliches Design und eine erfolgreiche digitale Präsenz.


Barrierefreiheit schafft Mehrwerte. Die wichtigsten Vorteile im Überblick:

  • Mehr Reichweite und neue Zielgruppen durch inklusive Zugänglichkeit
  • Positionierung als Unternehmen mit Haltung und Weitblick
  • Gesetzliche Sicherheit durch erforderliche und relevante Anpassungen
  • Suchmaschinenoptimiert, benutzerfreundlich und wirksam in der Kundengewinnung
  • Vorsprung durch klare Abgrenzung vom Wettbewerb

Ab 2025 ist digitale Barrierefreiheit für viele Unternehmen gesetzlich verpflichtend. Sprechen Sie uns an. Wir prüfen für Sie, ob Ihr Unternehmen betroffen ist – und was genau zu tun ist.

Starten Sie jetzt mit uns in eine barrierefreie Zukunft!

Digitale Prozessoptimierung – Effizientere Abläufe für Ihre Webseite

Eine Webseite lebt nicht nur von der Optik und der Technik, sondern von durchdachten Abläufen, die im Idealfall auf die Unternehmensprozesse abgestimmt sind. Eine verbesserte Webseite unterstützt und vereinfacht, reduziert manuelle und wiederkehrende Aufgaben, minimiert Fehler – und schafft so ein digitales System, das erfolgreich arbeitet. Für reibungslose Arbeitsabläufe und bessere Ergebnisse im digitalen Alltag.


Webseiten, die mitdenken – deshalb lohnt sich Prozessoptimierung:

  • Vereinfachung von Datenerfassung und -verwaltung dank digitaler Lösungen
  • Nahtlose Einbindung der Webseite in bestehende Systeme und Abläufe
  • Höhere Effizienz durch Automatisierungen, die das Tagesgeschäft beschleunigen
  • Kostenersparnis durch reduzierten Arbeitsaufwand und weniger Fehler
  • Höhere Kundenzufriedenheit durch einfach zu nutzende Webseiten

Eine erfolgreiche Prozessgestaltung wird für Unternehmen immer wichtiger. Wir prüfen, wie gut Ihre Webseite auf Ihre Unternehmensabläufe abgestimmt ist, und definieren konkrete Verbesserungsmöglichkeiten für mehr Effizienz.

Lassen Sie uns gemeinsam Ihre Webseite optimieren!

Über uns

Kurze Vor­stellungs­runde für Sie

Felix Bischoff

Mit annähernd 20 Jahren Erfahrung in den Bereichen Design, Typo­grafie und Layout­erstellung von digitalen Produkten freut sich Felix über jede neue Heraus­forderung, die er meistern darf. Dabei ist die Typo­grafie sein persönliches Stecken­pferd. Er verbindet gerne Profes­sionalität, Strukturen und Qualität mit einem Finger­spitzen­gefühl für Details und grafische Elemente – gerne immer in dem Mix, den der Kunde benötigt. Denn der Kunde mit seinen Bedürfnissen steht für Felix im Mittelpunkt.

Privat ist Felix gerne in Frankreich unterwegs, hat ein Faible für Japan und ist ein absoluter Genuss­mensch. Außerdem verbringt er viel Zeit mit seiner Familie und seinem Sohn.

Ein Portraitbild des UI-Designers Felix Bischoff

websetzerei GmbH

Für die websetzerei GmbH sind Partnerschaft und Teamgeist zwei ganz essentielle Begriffe. Langfristige Kunden­beziehungen auf Augenhöhe sind dem Unternehmen mindestens genauso wichtig wie glückliche Mit­arbeitende, die einen guten und gesunden Austausch miteinander pflegen.

Mitte 2022 in Frankfurt am Main nach langjährigem Bestehen als Einzel­unter­nehmen gegründet verfügt das Unternehmen über einen festen Pool an Netzwerk-Kolleg:innen, mit denen der Geschäftsführer teilweise bereits seit vielen Jahren zusammen arbeitet.

Dabei liefern wir maßgeschneiderte, durchdachte Ergebnisse und streben gleichzeitig danach, immer besser zu werden. Wir arbeiten gerne kollaborativ, agil und eher in kollegialen als durch­hierarchi­sierten Strukturen. Auf Augenhöhe eben.

Das Unternehmen ist auf Wachstum ausgerichtet und geht davon aus, bis 2026 einen Stamm von mindestens 5 festen Mitarbeitern aufzu­weisen.

Eine Illustration mit drei Personen, die gemeinsam an einem Projekt arbeiten.

Offene Stellen

Hallo, wir vergrößern unser Team. Die websetzerei GmbH ist immer auf der Suche nach Talenten mit Leidenschaft für Design, Nutzer­orientierung und/oder tech­nischem Knowhow. Um sich zu bewerben, bitte Lebenslauf und Arbeits­proben an uns! Werde Teil der websetzerei.

  • Frontend-Entwickler:in (JavaScript) Voll- oder Teilzeit
  • Werkstudent:in (UX/UI Design) 20 Std. / Woche
  • Werkstudent:in (Redaktion / Marketing) 10 Std. / Woche

Kontakt

Melden Sie sich bei uns

Eine Illustration mit Headset, Briefumschlag und Kugelschreiber, die für den Kontaktbereich stehen.

Sie suchen für Ihr Projekt einen Partner für UI-Design und/oder für die Erstellung von Websites und Apps? Bei Fragen oder einfach nur um Hallo zu sagen, nehmen Sie Kontakt mit uns auf.

info@websetzerei.de oder 069 / 83 04 96 32

Zurück zum Seitenanfang