Über mich

Mein Name ist Tim Niedermeier, ich bin Student mit Fokus auf  - Gestaltung vernetzter Systeme, auch bekannt als . Meine Expertise umfasst Webdesign, App-Design sowie Physical Computing. Was mich an IoT besonders fasziniert, ist die einzigartige Symbiose aus Technologie und Kreativität. Diese Kombination ermöglicht es, durch interdisziplinäre Zusammenarbeit interaktive und fesselnde Benutzererlebnisse zu schaffen.

Portraitfoto von Tim Niedermeier

Meine Expertise

umfasst moderne Design-Tools wie Figma sowie Entwicklungsframeworks wie Next.js und React Native. Ich beherrsche HTML, CSS und JavaScript und lege großen Wert auf Lean Design. Diese Fähigkeiten setze ich ein, um Lösungen zu schaffen, die sowohl ästhetisch ansprechend als auch funktional effizient sind.

Bild zur Darstellung meiner Expertise
Das Symbol von Figma zeigt ein stilisiertes, abstraktes „F“, das für die Marke und ihre Kernwerte steht: Innovation, Kreativität und Effizienz in Design und Benutzererfahrung. Das minimalistische und moderne Design spiegelt die benutzerfreundliche und effiziente Schnittstelle von Figma wider, die es zu einem bevorzugten Werkzeug für Designer weltweit macht.Ein minimalistisches, jedoch aussagekräftiges HTML-Logo, dargestellt durch charakteristische Symbole, die an die Tags in HTML erinnern. Diese repräsentieren die Grundlage des HTML-Markups und seine allgegenwärtige Rolle in der Erstellung von Webseiten. Die Symbolik unterstreicht die zentrale Bedeutung von HTML bei der Strukturierung und dem Design von Webinhalten. Illustriert von Tim Niedermeier, steht es für die Transparenz und Zugänglichkeit in der Welt der Webentwicklung.Das Symbol für das CSS-Logo, repräsentiert durch ein einfaches „#“-Zeichen, steht für die Verwendung von ID-Selektoren in CSS zur einzigartigen Identifizierung von Elementen auf einer Webseite. Es symbolisiert die Kernfunktion von CSS in der Webentwicklung: die Gestaltung und Strukturierung von Webseiteninhalten. Das „#“-Symbol reflektiert die Präzision und Spezifität, mit der Entwickler das Erscheinungsbild und Verhalten von Webseitenelementen steuern können.Ein angepasstes JavaScript-Logo, inspiriert von VS Code, mit den Buchstaben „JS“ in Weiß auf grünem Hintergrund. Entworfen und illustriert von Tim Niedermeier, symbolisiert es die Sprache, die im Herzen moderner Webentwicklung steht.Das Symbol des Arduino-Logos zeigt einen 'Infinity Loop' oder ein „Twisted Infinity“-Symbol, das eine liegende Acht darstellt und die Unendlichkeit, Wachstum und die endlosen Möglichkeiten symbolisiert, die mit Arduino und seiner Gemeinschaft verbunden sind. Es ist üblicherweise in einem lebhaften Blau dargestellt, was Technologie, Vertrauen und Zuverlässigkeit symbolisiert.Ein stilisiertes, abstraktes GitHub-Logo, das die Gemeinschaft und Zusammenarbeit in der Softwareentwicklung symbolisiert. Das Logo zeigt eine vereinfachte, geometrische Interpretation der bekannten Octocat-Silhouette auf einem violetten Hintergrund, was die Kreativität und Vielfalt der Projekte auf GitHub widerspiegelt. Illustriert von Tim Niedermeier, unterstreicht es die Bedeutung von Open Source und gemeinschaftlicher Entwicklung.Angepasstes React-Logo in Weiß auf React-Blau-Hintergrund, inspiriert von der Darstellung in VS Code, um eine moderne und ansprechende Visualisierung der React-Technologie zu bieten. Diese Farbkombination unterstreicht die Dynamik und Flexibilität von React in der Entwicklung von Benutzeroberflächen. Illustriert von Tim Niedermeier. Offizielles Next.js-Logo, dargestellt durch ein stilisiertes „N“ in Schwarz auf weißem Hintergrund. Symbolisiert die Einfachheit und Effizienz von Next.js für serverseitiges Rendering und statische Website-Generierung in der modernen Webentwicklung.Eine invertierte Darstellung des offiziellen TypeScript-Logos, inspiriert von der Darstellung in VS Code, mit dem „TS“ in Weiß auf einem charakteristischen blauen Hintergrund. Diese Anpassung unterstreicht die Stärke und Flexibilität von TypeScript in der Entwicklung von skalierbaren und wartbaren Webanwendungen. Illustriert von Tim Niedermeier, bietet es eine visuell ansprechende Interpretation des traditionellen TypeScript-Logos.Das offizielle ViteJS-Logo, das für seine schnelle und leistungsstarke Entwicklungsumgebung für moderne Webprojekte steht. Das Logo zeigt ein stilisiertes „V“, das in einem dynamischen Farbverlauf von Blau zu Lila und einem Akzent in Gelb-Orange dargestellt wird, was die Schnelligkeit und Energie von ViteJS symbolisiert. Illustriert von Tim Niedermeier, repräsentiert es die Essenz von ViteJS in der Webentwicklung.Eine invertierte Darstellung des offiziellen SCSS-Logos, inspiriert von der Darstellung in VS Code, mit dem SCSS-Symbol in Weiß auf einem charakteristischen pinken Hintergrund. Diese Anpassung unterstreicht die dynamische und stilvolle Natur von SCSS in der modernen Webentwicklung. Illustriert von Tim Niedermeier, bietet es eine frische Perspektive auf das traditionelle SCSS-Logo.Das Symbol von Cloudflare zeigt eine stilisierte Wolke, die Dynamik, Geschwindigkeit und Schutz symbolisiert. Es repräsentiert die Kernwerte von Cloudflare: Sicherheit, Leistung und Zuverlässigkeit in der digitalen Welt. Die Gestaltung vermittelt ein Gefühl von Innovation und zukunftsorientierter Technologie.

