Kardex Remstar (November 2018 – Dezember 2020)
Projektbeschreibung/Tätigkeit: Information Architecture (IA), User Experience Design (UX) und User Interface Design (UI) sowie FrontEnd Entwicklung
Anforderung: Kardex Remstar ist Marktführer in mobilen Hochregallagern. Für die Steuerung dieser Regale musste ein neues UI Design für die Software entwickelt werden. Die Arbeit umfasst hier ein einheitliches Bedienkonzept und Aussehen für die gesamte Software Produktpalette und dem Ausarbeiten neuer Arbeitsprozesse. Das UI Konzept wurde auf Basis der "atomic Design Principles" und BEM (Block Element Modifier) Struktur umgesetzt (objektorientiertem CSS). Ein wichtiger Bestandteil bestand auch in dem Anlegen einer Dokumentation in Confluence, um die Bibliothek der UI Elemente für neue Programmierer und Projekte bereit zu stellen.
Technologien/Methoden: Information Architecture, User Experience Design, Angular, SASS, HTML, CSS, Illustrator, Photoshop, Adobe Experience Design (XD), Projectmanagement (Jira, Scrum), Dokumentation in Confluence.
Kunde: Fiducia
Projektbeschreibung/Tätigkeit: UI/UX-Design einer SaaS-Lösung für Banken inklusive Frontend-Entwicklung und Themedesigner
Anforderung: Fiducia GAD & msgGillardon sind die größten IT-Unternehmen für die Entwicklung von bankenspezifischen Lösungen in Deutschland. Für eines ihrer neuen Produkte (EGP), das im Frühjahr auf den Markt kommt, fehlte noch ein einheitliches Benutzungsoberfläche. Eine der großen Schwierigkeiten und Herausforderungen bestand darin, die diversen UI/UX-Konzepte zu sichten und zu evaluieren, um daraus dann eine stimmige Oberfläche zu entwickeln. Durch meine Qualifikation als UI/UX-Experte und auch meiner Frontend-Erfahrung war ich in der Lage die diversen Interessen und Strömungen zu kanalisieren und die unterschiedlichen Parteien wieder zusammen zu bringen. Eine weitere Aufgabe bestand darin mit einem rumänischen Entwicklungsteam zusammen zu arbeiten und diese zu instruieren (Englisch als Teamsprache + schreiben der Dokumentation).
Technologien/Methoden: Konzeption (UX/UI), HTML/CSS, JavaScript, Ajax, jQuery, Vue.js, Patternfly
Konzepter für Agentur Nexum
Projektbeschreibung/Tätigkeit:
- Entwicklung diverser Bestandteile des Webseiten Relaunches für das Schweizer Unternehmen Coop.
- Gestaltung von interaktiven Prototypen (UX/UI) in Axure.
Nexum wurde von Coop damit beauftragt, die Konzeption des Relaunches und die Frontend-Entwicklung zu übernehmen. Hierzu wurde ein
Komponentenbaukastensystem entwickelt. Konform mit diesem System wurden von mir einige Projekte konzeptioniert.
Konzept für Veranstaltungen: Für das AEM Adobe Experience Manager CRM sollte eine Lösung entwickelt werden, über die sich Kunden für Veranstaltungen
anmelden können. Hierbei sollte es auch Veranstaltungen mit Registrierungen geben.
Konzept für Aktionen: Auf den Coop Webseiten gibt es exklusive Online Angebote (Webcoupons). Die Konzeption des UI und der Interaktion musste entwickelt und dokumentiert werden.
Konzept für Stellenangebote & Ausbildungen: Für Coop ist das Finden von neuen Mitarbeitern und Auszubildenden ein wichtiger Aspekt ihrer Webseite. Das bestehende Konzept musste überarbeitet, angepasst und dokumentiert werden (responsive).
Konzept für Trophy Miles & More: Beim Einkauf bei Coop erhält der Kunde Bonusmeilen für das Miles & More Programm der Lufthansa. Die bestehende Lösung sollte für "responsive Layout" modifiziert und dokumentiert werden.
Technologien/Methoden: Wireframing mit Axure, Konzepterfassung in Confluence
AISO-Lab (September 2017)
Projektbeschreibung/Tätigkeit: Frontend/Backend-Entwicklung für ein Artificial Intelligence/Künstliche Intelligenz (AI/KI) System
Anforderung: AISO-Lab (aiso-lab.com) entwickeln AI-Lösungen für Unternehmen, wobei AISO-Lab ein System besitzt, automatisch zu erkennen, welcher AI-Algorithmus für ein Problem geeignet ist und entsprechend die Parameter anzupassen. Für die Eingabe und Training der AI musste ein User Interface entwickelt werden sowie die Software Architektur (DB Schema) und das Backend (PHP).
Technologien/Methoden: Konzeption (UX/UI), HTML/CSS, JavaScript, Ajax, PHP, MySQL, jQuery, multiselect.js, shortcuts.js, isotope.metafizzy.co
Bauking (September 2017)
Projektbeschreibung/Tätigkeit: Frontend Anpassungen Versacommerce Shopsystem/eCommerce
Anforderung: Diverse Änderungen und Fehlerbehebungen auf der Bauking Shop website.
Technologien/Methoden: HTML/CSS, JavaScript, Liquid Template Language
Targobank (Februar - Mai 2017)
Projektbeschreibung/Tätigkeit: Frontend-Entwicklung für die Targobank.de Webseite
Filialensuche
Anforderung: Umsetzung der Filialensuche für Mobilgeräte (als responsive Design) für die Webseite und die Integration neuer Funktionalität über die Google Maps API. Hierzu musste ein System entwickelt werden, mit denen die Daten aus einer extrahierten CSV-Liste in ein XML-Format & JSON-Format gewandelt wurde (PHP-Skript). Ein wesentlicher Aspekt war auch die Optimierung der Filialenseiten für Suchmaschinen durch die Auszeichnung der Adressen in der Schema.org Synthax.
Integration Ekomi Kundenbewertungen
Anforderung: Ekomi ist ein Kundenbewertungsportal. Die Bewertungen der Targobank Kunden (Text und Sternebewertung) sollten importiert und auf der Webseite angezeigt werden. Umsetzung: Import der Bewertungen von Ekomi über einen Ajax/Json-Aufruf. Die Darstellung der Datensätze wurde dann für eine responsive Darstellung optimiert.
Clickdemo
Anforderung: für das Online Banking und für die Mobile Banking App sollte ein Clickdemo entwickelt werden, damit Neukunden gezeigt werden kann, wie sie damit umgehen. Ziel war hierbei auch gleichzeitig, den Kunden einige der Dienstleistungen zu verkaufen (Aktienverwaltung, Darlehenantrag). Das Clickdemo ist Teil des "After Sales" Prozesses der Bank.
Umsetzung: Da die Seiten von der normalen Webseite runtergeladen werden, ging es darum, eine Möglichkeit zu finden, diese so einfach wie möglich für den Offline Betrieb
anzupassen. Ein PHP-Skript macht dies automatisch, während über JavaScript hier einige der Funktionen der Webseite simuliert werden. Zusätzlich wurde noch ein Interface entwickelt, um die Darstellung auf Desktop, Tablet und Mobil zu simulieren.
Technologien/Methoden: Projektmanagement, Konzeption (UX/UI), Bootstrap, responsive Design, HTML/CSS, JavaScript, Ajax, PHP, jQuery, PageUIkit, Ekomi API, Google Maps API, List.js, Liquid Template Synthax, Microsoft Visual Studio Code IDE