Telefonda hızlı açılan, işi anlatan kurumsal web sitesi

• Eynak Zeytin

  Manisa Akhisar'da sofralık zeytin ve zeytinyağı üreten bir marka için iki dilli kurumsal site. Eski site markayı temsil etmiyordu, alan adının süresi de dolmuştu; site sıfırdan kuruldu. Beş sayfa Türkçe ve İngilizce, iki dilin metni de bu süreçte yazıldı. Üretim videoları paylaşımlı barındırmayı yormasın diye ayrı bir kaynaktan geliyor. Yayından sonra performans iyileştirmesi yapıldı, ürün kataloğu e-katalog olarak siteye eklendi. Elle yazılmış HTML, CSS ve JavaScript.

  MOBİL LCP 1,34 S · İLK ZİYARET · CLS 0 · TR / EN

  Vaka çalışması

• Altayoğlu Food

  Gıda üreticisi için kurumsal site: tasarım ve kod (HTML, CSS, Bootstrap). Ürün çekimleri, görsel işleme ve ürün kataloğu da aynı süreçte üretildi; markanın tanıtım filmi de aynı elden.

  Siteyi ziyaret et

• tundes.com.tr

  Bu sitenin kendisi. Bütün içerik HTML'de; her sayfanın başlığı ve açıklaması ayrı yazıldı, ana sayfada, hizmet ve vaka sayfalarında yapılandırılmış veri var. Site haritası Search Console'da; yeni sayfa yayına girince Bing ve Yandex'e bildirim gider. Ziyaret ölçümü stüdyonun kendi sunucusunda. Laboratuvar ölçümünde yerleşim kayması 0.

  CLS 0 · STATİK HTML

• Kurumsal web sitesi

  Markayı anlatan, ürünü ya da hizmeti gösteren, ziyaretçiyi tek dokunuşla iletişime götüren site: ana sayfa, ürünler ya da hizmetler, hakkında, iletişim; işletmenin anlatacağı kadar sayfa. Taslak gerçek içerikle çizilir; tasarım ve kod aynı elden.

  Tasarım

• İki dilli web sitesi

  İhracat yapan ya da yabancı müşterisi olan işletme için Türkçe ve İngilizce. İkinci dilin sayfaları birincinin aynası olur; metin aynı süreçte o dilde yazılır.

• Metin, fotoğraf ve video

  Eksik içerik kapsama eklenebilir: metin yazımı, görsel işleme, koşullar uygunsa ürün çekimi ve kısa video. Video, sayfayı yavaşlatmasın diye ayrı bir kaynaktan servis edilir.

  Fotoğraf ve Video

• Telefonda hız

  Görseller ekran genişliğine göre birkaç boyutta hazırlanır; video ilk ekranı bekletmez. Hız telefon profilinde ölçülür ve rakam, ölçüm koşuluyla birlikte verilir.

• Google'da bulunma temeli

  Her sayfanın başlığı ve açıklaması, site haritası, yapılandırılmış veri, Search Console kaydı. Sitedeki ad, telefon ve hizmetler Google İşletme Profili'ndekiyle aynı olur. İlk sıra vaadi yok; Google sıralamayı satmaz.

  Sosyal Medya ve Google

• Alan adı, barındırma ve yayın

  Alan adı (domain), barındırma (hosting), kurulum ve yayına alma bu tarafta yürütülür; barındırma projeye göre seçilir.

Kurumsal web sitesinin fiyatı kapsamdan çıkar. Aynı ad altında hazır bir temanın kurulumu da, markaya özel tasarlanıp elle kodlanan iki dilli bir site de satılır; teklifler bu yüzden birbirinden çok farklı görünür. Fiyatı değiştiren altı şey:

• Sayfa sayısı ve yapı

  Tek sayfalık bir tanıtım mı, ürünleri ve hizmetleri ayrı sayfalarda anlatan bir site mi. Ürün sayısı arttıkça sayfa düzeni ve içerik işi de artar.

• Dil sayısı

  Her dil ayrı metin ve ayrı sayfa demektir. Metnin çevrilmesi mi, o dilde yeniden yazılması mı gerektiği kapsamı belirler.

• İçerik kimde

  Metin ve fotoğraf hazırsa iş tasarım ve koda iner. Metin yazımı, görsel işleme ya da ürün çekimi gerekiyorsa kapsama ayrı kalem olarak girer.

• Tasarım ve hareket

  Sade bir düzen mi, markaya özel tasarım mı; video, animasyon, e-katalog gibi parçalar var mı. Hareket arttıkça sayfanın telefonda hızlı kalması için gereken emek de artar. Eynak'ta istenen hareket, ilk yüklemeyi ağırlaştırmadan verildi.

• Bağlantılar

  Form, WhatsApp, katalog indirme; teklif ya da randevu isteğinin bir listeye ya da CRM'e kendiliğinden düşmesi gibi akışlar.

  Otomasyon sayfası

• Barındırma, alan adı ve bakım

  Barındırma ve alan adı düzenli yenilenen giderlerdir, seçilen hizmete göre değişir. Bakım isteğe bağlıdır ve teklifte ayrı kalem olarak yazılır.

Kapsam belli olunca yazılı teklif; her kalem ayrı yazılır. Site, ürün çekimi ve otomasyon gibi birden fazla iş bir aradaysa her hizmetin fiyatı ayrı, bütün için toplu fiyat verilir. Süre de teklifle birlikte belirlenir.

