OSBSA Bilişim

Ambalaj firması için web sitesi örneği

Oluklu mukavva kutu, sunum kutusu ve etiket üreten bir firma için kurduğumuz gezilebilir site. Paneli de açık.

Kısa cevap

Ambalaj alan kişi duygusal karar vermiyor, teklif topluyor. Siteye girdiğinde aradığı üç şey var: asgari sipariş adedi kaç, baskı fiyata dahil mi, numune kaç günde gelir. Aşağıdaki örnek site üçünü de ürün sayfasının en üstüne yazıyor — oluklu kutuda 500 adet, kuşe kaplı sunum kutusunda 1.000, etikette 2.000. Katalogdan teklif formuna kadar kalan her bölüm bu üç bilginin etrafında kuruldu.

Demodaki firma yok, numarası da yok; sayfanın nasıl çalıştığını görmeniz için kuruldu. Panelin parolasını görüşmede veriyoruz — isteyin, ekranda birlikte bir ürün adı değiştirelim.

Ekranda nasıl duruyor

Aşağıdakiler demonun kendi sayfalarından alındı; kurgu görsel değil.

Solda “Numune bir hafta, seri üretim üç hafta” başlığı ve teklif düğmeleri, sağda oluklu mukavva hattı; altta 7 gün, 3 hafta, 500 ve ISO 22000 rakamları.
Numune süresiyle asgari adet, daha ilk ekranda karşınızda.
Solda istiflenmiş mukavva kutu fotoğrafı, sağda “Oluklu mukavva kutu” başlığı ve tablo: asgari adet 500, oluk tipleri, FEFCO 0201, numune 7 gün.
Ürün sayfasındaki tablo, teklif istemeden önce adet ve oluk tipini gösteriyor.

Bir ambalaj sitesinde ne olmalı

Sektörü tanımayan bir ajans bunları sormaz; sorulmayınca da siteye girmez.

Her ürünün kendi sayfası ve kendi tablosu

Gramaj, oluk tipi, kutu tipi, azami baskı rengi, numune ve seri üretim süresi. Bunlar tek bir 'ürünlerimiz' sayfasına sığmıyor; her kalem kendi adresinde durunca hem okunuyor hem aramada o ürün adıyla çıkıyor. Örnek sitede dört ürünün dördü de ayrı sayfada.

Teklif formu ölçü, adet ve baskı soruyor

Ad ve telefon soran bir form size 'fiyat nedir' diye yazan on mesaj getiriyor ve her birine aynı soruları sormak zorunda kalıyorsunuz. Formda kutu ölçüsü, adet ve baskı bilgisi alanı olunca gelen talebe doğrudan fiyat verilebiliyor.

Sertifika ve belge sayfası

Gıdayla temas eden ambalajda ISO 22000 ve göç testi raporu soruluyor. Bunları e-postayla göndermek yerine indirilebilir bir sayfada tutmak, satın alma sorumlusunun kendi dosyasına koyabilmesi demek. Bir de sorulmadan verildiğinde iyi görünüyor.

Numune akışı sayfanın kendi içinde

Numune talebi ayrı bir form değil, ürün sayfasındaki düğme. Hangi ürünün numunesinin istendiği talebe kendiliğinden yazılıyor; siz panelde 'kuşe kaplı sunum kutusu, üç kaplamayla' diye görüyorsunuz.

İhracat yapıyorsanız ayrı dil

Ambalajda ihracat sık. Ama bunu Google Çeviri düğmesiyle çözmek işe yaramıyor: teknik terim bozuluyor ve arama motoru o sayfayı hiç görmüyor. Ayrı dil gerçek bir iş ve ayrı fiyatlanıyor; istemiyorsanız da site Türkçe olarak eksiksiz duruyor.

Müşteriniz siteye girer girmez ne arıyor

