PORTFOLYO'YA DÖN
Eynak Zeytin kapak görseli
P.05DIGITAL EXPERIENCE — WEB DEVELOPMENTDIGITAL EXPERIENCES / WEB

Eynak Zeytin

PROBLEM

Eynak Zeytin, Manisa Akhisar'da sofralık zeytin ve zeytinyağı üreten bir marka. Mevcut web sitesi markayı temsil etmiyordu; alan adı ve barındırma süresi de dolmuştu. Yani sıfırdan başlamak gerekiyordu.

İstek netti: ürünü ve üretimi gösteren, hareketli, bol animasyonlu bir site. Bunun karşısında duran risk de netti: hareket arttıkça yavaşlayan, mobilde takılan bir sayfa. İkisini aynı anda tutmak işin asıl problemiydi.

ÇÖZÜM

Site framework kullanılmadan, elle yazılmış HTML, CSS ve JavaScript ile kuruldu; yerleşim için Bootstrap. Ana sayfa, ürünler, hizmetler, hakkında ve iletişim sayfaları; tamamı Türkçe ve İngilizce olmak üzere iki dilde, iki dilin metni de bu süreçte yazıldı.

Giriş ve üretim tesisi videoları sitenin omurgası. Paylaşımlı barındırma videoyu taşıyamayınca video dosyaları GitHub Pages üzerinden servis edildi; site paylaşımlı hostingde kaldı, video sorunu kapandı.

İstenen hareket verildi — kaydırmayla açılan bölümler, ürün kartları, video geçişleri — ama ilk yüklemeyi ağırlaştırmadan. Bunun tuttuğu aşağıda ölçümle görülüyor.

Eynak siyah zeytin teneke ambalajı, beyaz fon
Eynak soğuk sıkım zeytinyağı teneke ambalajı, beyaz fon
Eynak siyah zeytin silindir kutu ambalajı, beyaz fon

TEKNOLOJİ

HTML / CSS / JSBootstrapGitHub Pages (video)TR / EN

PRODÜKSİYON

Tasarım, kod, Türkçe ve İngilizce metinler, alan adı ve barındırma kurulumu, yayına alma: hepsi tek elden. Arada çok sayıda revizyon turu vardı ve hepsi aynı hatta ilerledi.

Yayın sonrası da sürdü. 2025'te ürün ve ambalaj çekimleri yapıldı; 2026'da performans optimizasyonu ve ürün kataloğunun dijital sürümü geldi, e-katalog sayfası olarak siteye eklendi. Bakım hâlâ Tundes'te.

SONUÇ

Site bugün markanın birincil dijital yüzü; iki dil, beş sayfa ve e-katalog ile canlıda.

Ölçüm (7 Eylül 2026, laboratuvar, mobil profil, Slow 4G ve 4× CPU kısıtı, iki koşu): en büyük içerik boyaması 0,84–0,88 s, yerleşim kayması 0. Google'ın "iyi" eşiği 2,5 s. Gerçek kullanıcı verisi (CrUX) bu site için henüz yok; rakamlar laboratuvar ölçümüdür.

Siteyi Ziyaret Et