Jan Amann

Partner für User Interface Entwicklung und Design

Meine Leidenschaft ist die Entwicklung von webbasierten Produkten mit besonderem Anspruch an Design, Usability und Performance. Ich bin technologisch spezialisiert auf React, Node.js und GraphQL.

Leistungen

Ich arbeite sowohl mit Start-ups als auch etablierten Unternehmen zusammen. Der wichtigste Aspekt für mich ist eine bedeutungsvolle Lösung zu schaffen die Mehrwert für Menschen bietet.

React Apps

Mit 5 Jahren Erfahrung mit React und mehr als 3 Jahren GraphQL, kann ich Ihnen beim Entwurf und der Umsetzung von anspruchsvollen Apps helfen, die gerne verwendet werden.

Komponentenbibliotheken

User Interfaces sind komponentenbasiert. Ich identifiziere in Ihrem Projekt die grundlegenden Bausteine und versehe diese mit flexiblen Schnittstellen. Dadurch stehen Ihre Apps auf einem soliden Fundament.

Mobile Apps

Um eine großartige User Experience auf Mobile zu erreichen muss Performance an erster Stelle stehen. Das bedeutet jedoch nicht, dass Kompromisse bei Animationen oder nützlichen Touch-Gesten gemacht werden müssen.

Consulting und Code Reviews

Ich gebe mein Wissen gerne im Rahmen von Projektplanungen, Workshops und Reviews weiter. Ich arbeite mich in Ihre Probleme ein und finde mit Ihrem Team gemeinsam eine passende Lösung.

Ausgewählte Projekte

Millionen von Setlists stets zur Hand

Neues Editierinterface für setlist.fm

Mit Millionen von monatlichen Aufrufen zählt setlist.fm zu den populärsten Musik-Services der Welt und ermöglicht es seinen Usern ihr Wissen über Konzert-Setlists miteinander zu teilen. Das Team von Molindo machte sich daran das Herzstück der Plattform neu zu denken: Das Hinzufügen und Editieren von Setlists. Für die Implementierung des User Interfaces wurde ich als Entwicklungspartner beauftragt.

Das Frontend dieses Projekts besteht aus vier React Widgets welche nahtlos in die existierende Plattform integriert sind und mit einer GraphQL API kommunizieren. Um den hohen Erwartungen an Mobile Apps gerecht zu werden wurde besonderer Fokus auf Touch-Gesten, hilfreiche Animationen, Runtime Performance und einen Offline-first Ansatz gelegt.

Add a setlist

Bausteine für anspruchsvolle User Interfaces

React-basierte Komponentenbibliothek

Alpine Electronics ist ein internationales Unternehmen, das sich auf Audio- und Navigationssysteme für Autos spezialisiert hat. Die Firma zählt Hersteller wie BMW, Audi und Mercedes zu ihren Kunden und hat mehr als 13.000 Angestellte. Ziel dieses Projekts war es eine umfangreiche Bibliothek an React-Komponenten zu schaffen, welche zukünftig die benutzerfreundliche Grundlage für Datenmanagementapps bildet.

Um diese Herausforderung zu bewältigen, wurde ein 6-köpfiges Team von Frontend Spezialisten von alm engineering, Peerigon, compose.us und mir geschaffen. Mein Beitrag umfasste Anforderungserhebung in Workshops, Spezifikation von Funktionen & Komponenten APIs, UX Design, Frontend Development, Code Review und die Definition von GraphQL APIs. Eine Palette von mehr als 150 Komponenten bildet nun die Grundlage für 20 Application Packages – Tendenz steigend.

Per Dialog zur neuen Küche

Küchenfinder Planungsapp

Küchenfinder unterstützt Sie beim Kauf Ihrer neuen Küche. Wer unentschlossen ist, kann sich mittels dieser App Frage für Frage zur Traumküche durchklicken.

Küchenfinder ist ein Projekt von Molindo. Mein Beitrag war die Umsetzung des Frontends mit React. Da bei dieser App größtenteils Client-seitiger State anfällt, setzte ich auf Redux als State Management Lösung.

Zur App

Datengetriebene Empfehlungen

Dashboard für Küchenanbieter

Jeden Monat informieren sich mehr als 120.000 Besucher auf Küchenfinder. Anbieter können sich anmelden und Kriterien, Leistungen & Daten erfassen, wodurch die Vermittlung von Wunschkunden mittels einer Suchmaschine ermöglicht wird. Kundenanfragen können von Anbietern selbständig in dieser App verwaltet werden.

Für diese App entwickelte ich eine Bibliothek, die mehr als 100 flexibel wiederverwendbare Komponenten umfasst und die Grundlage sämtlicher Screens darstellt. Außerdem habe ich eine GraphQL API in Node.js implementiert, welche die verteilten Daten aus REST Microservices für Clients zugänglich macht.

Mehr erfahren

Mobilität für die Zukunft

Carsharing App

Um den Erwartungen ihrer internationalen Kunden gerecht zu werden, entwickelt das talentierte Team von Zemtu eine moderne Mobile App, die den Prozess von der Reservierung bis zum Aufsperren eines Autos digital abbildet.

In regelmäßigen Workshops unterstütze ich das Team mit Beratung und Mithilfe bei Themen wie Software Architektur, React, GraphQL, Animationen und Performance.

Mehr erfahren

Preisvergleich für Schuhliebhaber

Launch von Shoemondo

Shoemondo hilft Ihnen dabei Ihr nächstes Lieblingspaar Schuhe zu finden und empfiehlt Ihnen dabei den günstigsten Anbieter. Um ein umfangreiches Sortiment an Schuhen zu ermöglichen wurden im ersten Schritt 12 Partner integriert.

Meine Leistung war die Gestaltung des User Interface und die Implementierung davon in Form einer serverseitig gerenderten React App, welche mit einer GraphQL API kommuniziert.

Zur Website

Open source libraries

molindo / react-apollo-network-status

Brings information about the global network status from Apollo into React.

TypeScript

170

amannn / multi-sitemap

Painless creation of large dynamic sitemaps that consist of multiple files.

TypeScript

4

Open source contributions

testing-library / dom-testing-library

Simple and complete DOM testing utilities that encourage good testing practices.

davidchin / react-input-range

React component for inputting numeric values within a range (range slider)