Üçü de demonun ilk ekranında cevaplanıyor. Cevap sayfanın dibinde kalırsa ziyaretçi telefonu eline alıyor ya da çıkıyor.

  1. Asgari kaç adetten üretiyorsunuz

    Satın almacının ilk sorusu bu ve cevabı yoksa telefon açıyor. Örnek sitede her ürün kartında asgari adet yazılı; oluklu kutuda 500, sunum kutusunda 1.000, etikette 2.000. Beş yüz kutu alacak biri de, elli kutu alacak biri de ilk ekranda size uygun olup olmadığını anlıyor. İkincisini kaybetmek kayıp değil: o zaten sipariş vermeyecekti, ama telefonunuzu on beş dakika meşgul edecekti.

  2. Baskı ve kalıp bedeli fiyatın içinde mi

    Bıçak kalıbı ve klişe bu sektörde teklifleri kıyaslanamaz hale getiren kalem. Örnek sitede kalıp bedelinin ilk siparişte bir kez alındığı, tekrar siparişte alınmadığı ve kalıbın müşterinin malı olduğu ürün sayfasında yazıyor. Bunu yazan bir site rakibinin teklifinden pahalı görünse bile karşılaştırmayı kazanıyor, çünkü diğer teklifin içinde ne olduğu belli değil.

  3. Numune ne zaman elimde olur

    Ambalajda numune görülmeden sipariş verilmiyor. Site numune süresini gün olarak veriyor (oluklu kutuda 7, etikette 4) ve numunenin ücretli olduğunu, sipariş verilirse faturadan düşüldüğünü açıkça yazıyor. Numuneyi bedava gösterip bedelini fiyata gizlemek de bir yöntem, ama satın almacı ikinci teklifte farkı görüyor.

Siteyi kendiniz yönetiyorsunuz

Aşağıdakiler demonun kendi panelinden alındı. Hazır site satan sağlayıcıların çoğu panelden söz ediyor ama ekranını göstermiyor.

Örnek Ambalaj demo panelinde Genel, Ürünler, Sayfalar, Rakamlar, Talepler ve Site bilgileri sekmeleri; tabloda oluklu mukavva kutu, sunum kutusu ve etiket satırları fiyat notu, sıra ve durum sütunlarıyla.
Hangi ürünün sitede göründüğünü buradan görüp tek yerden yönetiyorsunuz.
Oluklu mukavva kutu kaydının düzenleme formu: ürün adı, adres, fiyat notu “Asgari 500 adet”, sıra ve “yayında” kutusu; altında özet alanı.
Ürün adını ya da fiyat notunu değiştirip kaydettiğinizde site tarafında da değişiyor.

Panel demoda açık. Adresi /demo/ambalaj/panel; parolayı görüşmede veriyoruz. İstediğiniz kadar karıştırabilirsiniz, panelin altındaki "demoyu sıfırla" düğmesi her şeyi eski hâline döndürüyor.

Bu sitede neler var

Hepsi demoda çalışıyor. Yazmadığımız şey yok demektir.

Yönetim paneli

  • Ürün ve hizmet

    Kalem ekleyip çıkarıyor, adını ve açıklamasını değiştiriyor, sırasını siz belirliyorsunuz.

  • Teknik tablo

    Ürün sayfasındaki ölçü ve süre satırları panelden yazılıyor: solda ad, sağda değer.

  • İçerik sayfaları

    Hakkımızda, süreç, sertifikalar. Yeni sayfa açmak için bizi aramanız gerekmiyor.

  • Haber ve yazı bölümü

    Panelden yazı ekleyip yayınlıyorsunuz: başlık, özet, gövde ve tarih. Yazı aynı anda sitede ve ana sayfadaki son yazılar şeridinde beliriyor.

  • Rakam şeridi

    Ana sayfadaki dört rakam (kuruluş yılı, teslim süresi, kapasite) panelden güncelleniyor.

  • Gelen talepler

    Formdan gelen her talep panelde: ad, telefon, e-posta ve yazdığı mesajla.

  • Yedek indirme

    Sizin sürümünüzde bir düğme bütün içeriği JSON dosyası olarak indiriyor.

  • Parola korumalı

    Panel ayrı bir girişin arkasında; ziyaretçi panelin varlığını görmüyor.

Arama motoru tarafı

  • Sayfa başına tek H1

    Her sayfanın tek ana başlığı var. Eski sitelerde en sık bulduğumuz hata bu.

  • Başlık ve açıklama

    Arama sonucunda görünen iki satır her sayfa için ayrı yazılıyor.

  • Sektör şeması

    İşin türünü söyleyen yapısal veri gömülü: nakliyatta MovingCompany, klinikte Dentist.

  • Soru–cevap işaretlemesi

    Sık sorulanlar FAQPage biçiminde işaretli; sonuçta açılır cevap olarak çıkabiliyor.

  • Site haritası ve robots

    Panelden eklediğiniz ürün haritaya kendiliğinden giriyor, kaldırdığınız çıkıyor.

  • Görseller AVIF ve WebP

    Fotoğraflar yayın öncesi iki biçimde üretiliyor; tarayıcı desteklediğini indiriyor.

  • Telefonda açılış hızı

    Yavaş 4G'de ölçülen LCP 1,6 saniye (Google'ın eşiği 2,5) ve sayfa inerken zıplamıyor.

