Frontend Development

Wir bieten unterstützen euch bei allen Herausforderungen der UI- und Softwareentwicklung:

• UI-Entwicklung
• Custom UI Controls
• Templates & UI-Bausteine
• UI-Prototyping
• Automated UI Testing
• Beratung UI-Implementierung
• Anwendungs-Entwicklung (Cloud-Architektur, App & Web Entwicklung)
• Medizinischen Softwareentwicklung nach IEC 62304 

Unser USP: Wir sind spezialisiert auf die Erstellung von Custom UI Controls. Diese entwickeln wir sowohl im HTML5 Framework unabhängig auf Basis von Web-Components als auch in .NET mit WPF.  Ergänzend erstellen wir UI-Bibliotheken/Frameworks zum Beispiel mit Storybook. Unsere Expert:innen übernehmen das Stylen aber auch die komplette Umgestaltung von UI-Frameworks und erweitern bestehende Frameworks um neue bzw. angepasste Controls. Dabei arbeiten wir in unseren Projekten mit Frameworks wie Google Materials und Primefaces (PrimeNG/PrimeReact) oder mit dem Framework eurer Wahl.

Wir überführen euren Styleguide in Code. Wir layouten euer UI und liefern alle nötigen Templates und UI-Bausteine für das Frontend eurer App, Anwendung oder Website. Dabei arbeiten wir eng mit den Entwickler:innen der Applikationslogik sowie des Backends zusammen und integrieren uns als Frontend-Ingenieur in euer Entwicklungs- und Gestaltungs-Team.

Macht eure Anwendung bereits in einer frühen Entwicklungsphase greifbar. Präsentiert die Funktionalität eures Produkts zum Beispiel als Messe-Show-Case und testet die erste Resonanz eurer Nutzenden. Wir entwickeln interaktive, produktnahe Prototypen. Mit diesen könnt ihr Interaktionen und Eingabemöglichkeiten bereits in einer frühen Entwicklungsphase mit geringem Aufwand testen. Wir analysieren die technische Machbarkeit, indem wir die zu prüfenden Aspekte prototypisch implementieren. Gemeinsam mit euch ermitteln wir auf Basis der spezifischen Anforderungen, welche Technologie und welche Hardware (zum Beispiel Arduino) sich zur Umsetzung des Prototyps eignen.

Als Teil unserer Entwicklungspraxis führen wir automatisierte Tests für unsere UI-Implementierungen durch, einschließlich Unit-Tests und UI/Integrations-Tests. Mithilfe von UI-Testing – oder auch GUI-Testing – testet ihr durch den Ablauf von programmierten Szenarien eure UI automatisch. Ihr simuliert den User beim Klicken und Navigieren durch die Anwendung und könnt so vollständige Workflows und Funktionalitäten prüfen. Automatisierte UI Tests stellen zum Beispiel sicher, dass sich die Elemente einer Anwendung visuell gleich verhalten, Workflows werden nach denselben Kriterien überprüft. In unseren Projekten entwickeln wir für euch die passenden Testszenarien, stellen die Testumgebung bereit und bereiten Testberichte auf.

• Einheitliches Erscheinungsbild und Verhalten aller Elemente gemäß Styleguide
• Regelmäßige Überprüfung von Workflows mit den gleichen Kriterien
• Vermeidung unerkannter Nebenwirkungen neuer Implementierungen in die bestehende Anwendung
• Wiederverwendbarkeit einmal erstellter Tests
• Besonders bei komplexen Apps, wie sie in Industrie-Anwendungen vorkommen, bieten UI-Tests eine gute Möglichkeit zur umfassenden Fehlerbehebung
• Breite Kompatibilität durch Tests auf verschiedenen Endgeräten, Browsern und Betriebssystemen bei Webanwendungen
• Schnelle und kostengünstige Stabilisierung bestehender oder neuer Apps sowie frühzeitiges Erkennen von Fehlern

Wir beraten euch gerne in allen Phasen des Software-Engineering-Prozesses – ob bei der Auswahl der Technologie oder der Umsetzungsstrategie. Dazu tauschen sich unsere Architekt:innen gerne mit euch aus, um das Zusammenspiel aus Frontend und Backend reibungslos zu gestalten und die richtigen Tools und Bibliotheken einzusetzen.

Entwerft mit uns maßgeschneiderte Software-Lösungen. Bei uns arbeiten User Researcher, Interaktionskonzepter, UX Designer und Software Engineers täglich Hand in Hand. Das ermöglicht ein optimales Zusammenspiel zwischen Konzept, Design und Entwicklung. Als Mitglied der BAYOONET Group stellen wir das für eure Anwendung benötigte Software-Knowhow zur Verfügung und begleiten euch durch den gesamten Software-Lifecycle. Wir übernehmen nicht nur die Umsetzung eures UIs, sondern auch die komplette Anwendungs-Entwicklung. Ob medizinische Software oder E-Commerce- und CMS Lösungen, ob KI-Projekt oder Cloud-Entwicklung – wir vereinen alle Kompetenzen für die Umsetzung eurer Software-Lösung unter einem Dach.

Wir programmieren mit BAYOOTEC maßgeschneiderte Software, die zu eurem Unternehmen passt und die individuellen Anforderungen und Bedürfnisse eurer User erfüllt. Das umfasst die Entwicklung von innovativen Plattformen, cloudbasierten Portalen und Web-Anwendungen sowie E-Commerce Lösungen. Digital Experience Plattformen (DXP und CMS) und Business-Intelligence (BI-)Lösungen zählen genauso zu unserem Portfolio wie mobile, hybride und Progessive Web Apps (PWA).

