murattunalı.

Web Design + Development.

From editorial art direction to a static, fast build: design and code from one hand, one discipline.

Multilingual architecture (TR · EN · DE)
Performance: built to LCP < 0.8s

The hand that designs the site also builds its technical SEO: speed, accessibility and crawlability are not a checklist added later but a condition of the first draft.

PROCESS

WHAT’S INCLUDED

  • Editorial design + type system
  • Multilingual architecture (TR · EN · DE)
  • Motion choreography — reduced-motion included
  • Accessibility: AA baseline
  • Performance: built to LCP < 0.8s

MEASURED DIAGRAMS

Largest Contentful Paint — three live projects

fersantekstil.com 0.62s
karcem.com.tr 0.44s
mikroyazilimdestek.com 0.33s
Bars are measurements, the right edge is the 0.8-second budget. Values come from the same source as the case-study strips; nothing is typed by hand.

Layout shift — three measured values

fersantekstil.com 0.001
karcem.com.tr 0.004
mikroyazilimdestek.com 0.001
The full scale is Google’s “good” threshold; the dashed line is this studio’s own budget. The bars are measured shift — their smallness is the point.

JavaScript weight — weighed on every build

vendor 31 KB
own code 34 KB
total 65 KB
This site’s own payload: gzipped and measured at build time, the right edge is the 150 KB ceiling. Vendor is the GSAP family; the rest is this site’s own code.

SCOPE

Corporate web design: who it is for

Corporate web design here does not mean “large company”; it means a site that speaks several languages, is touched by several teams and has to live for years. At that scale what decides is not the visual but the contract: design tokens, schema at template level, and audits that run before release. This site itself was built under that contract.

Premium and custom web design — why no template

Custom web design is chosen because it is measurable, not because it is expensive. A ready template is fast on day one and heavy in month three: unused scripts, components that cannot move, accessibility that breaks. Premium web design is not an adjective in this repository but a budget line — the JS budget and critical CSS are written first and defended by a guard.

Custom website development: multilingual architecture

On a three-language site the cost accumulates in architecture, not translation: URL structure, x-default, the language switcher and schema translations. That is exactly why custom website development is chosen — these layers cannot be added later, they are built on day one. The example is live on this site: three languages, a reciprocal hreflang cluster, one generator.

For manufacturers and exporters

Sites that carry a product catalogue, certificates and a quote flow have rules of their own: product information on the page rather than in a PDF, every market in its own language, a sale that starts with a request for quotation. The details are on the B2B websites page.

Speed as a separate engagement

Every new site ships with a performance budget. If you already have a site that is slow, speed can be a job of its own: we trace why pages are slow for real visitors and fix it at the source — Core Web Vitals optimization.

LOCATION: ISTANBUL

Istanbul, TR — remote by default; on site when it matters.

FREQUENTLY ASKED QUESTIONS

SOURCES