murattunalı.
Lesart

FALL 05 · Design + Entwicklung + SEO/GEO

Edolines.

Mehrsprachige Logistik-Website, Arabisch und Chinesisch inbegriffen; ein WebGL-Globus mit fünf Häfen und eine belegte, datierte Wissensdatenbank.

LIVE → edolines.com

PROBLEM

Edolines ist eine Spedition mit Sitz in İstanbul. Sie wickelt See-, Straßen-, Schienen- und Lufttransport zusammen mit Zoll und Lager als eine Operation ab und arbeitet an 5 Ausgangshäfen mit eigenen Teams. Der eigene Maßstab der Website ist kurz: „Gut gemachte Logistik bleibt unsichtbar.“ Die Website sagt das in 14 Sprachen. Arabische Seiten laufen von rechts nach links; chinesische, japanische, koreanische und Hindi-Seiten stehen in ihrer eigenen Schrift.

ANSATZ

Design, Entwicklung und die Suchebene kamen aus einer Hand. Die Startseite zeigt die Häfen auf einem mit WebGL2 gezeichneten Nachtglobus und stellt das Angebotsformular auf den ersten Bildschirm. Jede Sprachversion trägt die ganze Website: Die 1.008 Adressen der Sitemap verteilen sich gleichmäßig auf die Sprachen. Jeder der 50 Einträge der Wissensdatenbank zeigt die Regel, auf der er beruht, seine Quelle und das Datum der letzten Prüfung.

ERGEBNIS

  • 0,66 sLadezeit am Desktop
  • 0,54 sLadezeit auf dem Smartphone
  • 14Sprachen
  • 1.008Adressen

GEMESSEN: 2026-11-11

  1. LCP 664 ms · CLS 0 · TTFB 328 ms
  2. HTTP/2 · 14 Sprachen · 1.008 URL-Sitemap
  3. llms.txt ✓ · WebP + SVG · 22 req · 1.139 KB

IN 14 SPRACHEN

Einkäufer lesen in ihrer eigenen Sprache.

  1. trTürkçe
  2. enEnglish
  3. deDeutsch
  4. frFrançais
  5. itItaliano
  6. esEspañol
  7. ruРусский
  8. arالعربية
  9. zh-Hans简体中文
  10. elΕλληνικά
  11. hiहिन्दी
  12. mkМакедонски
  13. ja日本語
  14. ko한국어

LADEN, BILD FÜR BILD

Öffnet in 0,66 Sekunden.

Bilder aus einer Aufnahme ohne Animation; Zeit aus dem Fallprotokoll (Kaltstart, 1440×900, Median aus 5 Läufen).

Kontext

Das Versprechen von Edolines beruht auf einer Abwesenheit: „Gut gemachte Logistik bleibt unsichtbar.“ Aufgabe der Website ist, dieses Versprechen in 14 Sprachen zu tragen, in der eigenen Schrift der Lesenden. Arabische Seiten laufen von rechts nach links; chinesische, japanische, koreanische und Hindi-Seiten stehen in ihren eigenen Schriftsystemen.

  1. Fünf Häfen → ein Vertrag, ein Ansprechpartner
  2. Jede Wissensseite → Grundlage, Quelle, Datum
  3. # eigene Angaben der Website, von den Seiten Über uns und Wissensdatenbank

Strategie

Vertrauen entsteht aus Belegen, nicht aus Behauptungen. Der Abschnitt mit den Grundsätzen beginnt mit dem Satz: „Das sind keine Werbesprüche, sondern unsere Arbeitsregeln. Halten wir sie nicht ein, sagen Sie es uns.“ Die Wissensdatenbank zeigt auf jeder Seite Quelle und Datum; Sendungsbeispiele stehen ohne Kundennamen auf ihren eigenen Unterlagen. Die Erklärung zur Barrierefreiheit ist im selben Ton geschrieben: Neben dem Umgesetzten nennt sie die bekannten Grenzen.

NAHAUFNAHME

Die Ausschnitte sind echte Bereiche der Live-Website; jede Bildunterschrift ist die eigene Überschrift der Sektion.

Uluslararası nakliye ve lojistik firması, İstanbul Beş liman. Bir dünya. — edolines.com
Taşıdığımız yükler — edolines.com
خمس وسائل نقل، عملية واحدة — edolines.com
Ambarlı — edolines.com
bilgi — edolines.com
  1. 01Uluslararası nakliye ve lojistik firması, İstanbul Beş liman. Bir dünya. edolines.com/
  2. 02Taşıdığımız yükler edolines.com/
  3. 03خمس وسائل نقل، عملية واحدة edolines.com/ar/
  4. 04Ambarlı edolines.com/limanlar.html
  5. 05bilgi edolines.com/bilgi/incoterms-2020.html