Mercedes-Benz

Während meines Praktikums bei Mercedes-Benz habe ich die Möglichkeit, in einem dynamischen Umfeld zu arbeiten, von Branchenexperten zu lernen, an spannenden Projekten teilzunehmen und wertvolle berufliche Erfahrungen zu sammeln. Ich freue mich darauf, mein Wissen und meine Fähigkeiten weiter auszubauen und einen Beitrag zum Erfolg des Unternehmens zu leisten.

Mercedes-Benz Logo animiert

PowerPort

In Kooperation mit Festool haben wir den multifunktionalen Akku-Systainer "PowerPort"entwickelt, der speziell auf die Anforderungen von Handwerkern abgestimmt ist. Dieses innovative Produkt dient sowohl als Transportbehälter als auch als Ladestation für Akkupacks und vereint Effizienz, Flexibilität und Sicherheit in einem kompakten, benutzerfreundlichen Design. Der PowerPort markiert einen bedeutenden Fortschritt im Werkzeugmanagement und verbessert durch die Vereinfachung von Arbeitsabläufen die Produktivität und Zufriedenheit am Arbeitsplatz. Dieses Projekt veranschaulicht die erfolgreiche Verbindung von traditionellem Handwerk und moderner Technologie und ebnet den Weg für zukünftige Innovationen in der Branche.

Visualisierung des PowerPorts

Wanderlust

Während meines Praktikums bei Mercedes-Benz habe ich die Möglichkeit, in einem dynamischen Umfeld zu arbeiten und mich mit aktuellen IoT-Technologien und -Anwendungen vertraut zu machen. Mercedes-Benz ist ein führendes Unternehmen in der Automobilindustrie und steht für Innovation, Qualität und Exzellenz. Durch mein Praktikum bei Mercedes-Benz habe ich die Möglichkeit, von Branchenexperten zu lernen, an spannenden Projekten teilzunehmen und wertvolle berufliche Erfahrungen zu sammeln.

Visualisierung der Wanderlust App

Cocktail Maschine

Mit unserer Cocktailmaschine bringen wir Technik und Genuss zusammen. Die Maschine kann über 20 verschiedene Cocktails mit mixen und wird über eine benutzerfreundliche App gesteuert, die auch das Alter der Benutzer überprüft. Im Designprozess haben wir moderne Ästhetik und Funktionalität kombiniert. Die dazugehörige App, entwickelt mit Next.js, ist intuitiv und schnell. Der Prototyp kann 8 verschiedene Zutaten verarbeiten und bietet eine breite Auswahl an Cocktails. Zukünftige Features könnten KI-gestützte Cocktail-Empfehlungen umfassen. Die Maschine zielt darauf ab, sowohl gesellige Anlässe als auch den verantwortungsbewussten Umgang mit Alkohol zu fördern.

