Mehran Hatami — Full-Stack-Webentwickler
Datenbankdesign, Authentifizierung, Oberfläche und Bewegung — ich schreibe den gesamten Weg selbst und betreue ihn nach der Übergabe. Mein jüngstes Produkt ist eine vollständige Commerce-Plattform, die bereits Lizenzen verkauft.
Über mich
Ich bin Mehran Hatami, IT-Absolvent mit einer Leidenschaft fürs Web. Mein Fokus liegt auf modernen, schnellen, animierten und vollständig responsiven Web-Anwendungen.
Neben der Optik lege ich großen Wert auf SEO, Performance und Nutzererlebnis — eine schöne Seite zählt nur, wenn sie schnell lädt und gefunden wird.
Solide Grundlagen in Netzwerken, Systemen und Software durch mein IT-Studium.
Ich baue schnelle, responsive und animierte Oberflächen mit React und Next.js.
Sichere Backends und Authentifizierung mit Prisma, PostgreSQL und NextAuth.
Systeme für Auftragsannahme, digitale Vertragsunterschrift und Lizenzverwaltung.
Technologien, mit denen ich täglich arbeite
Eine Auswahl meiner Projekte
Diese Website — ein One-Page-Portfolio mit cineastischer Animation, mehrsprachig und mit echtem Kundenportal.
Versionierte Verträge mit digitaler Unterschrift von Kunde und Admin, finalisiert als signierter Datensatz.
Status, Ablaufdaten und autorisierte Domains für jede verkaufte Lizenz.
Eine schnelle, leicht verwaltbare Unternehmenswebsite auf WordPress.
Eine vollständig rechts-nach-links ausgerichtete Shop-Landingpage für persischsprachige Kunden.
Ein Management-Dashboard für Aufträge, Kunden und Projektstatus.
Dual-Android SMS and WebRTC audio call relay. Build repo.
Dual-Android SMS & WebRTC audio call relay. One APK, role picker, E2EE.
Vendrix — self-hosted commerce platform for fashion etail: storefront, POS, inventory, double-entry acconting, mobile app. Next.js · TypeScript · Prisma · PstgreSQL
Personal anime-style portfolio website built with Next.js
Was ich verkaufe
Oben standen die Arbeiten. Diese hier verkaufe ich: eine Plattform für Ihre eigene Domain und Plugins für die WordPress-Website, die Sie bereits betreiben.
Onlineverkauf, Ladenkasse, Lager und Buchhaltung in einem System auf einer Datenbank. Bestand und Buchführung können also nie auseinanderlaufen.
Jedes erledigt eine Aufgabe, die Sie bisher von Hand gemacht haben. Einmalkauf, keine neuen Konten, kein Monatsabo.
Ein genauerer Blick auf Problem, Lösung und Ergebnis
Problem
Kunden hatten keine einfache Möglichkeit, Aufträge zu erteilen oder den Fortschritt zu verfolgen.
Lösung
Ein Portal mit Registrierung, rollenbasierter Authentifizierung und Auftragsformular.
Ergebnis
Kunden erteilen Aufträge jetzt direkt, ganz ohne Telefonat.
Problem
Papierverträge waren langsam zu unterschreiben und schwer zu versionieren.
Lösung
Ein digitales Signatursystem mit Versionsverlauf und PDF-Export.
Ergebnis
Die Vertragsabwicklung sank von Tagen auf Minuten.
Problem
Eine einfache, statische Seite hielt die Aufmerksamkeit der Besucher nicht.
Lösung
Ein mehrschichtiges, animiertes und erzählerisches Erlebnis mit animejs.
Ergebnis
Eine einprägsame, hochwertig wirkende Personenmarke.
Von der Idee bis zum Launch, Schritt für Schritt
Verstehen von Zielen, Zielgruppe und Rahmenbedingungen.
Seitenstruktur und Nutzerführung vor dem ersten Code.
Umsetzung der Oberfläche mit React und feiner Animation.
Datenbank, Authentifizierung und APIs mit Prisma und PostgreSQL.
Prüfung von Performance, Zugänglichkeit und Sichtbarkeit.
Go-Live mit Support nach der Übergabe.
Notizen zu moderner Webentwicklung, Bewegung und Nutzererlebnis
Ein ehrlicher Vergleich der drei Wege zum Fashion-Onlineshop — WooCommerce, gemietete Shop-Baukästen und eine integrierte Plattform — betrachtet über echte Kosten, Lager und Buchhaltung.
Die meisten Dashboards sind schön und nutzlos. Was ich beim Bau des Admin-Panels für eine Commerce-Plattform gelernt habe — über die Reihenfolge von Zahlen, leere Zustände und klickbare Karten.
Eine Seite zu übersetzen ist nicht dasselbe, wie sie mehrsprachig zu machen. Notizen aus dem Betrieb von drei Sprachen auf einer Domain mit next-intl — und den vier Stellen, an denen Google wirklich streng ist.
Gute Animation sieht man nicht, man spürt sie. Ein praktischer Bericht über bewegungsgetriebene UI mit Next.js, Motion und Anime.js — und vor allem darüber, wo man sich bremsen sollte.
Lass uns deine Idee in ein echtes Webprodukt verwandeln.
Lass uns in Kontakt bleiben
Folge mir oder schreib mir direkt