PNR Aqua, banyo için ankastre paslanmaz çelik ürünler üreten bir marka. Bize yalnızca ismiyle gelen bu markanın ikonunu, renklerini, kataloglarını ve ambalajlarını Pienart olarak sıfırdan kurmuştuk. Sıra, aynı kimliği dijital dünyaya taşıyacak ve markanın ürün ailesini anlaşılır biçimde sunacak web sitesine geldi.
Markanın "görünmeyen çözümler" fikrini ekrana da taşımak istedik: PNR Aqua ürünleri nasıl işlevini duvarın ardına gizliyorsa, site de kendi kalabalığını gizleyip öne yalnızca ürünü çıkarıyor.
Tasarım ve Görünüş
Tasarımda tek bir kuralımız vardı: site, ürünler kadar sade olacak. Bol beyaz alan, Albert Sans yazı tipi ve ince ayraçlarla kurduğumuz arayüz, mermer dokulu banyo sahneleriyle açılıyor ve "Sadeliğin ihtişamı" sözünü daha ilk ekranda hissettiriyor.
- Marka ile bütünlük: Kimlikte kurduğumuz Q ikonu ve mavinin renk geçişleri, beyaz ağırlıklı arayüzde yalnızca vurgu noktalarında çıkıyor; logotip ve siyah detaylar sitenin her bölümünde aynı dili konuşuyor.
- Ürün odaklı sunum: Ürünler açık gri zeminlerde, dikkat dağıtan hiçbir öğe olmadan listeleniyor; fare üzerine geldiğinde ikinci görsele geçen kartlar ürünü farklı açıdan gösteriyor.
- Hareketli sunum: Ana sayfada kayan sahne görselleri, kaydırıldıkça beliren bölümler ve kaydırmalı kullanım alanları vitrini.
- Tam mobil uyum: Telefon, tablet ve masaüstünde aynı düzen ve okunabilirlik.
Sitede Neler Var?
- Ürün serileri: Form, Latent ve Noble serilerinden Vista, Pier, Roche, Salva, Oculto, Nish, Luviya, Caldo gibi alt gruplara, oradan da model sayfalarına inen bir ürün yapısı.
- Ana sayfa vitrini: Seriye göre süzülebilen Öne Çıkanlar alanı, ürünleri gerçek mekânda gösteren Kullanım Alanları bölümü ve ürün gruplarına yönlendiren marka bandı.
- Listeleme ve arama: Tarihe ve popülerliğe göre sıralama, son eklenen ürünler ve site içi arama.
- Ürün detayları: Yakınlaştırılabilir galeri; krom, beyaz, bakır, vizon, antrasit, siyah ve özel renk seçenekleri; ürün açıklaması ve teknik detaylar için ayrı sekmeler.
- Kurumsal içerik: Hikayemiz, misyon ve vizyon; seriler, malzeme, yüzey ve renk seçeneklerini anlatan Ürün Grupları sayfası.
- E-Katalog ve blog: Ürün kataloğuna tek tıkla PDF olarak erişim ve markanın güncel içerikleri için blog.
- İletişim ve e-bülten: Merkez ve fabrika için ayrı adres bilgileri, iletişim formu, harita ve e-bülten aboneliği.
- Satışa hazırlık: Mesafeli satış sözleşmesi, ürün teslim süreci ve gizlilik politikası sayfaları; online mağaza için ayrılmış bağlantı.
Yönetim Paneli
Sitenin tüm içeriği, PNR Aqua ekibinin teknik bilgiye ihtiyaç duymadan kullanabileceği sade, minimal ve kullanıcı dostu bir yönetim panelinden yönetiliyor.
Teknik Altyapı
Site, Pienart'ın kurumsal projelerde kullandığı ASP.NET ve SQL Server altyapısı üzerine kuruldu. Ürünler, kategoriler, koleksiyonlar ve blog içerikleri veritabanından beslenen dinamik sayfalar olarak çalışıyor.
- Arayüz: Bootstrap tabanlı esnek yerleşim, jQuery ile etkileşimler.
- Animasyon ve galeri: Slick ile dokunmatik uyumlu kaydırıcılar, Isotope ile ürün süzme, WOW ile kaydırmaya bağlı animasyonlar, jQuery Zoom ile ürün yakınlaştırma, Fancybox ve Magnific Popup ile görsel önizleme.
- Okunabilir adresler: Ürün ve kategori sayfaları için arama motoru dostu, anlamlı bağlantılar.
- Hız ve güvenlik: Cloudflare altyapısıyla hızlı içerik dağıtımı ve zorunlu HTTPS.