Struktur

Die Startseite öffnet mit dem Globus und dem Angebotsformular auf dem ersten Bildschirm. Danach folgen fünf Verkehrsträger mit Zoll und Lager, transportierte Ladungen, Ausgangshäfen und Linienverbindungen. Leistungen, Häfen, Wissensdatenbank und ein Glossar mit 81 Begriffen haben eigene Seiten; die Sitemap führt 1.008 Adressen in 14 Sprachen.

ARCHITEKTUR

Die Linien sind vermessenes Layout: Containerbreite und Sektionsrhythmus werden von der Live-Seite gelesen, nicht von Hand gezeichnet.

edolines.com
edolines.com 1400px

Design

Die Überschriften sprechen schwer, gesetzt in Archivo 800; die Hauptüberschrift steht in Versalien. Die gemessene Palette trägt einen fast schwarzen Grund und Weiß mit drei Goldtönen: Messing, helles Gold und Creme. In der Mitte der Seite steht ein Globus aus den Nachtaufnahmen der NASA; die Häfen tragen ihre UN-Ortscodes.

MATERIAL

Archivo — edolines.com
Archivo · 800 · 118px

Headline-Typografie — die Kennzeile wird aus dem Computed Style der Live-Seite gemessen.

#0b0b0c · #ffffff · #bc842a · #f2ca72 · #fff0c8

Vermessene Palette: die drei häufigsten Neutraltöne der Seite plus ihre gesättigten Akzente.

Interaktion

In der oberen Leiste läuft die Uhrzeit von İstanbul live, und der Globus hält mit der Schaltfläche „Globus anhalten“. Der Film auf der Startseite läuft mit dem Scrollen; daneben stehen „Film anhalten“ und „Abschnitt überspringen“. Die Häfen auf dem Globus lassen sich der Reihe nach mit der Tastatur ansteuern. Bei reduzierter Bewegung entfällt die Eröffnungssequenz, der Film ist aus und der Globus steht auf einem Bild.

MOBIL

Drei echte 390-px-Rahmen; der Alt-Text ist der eigene Titel der Seite.

Uluslararası nakliye ve lojistik firması, İstanbul | Edolines
Edolines — وكيل شحن دولي | إسطنبول، تركيا
Türkiye konteyner limanları: beş çıkış noktası | Edolines
  1. 06Uluslararası nakliye ve lojistik firması, İstanbul
  2. 07Edolines
  3. 08Türkiye konteyner limanları: beş çıkış noktası

Erkenntnisse

Viele Sprachen sind eine Strukturentscheidung, kein Übersetzungsanteil. Bei Edolines trägt jede Sprachversion alle Seiten; Schreibrichtung und Schrift erklärt jede Seite selbst. Für das Wissen gilt dieselbe Regel: Jede Seite trägt Grundlage, Quelle und Datum im Impressum der Seite, und die maschinelle Leserschaft findet Autor und Daten im Schema.

MESSUNG UND ARCHITEKTUR

Gemessene Werte

Kaltlastmessung vom 11. November 2026: Largest Contentful Paint 664 Millisekunden, Time to First Byte 328 Millisekunden, Layout-Verschiebung 0. Verbindung HTTP/2, insgesamt 1.139 Kilobyte Transfer bei 22 Requests.

Jede Sprache, die ganze Website

Die Website erscheint in 14 Sprachen: Türkisch, Englisch, Deutsch, Französisch, Italienisch, Spanisch, Russisch, Arabisch, Chinesisch, Griechisch, Hindi, Mazedonisch, Japanisch und Koreanisch. Die 1.008 Adressen der Sitemap verteilen sich gleichmäßig auf die Sprachen; keine Sprache ist eine Kurzfassung. Arabische Seiten laufen von rechts nach links, und das Layout ist richtungsunabhängig gebaut: Abstände sind über Anfang und Ende der Zeile definiert, nicht über links und rechts.

Die Titel sind nicht übersetzt, sondern je Sprache eigens geschrieben. Der türkische Titel beginnt mit „Uluslararası nakliye ve lojistik firması, İstanbul“, der deutsche mit „Spedition Türkei“; der chinesische stellt die Seefracht von China in die Türkei voran. Jede Seite hat ihre vollständigen hreflang-Alternativen samt x-default.