Formlar ve iletişim

  • Teklif formu

    Gönderilen talep veritabanına yazılıyor ve panelde görünüyor. Süs değil.

  • WhatsApp ve arama

    İkisi de hazır mesajla ve tek dokunuşla açılıyor; numara kopyalanmıyor.

  • Bot koruması

    Forma gizli bir tuzak alanı gömülü. İstenirse doğrulama kutusu da ekleniyor.

Telefon ekranı

  • Önce telefon

    Sayfalar dar ekrana göre kuruldu, masaüstü düzeni onun üstüne bindi.

  • Yapışık alt çubuk

    Dar ekranda altta Ara ve WhatsApp düğmeleri; kaydırma nereye giderse gitsin orada.

Dil ve barındırma

  • Sitenin dili

    Demolar ve size kurulan sürüm Türkçe. İngilizce, Arapça, Almanca, Rusça ve Fransızca altyapısı çalışıyor; kurulumu ek hizmet olarak fiyatlanıyor.

  • Nerede duracak

    Kendi sunucunuza da kurulur bizimkine de (Node 22 ve MariaDB). Kendi klasörü ve veritabanı olduğu için taşınabiliyor.

Ambalaj tarafında ayrıca

  • Asgari adet alanı

    Ürün formunda ayrı bir alan olarak duruyor; panelden değiştirdiğinizde kartta ve ürün sayfasında birden güncelleniyor.

  • Kalıp mülkiyeti notu

    Bıçak kalıbının kime ait olduğunu yazan satır ürün sayfasında sabit; teklif konuşmalarının yarısı bu maddeden çıkıyor.

Sık sorulanlar

Bu site benim ürünlerimle mi kurulacak
Evet. Örnekteki dört ürün ambalaj sektöründen alındı ama sizinkiler neyse onlar girilir. Ürün sayısında bir sınır yok; on kalemle de çalışır, yüz kalemle de. Ürünleri biz bir kez giriyoruz, sonrasını panelden siz yönetiyorsunuz.
Ürün fotoğraflarım yok, ne olacak
Fotoğraf olmadan da sayfa bozulmuyor: yerine ölçüsü doğru boş bir kutu çiziliyor ve dosya konulduğu an fotoğraf yerine geçiyor. Ama ambalajda fotoğraf satıyor. Telefonla çekilmiş, düz zeminde, tek ışıkta bir kutu fotoğrafı bile stok görselden iyi sonuç veriyor; nasıl çekeceğinizi anlatıyoruz.
Fiyat listemi sitede göstermek istemiyorum
Göstermeniz gerekmiyor. Örnek sitede de rakam yok, asgari adet ve süre var. İsterseniz bayi ve sürekli müşterileriniz için parolayla açılan bir fiyat sayfası da kurulabiliyor; o zaman liste herkese değil, giriş yapana görünüyor.
Siteyi ben güncelleyebilecek miyim
Panelden ürün ekliyor, adını ve teknik tablosunu değiştiriyor, sayfa metinlerini düzenliyorsunuz. Kod bilgisi gerekmiyor. Demonun panelini açıp deneyebilirsiniz; parolayı görüşmede veriyoruz ve panelde 'demoyu sıfırla' düğmesi olduğu için istediğiniz kadar karıştırabilirsiniz.
Ne kadar sürede yayına girer
Ürün bilgileri ve fotoğraflar elimize geçtikten sonraki süre konuşulur; asıl bekleten şey metin ve görsel toplamak oluyor, kurulum değil. Kapsamı ve süreyi teklif yazısında kalem kalem veriyoruz.
Ambalaj tasarımı da yapıyor musunuz
Kutunun grafik tasarımı ayrı bir iş ve onu biz yapmıyoruz; bizim yaptığımız o kutuyu satan site. Karıştırılıyor, o yüzden baştan söylüyoruz.

Sonraki adım

Örnek siteyi açıp gezmeniz on dakika sürüyor. Beğendiğiniz ya da 'bizde bu olmaz' dediğiniz yerleri not alın, görüşmede oradan başlayalım. Kendi ürün listenizle nasıl duracağını da o görüşmede ekranda gösterebiliyoruz.

Projenizi konuşalım

Ne istediğinizi kısaca yazın; kapsamı, süreyi ve bedeli içeren bir teklifle dönelim.