murattunalı.
Reading

CASE 05 · Design + development + SEO/GEO

Edolines.

Multilingual logistics site, Arabic and Chinese included; a WebGL globe of five ports and a sourced, dated knowledge base.

LIVE → edolines.com

PROBLEM

Edolines is an İstanbul-based freight forwarder. It runs sea, road, rail and air transport together with customs and warehousing as a single operation, with its own teams at 5 departure ports. The site’s own measure is short: “Done right, logistics is invisible.” The site says this in 14 languages. Arabic pages run right to left; Chinese, Japanese, Korean and Hindi pages stand in their own scripts.

APPROACH

Design, development and the search layer came from one hand. The home page shows the ports on a night globe drawn with WebGL2 and puts the quote form on the first screen. Every language version carries the whole site: the 1,008 addresses in the sitemap split evenly across languages. Each of the 50 knowledge base entries shows the rule it relies on, its source and the date it was last checked.

RESULT

  • 0.66 sload time on desktop
  • 0.54 sload time on a phone
  • 14languages
  • 1,008URLs

MEASURED: 2026-11-11

  1. LCP 664 ms · CLS 0 · TTFB 328 ms
  2. HTTP/2 · 14 languages · 1,008 URL sitemap
  3. llms.txt ✓ · WebP + SVG · 22 req · 1,139 KB

IN 14 LANGUAGES

Buyers read in their own language.

  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한국어

LOAD, FRAME BY FRAME

Opens in 0.66 seconds.

Frames from an animation-free recording; time from the case ledger (cold load, 1440×900, median of 5 runs).

Context

Edolines’ promise is built on an absence: “Done right, logistics is invisible.” The site’s job is to carry that promise in 14 languages, in the reader’s own script. Arabic pages run right to left; Chinese, Japanese, Korean and Hindi pages stand in their own writing systems.

  1. Five ports → one contract, one contact
  2. Every knowledge page → its basis, its source, its date
  3. # the site’s own statements, from the About and Knowledge Base pages

Strategy

Trust is built on evidence, not on claims. The principles section opens with “These are not marketing lines, they are our working rules. Tell us when we fall short.” The knowledge base shows its source and date on every page; shipment examples stand on their own records, without customer names. The accessibility statement is written in the same voice: next to what was done, it lists the known limits.

CLOSE-UP

The crops are real regions of the live site; each caption is the section’s own heading.

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

Structure

The home page opens with the globe and the quote form on the first screen. Then come five transport modes plus customs and warehousing, cargo moved, departure ports and scheduled lines. Services, ports, the knowledge base and a glossary of 81 terms have their own pages; the sitemap holds 1,008 addresses in 14 languages.

ARCHITECTURE

The lines are measured layout: container width and section rhythm are read from the live page, not drawn by hand.

edolines.com
edolines.com 1400px

Design

Headlines speak in a heavy voice, set in Archivo 800; the main headline is in capitals. The measured palette carries a near-black ground and white with three tones of gold: brass, light gold and cream. At the centre of the page stands a globe built from NASA’s night imagery; the ports are marked with their United Nations location codes.

MATERIAL

Archivo — edolines.com
Archivo · 800 · 118px

Headline typography — the specimen line is measured from the live page’s computed style.

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

Measured palette: the page’s three most frequent neutrals plus its saturated accents.

Interaction

The İstanbul clock runs live in the top strip, and the globe stops with a “Stop the globe” button. The film on the home page advances with scrolling, with “Pause film” and “Skip this section” beside it. The ports on the globe can be visited in order with the keyboard. With reduced motion, the opening sequence is not shown, the film is off and the globe holds a single frame.

MOBILE

Three real 390 px frames; the alt text is the page’s own title.

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ı

Lessons

Many languages are a structural decision, not a translation ratio. At Edolines every language version carries every page; text direction and script are each page’s own declaration. The same rule holds for knowledge: every page carries its basis, source and date in its credits, and the machine reader finds the same author and dates in the schema.

MEASUREMENT AND ARCHITECTURE

Measured values

Cold-load measurement dated November 11, 2026: Largest Contentful Paint 664 milliseconds, Time to First Byte 328 milliseconds, layout shift 0. Connection HTTP/2, 1,139 kilobytes transferred in total across 22 requests.

Every language, the whole site

The site runs in 14 languages: Turkish, English, German, French, Italian, Spanish, Russian, Arabic, Chinese, Greek, Hindi, Macedonian, Japanese and Korean. The 1,008 addresses in the sitemap split evenly across languages; no language is a summary edition. Arabic pages run right to left, and the layout is built independent of direction: spacing is defined by the start and end of the line, not by left and right.

Titles are not translated but written separately in each language. The Turkish title opens with “Uluslararası nakliye ve lojistik firması, İstanbul”, the German one with “Spedition Türkei”; the Chinese title leads with sea freight from China to Türkiye. Every page has its full set of hreflang alternates plus x-default.

Globe and motion

The home page globe is drawn with WebGL2. The surface is NASA’s Black Marble night imagery; the ports are marked with their United Nations location codes (TRAMR, TRMER, TRTEK, TRISK, TRIZM). In a browser without WebGL2 the globe is not drawn; the ports, the voyage line and all text remain as they are.

Every moving element has a stop button beside it: the globe, the clock in the top strip, the film that advances with scrolling. With reduced motion, the opening sequence is not shown, the film is off and the globe holds a single frame.

Ports from satellite imagery

The ports page sets 5 departure points and 11 terminals side by side using public operator data. The port images come from Copernicus Sentinel-2 tiles, and each tile’s identifier and capture date are written on the page. Values such as quay length and depth stand with numbered sources.

Sourced, dated knowledge

The knowledge base holds 50 entries: delivery terms, containers and capacity, costs and surcharges, documents and customs, regulation. The result of the survey run before the section was built is on the page too. Of the 22 Turkish sites read on 1 September 2026, most showed no date, none linked to its source and none warned that its content could go out of date. Edolines’ pages carry all three in their credits.

The glossary gives 81 terms found on invoices, each in one paragraph, with its English equivalent and a link to the detailed page; it states no tariffs or amounts.

Accessibility as a statement

The accessibility page sets WCAG 2.2 AA as its target and lists what was done with this sentence: “Every item is a behaviour measured on the site, not a promise.” The list covers the keyboard-navigable globe, touch targets, labelled form fields and the declaration of language and text direction. The known limits are on the same page: no globe without WebGL2, a silent film without text, no PDF attachments on the site.

For the machine reader

The business record in the structured data layer (LocalBusiness,WebSite) gives the head office, operating sites with coordinates, opening hours and contact points. Knowledge pages are marked as Article with author and dates, line pages with their destination country. llms.txt sits at the root and opens with the legal name and addresses; robots.txt is open to all crawlers.

Security headers are part of the site too. The content security policy limits scripts to the site’s own origin and the form service, HSTS is preload-ready, and the page cannot be framed by another site.

A client project

Edolines is a client project; its name, logo and images are used with the client’s written permission. The studio’s share is design, development and the search and machine layer; the text of the knowledge pages carries the client’s byline. The design credit sits in the site’s footer. The method is the same as in the other cases: business results (traffic, quotes, conversion) are not written until verifiable data exists.

Source

The site is live and its address is open on this page; the measurement can be repeated with the browser’s own developer tools. The sources of the knowledge pages are in each page’s credits, the satellite tile identifiers on the ports page, and the structured data in the page head as JSON-LD.