Globus und Bewegung

Der Globus der Startseite wird mit WebGL2 gezeichnet. Die Oberfläche ist NASAs Nachtaufnahme Black Marble; die Häfen tragen ihre UN-Ortscodes (TRAMR, TRMER, TRTEK, TRISK, TRIZM). In einem Browser ohne WebGL2 wird der Globus nicht gezeichnet; Häfen, Fahrtzeile und der gesamte Text bleiben unverändert.

Neben jedem bewegten Element steht eine Schaltfläche zum Anhalten: Globus, Uhr in der oberen Leiste, der mit dem Scrollen laufende Film. Bei reduzierter Bewegung entfällt die Eröffnungssequenz, der Film ist aus und der Globus steht auf einem Bild.

Häfen aus Satellitenbildern

Die Hafenseite stellt 5 Ausgangspunkte und 11 Terminals mit öffentlichen Betreiberdaten nebeneinander. Die Hafenbilder stammen aus Copernicus-Sentinel-2-Kacheln; Kennung und Aufnahmedatum jeder Kachel stehen auf der Seite. Werte wie Kailänge und Tiefe stehen mit nummerierten Quellen.

Belegtes, datiertes Wissen

Die Wissensdatenbank umfasst 50 Einträge: Lieferbedingungen, Container und Kapazität, Kosten und Zuschläge, Dokumente und Zoll, Vorschriften. Auch das Ergebnis der Sichtung vor dem Aufbau steht auf der Seite. Von den 22 türkischen Websites, die am 1. September 2026 gelesen wurden, zeigten die meisten kein Datum, keine verlinkte ihre Quelle und keine wies darauf hin, dass ihr Inhalt veralten kann. Die Seiten von Edolines tragen alle drei Angaben im Impressum der Seite.

Das Glossar erklärt 81 Begriffe aus Rechnungen, jeden in einem Absatz, mit englischer Entsprechung und Link zur ausführlichen Seite; Tarife und Beträge nennt es nicht.

Barrierefreiheit als Erklärung

Die Seite zur Barrierefreiheit setzt WCAG 2.2 AA als Ziel und führt das Umgesetzte mit diesem Satz auf: „Jeder Punkt ist ein auf der Website gemessenes Verhalten, kein Versprechen.“ Dazu gehören der per Tastatur erreichbare Globus, Touch-Ziele, beschriftete Formularfelder und die Angabe von Sprache und Schreibrichtung. Die bekannten Grenzen stehen auf derselben Seite: ohne WebGL2 kein Globus, ein stummer Film ohne Text, keine PDF-Anhänge auf der Website.

Für die maschinelle Leserschaft

Der Unternehmenseintrag in der Ebene der strukturierten Daten (LocalBusiness,WebSite) nennt Hauptsitz, Standorte mit Koordinaten, Öffnungszeiten und Kontaktpunkte. Wissensseiten sind als Article mit Autor und Daten ausgezeichnet, Linienseiten mit ihrem Zielland. Die llms.txt liegt im Stammverzeichnis und beginnt mit Firmenname und Adressen; die robots.txt ist für alle Crawler offen.

Auch die Sicherheitsheader gehören zur Website. Die Content Security Policy beschränkt Skripte auf den eigenen Ursprung und den Formulardienst, HSTS ist für die Preload-Liste vorbereitet, und die Seite lässt sich nicht in fremde Frames einbetten.

Ein Kundenprojekt

Edolines ist ein Kundenprojekt; Name, Logo und Bilder werden mit schriftlicher Erlaubnis des Kunden verwendet. Der Anteil des Studios sind Design, Entwicklung sowie Such- und Maschinenebene; die Texte der Wissensseiten tragen die Autorenzeile des Kunden. Der Gestaltungsvermerk steht in der Fußzeile der Website. Die Methode ist dieselbe wie in den anderen Fällen: Geschäftsergebnisse (Traffic, Anfragen, Conversion) stehen hier erst, wenn überprüfbare Daten vorliegen.

Quelle

Die Website ist live, ihre Adresse steht offen auf dieser Seite; die Messung lässt sich mit den Entwicklerwerkzeugen des Browsers wiederholen. Die Quellen der Wissensseiten stehen im Impressum jeder Seite, die Kennungen der Satellitenkacheln auf der Hafenseite und die strukturierten Daten als JSON-LD im Seitenkopf.