Web-Consultant / Web-Fullstack Engineer / Angular / NextJS / TypeScript

nunu-web ist ein Team bestehend aus zwei Web-App-Entwicklern, die sich mit ihren Fähigkeiten perfekt ergänzen. Als wir mit nunu-web starteten, entschieden wir uns, eine sehr einfache, quick & dirty Lösung einer Website zu implementieren, um sie später, sobald wir die Zeit dafür finden, zu überdenken und neu zu gestalten. Im Gespräch mit mehreren Interessenten stellten wir fest, dass sie uns nicht als ein Team von zwei Personen wahrnehmen, sondern als zwei einzelne Freiberufler. Es war an der Zeit, das zu ändern.

Außerdem war es sehr zeitaufwendig, die Inhalte auf unserer Website und unseren PDF-Profilen zu aktualisieren.
Zunächst mussten wir den Fokus unserer Website von zwei einzelnen Freiberuflern auf nunu-web als Ganzes verlagern. Deshalb entfernten wir die einzelnen Profile von unserer Website und entwarfen eine neue Seitenstruktur, die in erster Linie nunu-web und seine Projekte mit einem Hinweis darauf, wer an diesen Projekten gearbeitet hat, darstellt.
Um die Inhalte für unsere Website und Profile einfach hinzufügen und bearbeiten zu können, entschieden wir uns für ein Headless CMS (Content Management System). Es enthält einen gemeinsamen Datensatz für die Website und die Profile. Auf diese Weise müssen wir unsere Website- und Profil-PDFs nicht mehr einzeln bearbeiten.
Da wir uns eine Zusammenarbeit mit englischsprachigen Unternehmen gut vorstellen können, haben wir uns auch entschieden, unsere Website und Profile sowohl auf Deutsch als auch auf Englisch auszuliefern.
Nicht zuletzt müssen auch die Kontaktmöglichkeiten neu gestaltet werden. In Zukunft hat ein Interessent zwei Kontaktmöglichkeiten:
- wenn wir verfügbar für eine Auftragsvergabe sind, gibt es einKontaktformular, oder
- wenn nicht, gibt es den Hinweis, sich für einen "Verfügbarkeits"-Newsletteranzumelden.
In beiden Fällen erfahrt ihr, wann wir für einen Auftrag frei sind.
Als Headless CMS wurde SanityIO eingesetzt. Sanity ist ein sehr leichtgewichtiges und anpassbares CMS, in welchem wir Daten über z.B. Projekte und Autoren in Deutsch und Englisch speichern. So haben wir die Möglichkeit, alle Daten einfach an einem Ort zu speichern und für die Website und Profil-PDFs zu nutzen. Für das Frontend verwendeten wir NextJS mit statischer Seitengenerierung, das auf ReactJS aufbaut, weil es uns
- das Look & Feel einer Web-App,
- die Leistung einer statischen Website und
- Vorteilebei SEO (Suchmaschinenoptimierung) gibt.
Das UI/UX-Design wurde mit Figma erstellt und mit TailwindCSS implementiert/generiert. Jede Seite wird dynamisch aus den von Sanity abgerufenen Daten generiert. Wir implementierten auch meta-, opengraph und jsonld-Tags für jede Seite, um SEO und Vorschaukarten zu optimieren. Wenn Sie die Website ohne Pfadangabe öffnen, wird die bevorzugte Browsersprache verwendet. Sie können auch in der Kopfleiste zwischen den Sprachen umschalten. Unsere Profil-PDFs werden jetzt dynamisch aus HTML mit den Daten von Sanity generiert.
Das wird noch kommen:
Interessenten können uns derzeit auf unserer Website kontaktieren, indem sie einen Termin über Calendly buchen. Während Calendly ein super praktisches Tool ist, bekommen wir zu viele Nachrichten - nicht nur von echten Personen. Der neue Ansatz sieht eine Kontaktseite vor, die (abhängig von den Projekt-Enddaten von Sanity) ein Kontakt- oder ein Newsletter-Anmeldeformular ausgibt, das euch über den aktuellen Stand unserer Verfügbarkeit informiert.

Die Firma corpuls ist ein weltweit agierendes Unternehmen, welches sich auf die Entwicklung und Produktion von Medizintechnik spezialisiert hat und diese vertreibt.
Eines der Produkte ist die corpuls.mission App, die verschiedene Module für kollaboratives Arbeiten zwischen Rettungskräften vor Ort und Telenotärzten anbietet. Darunter zählen Module wie Einsatz-Chats und Video-Telefonie. Dies erlaubt es Telenotärzten benötigte Maßnahmen anzuordnen, die zeitkritisch für den Patienten sind und somit lebensrettend sein können.
Für eine hohe Flexibilität wird die Applikation als Web-App für Desktop-PCs und mobile App für iOS und Android angeboten. Zusätzlich müssen Rettungskräfte ihre Einsätze dokumentieren und alle Befunde sowie Maßnahmen für eine Übergabe erfassen. Bisher geschah dies auf Vordrucken, deren Ausfüllung durch Unübersichtlichkeit und Fehleranfälligkeit erschwert wird. Daher ist ein möglichst intuitives und unterstützendes Tool zur Dokumentation nötig, welches deutlich besser und direkter auf den Einsatz zugeschnitten ist.
Um unser Verständnis für die Anforderungen der Rettungskräfte zu verbessern, wurden wir zu einem praktischen Workshop eingeladen. Während dieses Workshops wurde ein Rettungsvorgang vom Eintreffen bis zum Transport in einem echten Rettungswagen mithilfe von geschulten Sanitätern simuliert.
Für die Dokumentation wird ein neues Modul corpuls.mission REPORT entwickelt. corpuls entwickelt für dieses Modul eine Web-Applikation, mobile Apps für iOS und Android sowie das dazugehörige Backend. Der Fokus liegt auf einer guten UX (Benutzerfreundlichkeit), insbesondere während eines Rettungseinsatzes. Dabei nutzen wir für medizinisches Personal bekannte Schemata wie FAST und ABCDE und bieten diese so an, dass Sie einfach und schnell sowohl am PC, als auch auf einem Tablet ausgefüllt werden können.
Unser Team ist für die Entwicklung der Web-App zuständig. Für die Web-Oberfläche wird auf das Angular Framework gesetzt, die Programmierung selbst wird mit TypeScript durchgeführt. Das Backend baut auf eine Spring-Boot-Applikation mit Java auf und bietet REST-Schnittstellen, wie auch Web Sockets für die verschiedenen Clients. Für die Datenbank verwenden wir eine MongoDB.
Da die Applikation weltweit im Einsatz ist, implementierten wir einen internationalisierten Hybriden, der jedem Kunden ein hohes Maß an Individualisierbarkeit der Terminologien anbietet.

Ein deutscher Industrieversicherer mit eigener Software-Entwicklungsabteilung möchte jeden Versicherungstarifrechner auf seiner Website überarbeiten. Dafür entwickeln wir neue Apps in Agular.

Ich habe für 4 Teams gearbeitet und mehrere Angular-Komponenten für verschiedene Tarifrechner implementiert, indem ich Inhouseentwickelte UI-Komponenten verwendete. Nicht nur das Look-and-Feel des Frontends wurde modernisiert – wir haben auch Tools wie A/B-Tests zur Verbesserung der Kundenzufriedenheit und eine bessere automatisiertes Error-Reporting implementiert, um in Produktion noch schneller auf technische Probleme reagieren zu können. Wir arbeiteten nach Scrum.