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 spezialisiert auf die Entwicklung mit React.

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 10 Jahren Erfahrung mit Web Apps und 5 Jahren React kann ich Ihnen beim Entwurf und der Umsetzung von anspruchsvollen Apps helfen, die gerne verwendet werden.

Komponentenbibliotheken

Stellen Sie Ihre Apps auf ein solides Fundament, indem die grundlegenden Bausteine identifiziert und mit einer flexiblen Schnittstelle versehen werden.

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.

Setlist erstellen
Christof Flachsmann

Die Zusammenarbeit mit Jan war wie immer hervorragend. Als Designer kann ich mich darauf verlassen, dass das Endprodukt unkompliziert und pünktlich in Perfektion umgesetzt wird.

Besonders schätze ich an Jan, dass er ein Design weiter denkt und sich proaktiv einbringt, wie man das Produkt noch weiter verbessern kann. Ich freue mich schon auf unser nächstes gemeinsames Projekt!

Datengetriebene Empfehlungen

Küchenexperten-Suche

Küchenfinder ist eine österreichische Plattform die von Molindo entwickelt wird und Ihnen dabei hilft eine neue Küche zu finden. Mehr als 2 Millionen Personen besuchen die Seite jährlich und verwenden die datengetriebene Suchmaschine um qualifizierte Experten zu finden.

Ich habe mehrere React Apps für die Plattform entwickelt: Ein Küchenkonfigurator für Kunden, eine App für Experten um Kundenanfragen zu verwalten und eine App für Administratoren um Stammdaten zu konfigurieren. Außerdem habe ich eine GraphQL API in Node.js implementiert, welche die verteilten Daten aus REST Microservices für Clients zugänglich macht.

Küchenexperten finden

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.

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

Ich bin dankbar, Teil einer Community zu sein, in der Ideen und Wissen offen geteilt werden. Mit veröffentlichten Libraries und der Mithilfe bei Projekten Dritter leiste ich meinen Beitrag.

Meine Libraries

molindo / react-apollo-network-status

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

TypeScript

188

amannn / action-semantic-pull-request

A Github Action that ensures that your PR title matches the Conventional Commits spec.

JavaScript

27

amannn / next-client-script

Supercharge the performance of your Next.js apps by using a minimal client runtime that avoids full-blown hydration. 🚀

TypeScript

15

amannn / multi-sitemap

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

TypeScript

5

Letzte Beiträge

apollographql / apollo-client

A fully-featured, production ready caching GraphQL client for every UI framework and GraphQL server

storybookjs / storybook

The UI component explorer. Develop, document, & test for React, Vue, Angular, Ember, Web Components, & more!

testing-library / dom-testing-library

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