Leistungen im Überblick:

• .NET Entwicklung
• Cloud Entwicklung
• App Entwicklung
• E-Commerce
• Automatisierung
• Web Entwicklung
• CMS / DXP / Webseiten

Unsere Schwester-Firma BAYOOMED ist zertifiziert nach ISO 13485 und setzt seit mehr als 10 Jahren Software-Projekte nach IEC 62304 erfolgreich im regulierten Medizin- und Pharmaumfeld um. Unter dem Label YOOme bieten wir als größter Unternehmensverbund in Europa alle Leistungen rund um die Entwicklung medizinischer Software, Medical Apps (embedded, Desktop-, Web- oder Cloud-basiert), Software as a Medical Device oder Digitale Gesundheitsanwendungen (DiGA).

Wir legen großen Wert auf Qualität und setzen auf Barrierefreiheit, Responsives Design und Clean-Code. Agile Methoden wie Scrum sind fest in unserer Arbeitsweise verankert, um effektiv und flexibel zu bleiben.

Wir erarbeiten mit euch Schnittstellen für die Anbindung des UI an die Geschäftslogik oder Backend-Dienste. Dabei setzen wir auf die aktuellen Best-Practices in den jeweiligen Technologien wie Angular/React bei HTML5, WPF/XAML in NET. Unter anderem mit dem MVVM-Pattern und einer deklarativen Beschreibung der UI entkoppeln wir sie von der Anwendungslogik. Durch modulare Programmierung halten wir eure Anwendung nicht nur ausbaufähig, übersichtlich und wartbar, eure Lösung ist zudem auch für weitere Projekte einsetzbar und dank unserer erprobten Best Practices stets State of the Art.

Mit HTML5, JavaScript und CSS entwickeln wir Web-Anwendungen für verschiedene Zielplattformen wie Smartphones, Tablets oder Industrie- und Desktop-PCs. Dabei ist die Plattformunabhängigkeit ein klarer Vorteil von HTML5. Ohne dass Anpassungen notwendig sind, läuft eine HTML5-Anwendung auf jedem Gerät und jedem Betriebssystem.

Mit unserer langjährigen Expertise in Microsoft .NET erstellen wir ein breites Spektrum sicherer und robuster Anwendungen. Mit dem .NET Framework integriert ihr eure Anwendung nahtlos in die bestehende Microsoft-Infrastruktur – egal ob klassische WPF-Desktop-Anwendungen, responsive Universal Windows Apps, Windows Server oder Microsoft Azure. Auch unterschiedliche Zielplattformen können dank Xamarin oder unter Windows 10 mit der Universal-Windows-Plattform mit ein und derselben Code-Basis realisiert werden. C# und XAML sind dabei unsere Spezialität: So setzen wir auch hochkomplexe Visualisierungen mit .NET genau und speziell an euren Bedarf angepasst um. Das MVVM-Pattern sorgt für eine klare Trennung von Logik und Gestaltung.

• HTML5: Die grundlegenden Webtechnologien HTML5/CSS ermöglichen die Erstellung von statischen Webseiten und sind die Basis für die meisten UI-Implementierungen. Eine HTML5-Anwendung kann direkt über einen beliebigen HTML5-Browser ausgeführt werden. HTML5-Anwendungen sind zudem optisch leicht anpassbar und stark individualisierbar sowie Theme-fähig. Außerdem lassen sich Multimedia, 3D-Inhalte und Animationen integrieren.
• JavaScript: Als Sprache für die interaktive Gestaltung von Webseiten bietet JavaScript vielfältige Möglichkeiten zur Entwicklung ansprechender Benutzungsoberflächen. Frameworks wie React, Angular und Vue.js erweitern die Möglichkeiten von JavaScript.
• React: Eine beliebte JavaScript-Bibliothek zur Erstellung von User Interfaces. React ermöglicht die Erstellung wiederverwendbarer UI-Komponenten und eine effiziente Aktualisierung der Benutzeroberfläche.
• Angular: Ein umfassendes JavaScript-Framework für die Entwicklung von Webanwendungen. Angular bietet eine Vielzahl von Funktionen, einschließlich eines leistungsstarken Datenbindings und eines umfangreichen Ökosystems.
• Flutter: Eine plattformübergreifende UI-Technologie, die von Google entwickelt wurde. Flutter verwendet die Programmiersprache Dart und ermöglicht die Entwicklung von nativen Benutzeroberflächen für mobile Apps, Web und Desktop.

Kommt eure Software in spezifischen Kontexten wie im Industrie- oder Medizinumfeld zum Einsatz, geht es bei der Entwicklung nicht darum die WCAG-Richtlinien 1:1 umzusetzen. Der Fokus liegt in solchen fachspezifischen Kontexten nicht darauf, dass jeder Mensch mit seinen individuellen Einschränkungen die Anwendung nutzen kann. Vielmehr geht es darum, dem Fachpersonal, das diese Software bedient, einen effizienten Zugang zu bieten.

Im Industrieumfeld, bei komplexen B2B-Anwendungen oder medizinischer Software ist kontextsensitive Barrierefreiheit besonders wichtig, da diese Anwendungen häufig in komplexen und anspruchsvollen Umgebungen eingesetzt werden. Für die Entwicklung barrierefreier, positiver UX-Erlebnisse müssen gezielt die Anforderungen von Nutzenden und der Nutzungskontext berücksichtigt werden.