Isıtmadan denizciliğe, taş kaplamadan sağlığa farklı sektörlerde tasarlayıp kodladığım siteler. Hepsi yayında; altlarında her birinde neyi neden öyle yaptığımı kısaca anlattım.
Radyatör alıcısı önce ölçüyü, ısıl gücü ve teslim süresini arar. Bu sitelerde ürün kodu, eksen ölçüsü ve teknik belge ilk ekrandan bir iki tıklama uzakta; teklif formu her ürün sayfasından aynı yere bağlanır.
Heinfer
Lacivert kahraman alanında ürün görseli ve öne çıkan seri; altında ürün sayısı, model ve güç değerleri tek satırda. Katalogdaki her ürün tek bir teklif formuna, ürünü önceden seçili olarak bağlanır.
Alüminyum Radyatör
Sıcak bir yaşam fotoğrafının yanında başlık ve iki düğme, hemen altında koyu bir teknik değer bandı. 38 ürün kodu eksen ölçüsü ve dilim başına watt ile karşılaştırılabilir biçimde listelenir.
Wellini
Açık zemin ve yeşil vurgu rengiyle sade bir katalog düzeni. 41 model; ürün görseli, ölçü ve basınç bilgisi aynı kart yapısında tekrarlanır, ziyaretçi modelleri yorulmadan karşılaştırır.
Wellini Radyatör
Okul ve kamu binası alıcısına seslenen, proje fotoğrafıyla açılan bir site. Tek ürün odaklı yapı; deney raporu ve ısıl güç bilgisi teklif adımından önce görünür.
Elektrikli Radyatör
Tek bir ürün için kurulmuş, açık tonlu ve ferah bir ana sayfa. Tüketim ve ısıtma alanı gibi alıcının ilk sorduğu bilgiler başlığın hemen altında.
Grzejnik Aluminiowy
Polonya pazarı için tamamen Lehçe hazırlanmış ürün sitesi. Beyaz, minimal bir düzen ve ürün fotoğrafı; teknik veriler ile toptan teklif yolu Lehçe arama alışkanlığına göre kurgulandı.
Radobella
Koyu, atmosferik bir kahraman görseli ve italik başlıkla diğer radyatör sitelerinden belirgin biçimde ayrışan çok dilli marka sitesi.
K Enerji
Rüzgâr ve güneş fotoğrafıyla açılan kurumsal site. Enerji üretimi, depolama ve ısıtma hizmetleri ayrı bloklarda; her blok kendi detay sayfasına götürür.
Aynı ürün grubunda üç farklı marka: her birinin rengi, dili ve sayfa kurgusu ayrı tutuldu. Teknik değerler tablolara, kullanım senaryoları görsellere taşındı.
Airostar
Açık zemin, perde önündeki cihaz fotoğrafı ve "taze hava" vurgusu. Filtre, verim ve ses değerleri başlığın altında simgeli küçük kutucuklarda.
Oksitek
Lila tonlarında yumuşak bir arayüz; birden fazla modeli yan yana anlatan bir yapı. Kanal gerektirmeyen montaj ve filtre sınıfı ilk ekranda.
Ventiva
Koyu yeşil bir üst bölüm ve büyük, kalın başlıkla daha teknik bir ton. Özellikler rozetlerle özetlenir, ayrıntı aşağıdaki bölümlerde.
Satın almacı ürün kodunu ve teknik özelliği bilir; tasarımın işi onu en kısa yoldan doğru ürüne ve teklif formuna götürmek.
Magna Group Türkiye
Kaynak fotoğrafıyla açılan koyu, endüstriyel bir ana sayfa. Ürün kodlarıyla aranan alaşımlar için kod bazlı sayfa yapısı; site JavaScript kullanmadan çalışır.
Modüler Su Deposu
Lacivert üst bar, depo görseli ve malzeme türüne göre ayrılmış modeller. Fiyatı belirleyen kalemler ayrı anlatılır; site JavaScript kullanmaz.
GarnetKum
Garnet kumunun yakın çekim görseliyle açılan, Türkçe ve İngilizce iki dilli site. Kumlama, su jeti ve filtrasyon kullanımları ayrı başlıklarda; ana sayfada video vitrin var.
Dekoray Perde
Kırmızı sahne perdesi fotoğrafıyla açılan koyu tema; ürünün kendisi tasarımın merkezinde. Motorlu perde sistemleri ve projeler kurumsal bir düzende sunulur.
Vizyon Akustik
Dalgalı akustik tavan panelli bir salon görseli, çapraz kesimli ve açılı bir kahraman düzeniyle. Telefon numarası menünün yanında, katalog ve teklif bağlantısı üst barda; hizmetler ve ürünler ayrı menülerde.
XSTO Türkiye
Motorlu merdiven tırmanıcıyı çalışırken gösteren video arka planı üzerinde büyük başlık. Alıcının ilk sorduğu kaldırma kapasitesi, 170–420 kg aralığı, mavi vurguyla ilk ekranda.
Dekoratif taş ve tuğla görerek satın alınır. Bu sitelerde doku fotoğrafları büyük, renk ve seri sayfaları ayrı; metraj ve kutu hesabı ziyaretçinin kendi ölçüsüyle yapılabilir.
İsotas
Taş kaplı modern bir ev fotoğrafı ve hemen altında model kartları. Metraj hesaplayıcı ve teklif akışı JavaScript kullanmadan çalışır.
ArkheStone
Gün batımında taş cepheli bir ev fotoğrafı üzerinde büyük, klasik bir başlık. Kültür taşı ve tuğla serileri ayrı; duvar kaplama hesaplama aracı sitenin içinde.
Tuğla Duvar
Tuğla duvarlı sıcak bir iç mekân fotoğrafı ve sade bir başlık. Seriler m² fiyat aralığıyla listelenir; numune ve metraj desteği ilk ekranda belirtilir.
Duvar Taşı
Koyu üst bar ve taş dokulu bir ev görseli. 3 aile, 20 seri ve 120 renk için ayrı sayfalar; site JavaScript kullanmadan çalışır.
Taş Dekoratif
Koyu zemin üzerinde taş duvar fotoğrafı ve büyük tipografi. Seriler ve renkler ağırlık bilgisiyle birlikte sunulur; metraj ve nakliyeli teklif aynı akışta.
Doğal Taş Duvar
Açık bej tonları ve ev fotoğrafıyla sakin bir düzen. Eski siteden geçişte 2.122 eski adres yeni sayfalarına tek tek yönlendirildi; kutu hesabı ve numune talebi sayfada.
Bu sektörün alıcısı çoğunlukla yurt dışında ve İngilizce arıyor. Görsel dil lüks yat dünyasına uygun: geniş fotoğraflar, serif başlıklar, sakin renkler.
Vista Marine
Beyaz bir süper yat görseli üzerinde teknik çizim kartları; çok dilli kurumsal site, ürün kataloğu ve teklif altyapısı birlikte çalışır.
Galley Equipment
İngilizce, geniş bir ürün kataloğu: gemi, yat ve havacılık mutfak ekipmanları kategori ve etiketlerle düzenlendi.
VST Marine
ABD merkezli şirket için İngilizce tek sayfa: lacivert tonlar, yat fotoğrafı ve hizmetlerin sırayla anlatıldığı kısa bir akış.
The Superyacht Galley
Koyu bir yat mutfağı fotoğrafı ve serif başlıklarla premium bir İngilizce site. Tasarım, ekipman ve kurulum hizmetleri ayrı bölümlerde.
Superyacht Laundry
Yat çamaşırhanesi fotoğrafıyla açılan, serif başlıklı İngilizce site. Sistem, mühendislik ve kurulum adımları sade bir sırayla anlatılır.
Aynı ürün ailesi için dört farklı amaç: resmi marka sitesi, distribütör kataloğu, uluslararası vitrin ve bağımsız rehber. Karanlık, kadife tonlar ürünün atmosferini taşır.
Dunavox
DUNAVOX’un Türkiye’deki resmi marka sitesi: mutfak fotoğraflarıyla açılan geniş bir slayt ve siyah üst menüde seriler, şarap bilgisi ve rehberler. Modeller üst bardaki karşılaştırma aracıyla yan yana konur.
Dunavox Türkiye
Koyu zemin üzerinde şarap dolabı görselleri; ankastre, tezgah altı ve solo modeller ayrı kategorilerde.
WineCooler
Şarap mahzeni fotoğrafı ve serif başlıkla İngilizce bir vitrin sitesi; ürün koleksiyonu tipine göre gruplanır.
Şarap Dolabı
Koyu, sıcak tonlarda bir rehber sitesi: markaları karşılaştıran sayfalar ve seçim yazıları, ürün satıcısı gibi değil danışman gibi konuşur.
Burada karar birkaç saniyede veriliyor: büyük fotoğraf, iştah açan renkler ve sipariş ya da rezervasyon düğmesi ilk ekranda.
Mise Mutfak
Büyük, kalın tipografiyle açılan bir bulut mutfak sitesi. Altı marka aynı çatı altında, her biri kendi kartında.
Chick On Fire
Sarı ve kırmızı ağırlıklı, büyük harfli başlıklarla enerjik bir menü sitesi; güncel fiyatlar QR menüden okunur.
Tavuk Artı
Sarı-siyah kontrast ve büyük ürün fotoğrafı; telefon ve sipariş platformu düğmeleri ilk ekranda, ziyaretçiyi doğrudan siparişe götürür.
Kyklos Glamping Dome
Gece çekilmiş dome çadır fotoğrafıyla açılan koyu bir tema. Konaklama seçenekleri ve özel havuzlar anlatılır; fiyat rezervasyon adımının sonunda gösterilir.
VIP SZY Transfer
Özel jet önünde çekilmiş bir fotoğrafın üzerinde rezervasyon formu: mesafe, saatlik ve sabit ücret sekmeleriyle alış tarihi, saat ve konum ilk ekranda girilir. Turuncu vurgu rengi rezervasyon ve teklif düğmelerini öne çıkarır.
SZY Global Tour
Antalya ve Muğla’daki otelleri tanıtan, İngilizce açılan çok dilli bir rehber. Her otel büyük bir fotoğraf ve kısa özetle listelenir; yandaki şehir etiketleriyle ziyaretçi bölgeye göre süzer.
Güven her şeyden önce gelir: gerçek kişi fotoğrafı, sade dil ve kaynağı belli bilgi. Tasarım bağırmaz, açıklar.
Mogel
Beyaz, ferah bir e-ticaret arayüzü; ürün kategorileri üst menüde görsellerle. Mobilite ürünleri marka ve kullanım alanına göre bulunur.
MEC Engelli Erişim
Beyaz zemin üzerinde ürün fotoğrafı ve turuncu vurgu. Merdiven ve engel aşan cihazlar, kullanıcının bağımsızlığına odaklanan bir dille anlatılır.
Doç. Dr. Hüsrev Diktaş
Hekim portresi ve sade beyaz düzenle güven veren bir doktor sitesi. Diyabetik ayak ve yara enfeksiyonu üzerine konu sayfaları ile rehberler aynı yapı içinde.
Diyabetik Ayak
Tek sayfalık, okunaklı bir bilgi sitesi: belirtiler, günlük bakım ve doktora başvuru zamanı kısa bölümlerde.
Serkan Sünmez
Lacivert tonlarda, ofis fotoğrafıyla açılan bir mali müşavir sitesi. Vergi, SGK ve şirket kuruluşu rehberleri hizmetlerle birlikte sunulur.
Sektör Değişse de Değişmeyenler
Bu siteler görünüş olarak birbirine benzemiyor; ama hepsi aynı dört kuralla kuruldu.
Ana sayfanın ilk ekranı, o sektörde ziyaretçinin ilk sorduğu soruya cevap verir: ölçü, fiyat aralığı, menü ya da randevu.
Sitelerin büyük bölümü ihtiyaca göre sıfırdan yazıldı; gereksiz eklenti ve kod olmadığı için sayfalar hızlı açılır, sonradan değiştirmek kolaydır. WordPress ile kurulanların kartında bunu belirttim.
Sayfa yapısı, başlıklar, iç bağlantılar ve yapılandırılmış veri tasarımla birlikte kurulur; SEO uyumlu web tasarım sayfasında ayrıntısı var.
Teklif formu, telefon ya da sipariş: her sitede ziyaretçinin atacağı adım tektir ve her sayfadan aynı yere çıkar.
Örnekler Hakkında Merak Edilenler
Fiyatı neyin belirlediğini web sitesi fiyatları sayfasında anlattım.
Evet. Sayfadaki her site yayında ve kendi adresinde açılıyor; ekran görüntüleri canlı sitelerden alındı. Kurgu marka ya da tasarım taslağı yok.
Kapsama bağlı. Tek sayfalık bir tanıtım sitesi birkaç hafta, katalog ya da çok dilli bir kurumsal site daha uzun sürer. Kapsamı konuştuktan sonra takvimi yazılı olarak paylaşıyorum.
43 sitenin 37 tanesi hazır tema kullanılmadan, ihtiyaca göre sıfırdan tasarlanıp kodlandı. 6 projede WordPress ve lisanslı bir tema kullanıldı; bu sitelerin kartında “WordPress” etiketi var. Hangi altyapının işinize uyduğunu kapsamı konuşurken birlikte seçiyoruz.
Bir sonraki örnek sizin siteniz olsun
Sektörünüzü ve hedefinizi birkaç cümleyle anlatın; kapsamı ve başlangıç fiyatını yazılı olarak iletirim.