Visualisierung der Cocktailmaschine

Schreibmaschinen-Projekt

In unserem Projekt haben wir zweiSchreibmaschinen erfolgreich über Arduino UNOs vernetzt. Die Eingabe erfolgt durch eine speziell angepasste Olympia-Monika, und die Ausgabe wird von einem präzisen Gestell, ähnlich einem 3D-Drucker, gesteuert. Für die Kommunikation nutzen wir eine Kombination aus Li-Fi, MQTT und IrDA, die eine robuste und störungsresistente Datenübertragung ermöglicht. Die Tastenerkennung auf der Olympia-Monika wurde durch eine eigens entwickelte Platine optimiert. Das Endresultat ist eine faszinierende Symbiose aus Technologie und Kreativität: Zwei Schreibmaschinen, die miteinander kommunizieren können.

Visualisierung des Schreibmaschinen-Projekts

MilleniumLight

Unser Projekt "MilleniumLight" verbindetLEGO-Kreativität mit modernster Technologie. Mithilfe eines ESP 8288 und Microsoft Azure steuern wir einen LED-Faden im LEGO Millenium Falcon über eine eigens entwickelte Webanwendung. Der ESP 8288 bildet das Herzstück, präzise den LED-Faden im LEGO Millenium Falcon zu steuern. Die Azure-Anbindung gewährleistet zuverlässige Kommunikation, während die Webanwendung eine intuitive Kontrolle über die Lichteffekte bietet. Diese Technologie-LEGO-Symbiose ist eine Hommage an grenzenlose Gestaltungsmöglichkeiten. Insgesamt repräsentiert "MilleniumLight" die erfolgreiche Fusion von Technologie und LEGO-Enthusiasmus, die LEGO-Fans neue kreative Horizonte eröffnet.

MilleniumLight-Projekt in Aktion - LED-Faden im LEGO Millenium Falcon

Pflanzenpflege-App

Im Rahmen des Kurses für visuelles Prototyping im zweiten Semester entwickelten wir einen Prototyp für eine App, die einer vielreisenden jungen Frau hilft, ihre Zimmerpflanzen zu pflegen. Die App steuert die automatische Bewässerung und zeigt den Gesundheitszustand der Pflanzen an. Nach der Ideenfindung und Skizzierung auf Papier, erstellten wir einen mittelfristigen Prototyp in Adobe XD. Dieser Prototyp war entscheidend für die Usability-Tests und die Feinabstimmung der App. Im finalen Prototyp wurden Flow und visuelles Design kombiniert, wobei der Fokus auf einer benutzerfreundlichen Gestaltung lag. Wir sind stolz auf das Endergebnis, das die Usability der App effektiv testet.

Visualisierung der Pflanzenpflege-App

Craigslist-Redesign

Vor Projektbeginn analysierten wir den aktuellen Zustand von Craigslist, insbesondere die Benutzererfahrung beim Möbelkauf. Wir identifizierten mehrere Schwachstellen, darunter ein veraltetes Design und eine unübersichtliche Navigation. Nach der Erstellung einer "As-Is Map" entwickelten wir einen Lo-Fi-Prototyp, den wir anhand von Benutzertests weiter optimierten. Der finale Prototyp zeichnet sich durch ein modernes, benutzerfreundliches Design aus, das durch kategorisierte Icons und eine verbesserte Suchfunktion die Navigation erleichtert. Das Ergebnis ist eine deutlich verbesserte Benutzererfahrung und ein moderneres Erscheinungsbild der Website.

Craigslist-Redesign - Visualisierung der überarbeiteten Website

Spellcast: Elemente-Duell

Spellcast, ein Spiel, das im ersten Semester mit HTML, CSS und JS entstand, folgt dem Prinzip von Schere, Stein, Papier. In jedem Zug stehen dem Spieler vier Optionen zur Verfügung, die an Pokémon erinnern: Wasser, Feuer, Pflanze und Blut. Die Besonderheit von Blut liegt darin, dass es einen zusätzlichen Angriff darstellt, den nur der Spieler einsetzen kann. Dieser Attacke geht über das traditionelle Schere, Stein, Papier hinaus und fügt dem Gegner zufälligen Schaden zu. Allerdings erleidet der Spieler selbst einen Treffer, da es keine Verteidigungsmöglichkeit gibt.

Spellcast: Elemente-Duell - Visualisierung des Spiels