murattunalı.

Webdesign + Entwicklung.

Von editorialer Art-Direction bis zum statischen, schnellen Aufbau: Design und Code aus einer Hand, mit einer Disziplin.

Mehrsprachige Architektur (TR · EN · DE)
Performance: Aufbau mit Ziel LCP < 0,8s

Wer die Website gestaltet, baut auch ihr technisches SEO: Tempo, Barrierefreiheit und Crawlbarkeit sind keine nachträgliche Checkliste, sondern Bedingung des ersten Entwurfs.

ABLAUF

WAS ENTHALTEN IST

  • Editoriales Design + Typosystem
  • Mehrsprachige Architektur (TR · EN · DE)
  • Motion-Choreografie — inkl. Reduced-Motion
  • Barrierefreiheit: AA-Basis
  • Performance: Aufbau mit Ziel LCP < 0,8s

VERMESSENE DIAGRAMME

Largest Contentful Paint — drei laufende Projekte

fersantekstil.com 0,62s
karcem.com.tr 0,44s
mikroyazilimdestek.com 0,33s
Die Balken sind Messungen, die rechte Kante ist das Budget von 0,8 Sekunden. Die Werte stammen aus derselben Quelle wie die Messleisten der Fallstudien; nichts wird von Hand eingetragen.

Layout-Shift — drei gemessene Werte

fersantekstil.com 0,001
karcem.com.tr 0,004
mikroyazilimdestek.com 0,001
Die volle Skala ist Googles „gut“-Schwelle, die gestrichelte Linie das eigene Budget dieses Studios. Die Balken sind gemessener Shift — ihre Kleinheit ist die Botschaft.

JavaScript-Gewicht — bei jedem Build gewogen

vendor 31 KB
eigener Code 34 KB
gesamt 65 KB
Die eigene Last dieser Website: beim Build gzip-komprimiert und gemessen, die rechte Kante ist die 150-KB-Obergrenze. Vendor ist die GSAP-Familie; der Rest ist eigener Code dieser Website.

UMFANG

Corporate Webdesign: für wen

Corporate Webdesign heißt hier nicht „Großkonzern“, sondern: eine Website, die mehrere Sprachen spricht, die mehrere Teams anfassen und die jahrelang leben muss. In dieser Größenordnung entscheidet nicht das Visuelle, sondern der Vertrag: Design-Tokens, Schema auf Vorlagenebene und Audits vor jedem Release. Diese Website wurde selbst unter diesem Vertrag gebaut.

Premium- und individuelles Webdesign — warum keine Vorlage

Individuelles Webdesign wird gewählt, weil es messbar ist, nicht weil es teuer ist. Eine fertige Vorlage ist am ersten Tag schnell und im dritten Monat schwer: ungenutzte Skripte, nicht übertragbare Komponenten, brechende Barrierefreiheit. Premium-Webdesign ist in diesem Repository kein Adjektiv, sondern eine Budgetzeile — JS-Budget und kritisches CSS werden zuerst geschrieben und von einem Wächter geschützt.

Custom Website Development: mehrsprachige Architektur

Bei einer dreisprachigen Website sammeln sich die Kosten in der Architektur, nicht in der Übersetzung: URL-Struktur, x-default, Sprachumschalter und Schema-Übersetzungen. Genau deshalb wird Custom Website Development gewählt — diese Ebenen lassen sich nicht nachrüsten, sie entstehen am ersten Tag. Das Beispiel läuft live auf dieser Website: drei Sprachen, ein reziprokes hreflang-Cluster, ein Generator.

Für Hersteller und Exporteure

Websites mit Produktkatalog, Zertifikaten und Angebotsweg haben eigene Regeln: Produktinformationen auf der Seite statt im PDF, jeder Markt in seiner eigenen Sprache, ein Verkauf, der mit einer Angebotsanfrage beginnt. Die Einzelheiten stehen auf der Seite B2B-Websites.

STANDORT: ISTANBUL

Istanbul, TR — remote; vor Ort, wenn es zählt.

HÄUFIGE FRAGEN

QUELLEN