1. 01

   İlk görüşme ve kapsam

   Ne yapılacağı, kimin için olduğu ve elde hangi içeriğin bulunduğu netleşir. Mevcut bir site varsa telefonda nasıl açıldığına bakılır. Eksik içerik için metin yazımı, görsel işleme ve koşullar uygunsa çekim de kapsama eklenebilir.

2. 02

   Yazılı teklif

   Tek bir site isteniyorsa tek kalem. Birden fazla iş bir aradaysa süreç adımlara bölünür; her hizmetin fiyatı ayrı yazılır, bütün için toplu fiyat verilir. Proje süresi de teklifle birlikte belirlenir; kapsam, iş yükü ve aciliyet birlikte değerlendirilir.

3. 03

   Taslak ve revizyon

   Önce tasarım taslağı, sonra kodlanmış önizleme. Revizyon turları sürecin doğal parçası; Eynak Zeytin'de de öyleydi.

4. 04

   Yayın

   Alan adı, barındırma, kurulum ve yayına alma bu tarafta yürütülür. Barındırmanın kaldıramayacağı içerik önceden çözülür; Eynak'ta videolar ayrı bir kaynaktan servis edildi. Site haritası Search Console'a verilir.

5. 05

   Yayın sonrası

   İstenirse aylık bakım: performans, güncelleme ve yeni içerik; teklifte ayrı kalem. Bakım yoksa değişiklikler talep geldikçe ayrı teklifle yapılır. Eynak Zeytin'de yayından sonra performans iyileştirmesi yapıldı, ürün kataloğu e-katalog olarak eklendi.

• Kurumsal web sitesi ne kadar sürede hazır olur?

  Kapsama bağlı. Sayfa sayısı, dil, içeriğin hazır olup olmadığı ve revizyon turları süreyi belirler. Süre teklifle birlikte yazılır.

• Sitedeki metni ve fotoğrafları kim hazırlar?

  Hazırsa işletmeden alınır. Değilse metin yazımı, görsel işleme ve koşullar uygunsa ürün çekimi kapsama eklenebilir. Altayoğlu Food'da ürün çekimleri, görsel işleme ve katalog sitenin yapıldığı süreçte üretildi.

• Siteyi sonradan kendim güncelleyebilir miyim?

  Bugüne kadar teslim edilen siteler panelsiz, elle kodlanmış sitelerdir; metin ya da ürün değişikliği bakım kapsamında ya da talep üzerine yapılır. İçeriği işletmenin kendisinin değiştirmesi gerekiyorsa bu baştan konuşulur ve site ona göre kurulur.

• Mevcut sitem var; yenilemek mi, baştan yapmak mı?

  Önce mevcut site telefonda ölçülür, içeriğine ve alan adının durumuna bakılır. Kullanılabilen içerik ve alan adı yeniden kullanılır. Eynak Zeytin'de eski site markayı temsil etmiyordu ve alan adının süresi dolmuştu; site sıfırdan kuruldu.

• Teklifleri karşılaştırırken neye bakmalı?

  Tutardan önce kalemlere: kaç sayfa ve kaç dil; metin ve fotoğraf kimden; tasarım markaya özel mi, hazır tema mı; alan adı kimin adına; barındırma ve bakım dahil mi, ayrı mı; yayından sonra site nasıl güncelleniyor. Aynı “kurumsal web sitesi” adı altında çok farklı işler satılıyor.

• Küçük bir dükkân için önce web sitesi mi, Google profili mi?

  Müşterisi çoğunlukla Google Haritalar'dan ve yakın çevreden gelen bir işletme için ilk adım çoğu zaman eksiksiz bir Google İşletme Profili'dir. Tundes'in 28 Eylül 2026'da Esenyurt, Beylikdüzü ve Avcılar'da Google Haritalar'da incelediği 1.083 işletmenin %61'inin profilinde web sitesi bağlantısı yoktu. Site, profilin anlatamadığını anlatır: ürün yelpazesi, katalog, ikinci dil, teklif isteği.

  Ücretsiz Google karnesi

Site çoğu zaman tek başına kalmaz. Aynı elden eklenebilenler:

• Web uygulaması ve iş yazılımı

  Puantaj, stok, üretim takibi gibi gündelik işleri tarayıcıda çalışan, kayıt tutan ve rapor üreten bir uygulamaya taşımak. Nasıl göründüğünü Keşif'teki üç demoda örnek verilerle deneyebilirsiniz.

  Demolar

• CRM ve ERP sistemleri

  Müşteri, teklif, sipariş, stok ve üretim kayıtlarını tek yerde tutan, işletmenin kendi akışına göre kurulan sistemler. Hazır paketin kullanılmayan modülleri yerine ihtiyaç kadar ekran ve rapor; iş büyüdükçe modül eklenir.

• Mobil uygulama

  Flutter ile iOS ve Android için tek kod tabanından uygulama; kapsam ve ihtiyaca göre değerlendirilir.

• Otomasyon

  Siteden gelen teklif ya da randevu isteği bir listeye düşer, ilgili kişiye bildirim gider; gelen kutusu ve müşteri takibi aynı akışa bağlanabilir.

  Otomasyon sayfası

Araç projeye göre seçilir. Eynak ve Altayoğlu'nda framework yok, elle HTML/CSS ve Bootstrap; bu sitede ve demolarda Next.js, TypeScript ve Tailwind; mobilde Flutter; veri tarafında Supabase.

• JavaScript
• TypeScript
• React
• Next.js
• HTML/CSS
• Tailwind CSS
• GSAP
• Bootstrap
• Flutter
• Supabase