NDP Profil: ürün kataloğundan teklif talebine uzanan web deneyimi

NDP Profil’in ürünleri; duvar ve tavan profillerinden bağlantı malzemelerine, vida ve köşebentlere kadar farklı uygulama alanlarına uzanıyor. Bu çeşitliliği web sitesinde düzenli bir katalogla sunmak ve ürünlerin kullanımını görsel olarak anlatmak, çalışmanın odağını oluşturdu.

Web deneyimini, firmanın kurumsal bilgisini incelemek isteyen ziyaretçilerin yanında belirli bir ürünü, ölçüyü veya malzeme ihtiyacını araştıran kullanıcıları da düşünerek kurguladık.

Site içindeki akışı üç temel görev etrafında şekillendirdik: ürünü bulmak, teknik bilgisini anlamak ve ihtiyaç listesini satış ekibine iletmek. Ana sayfadaki ürün grupları, katalog, ürün detayları ve hesaplama alanlarını bu akışı destekleyen bölümler olarak bir araya getirdik.

Kurumsal sunumda üretim tesisleri, markalar ve firma hikâyesine yer verirken ürün inceleme ve teklif isteme adımlarını da görünür tuttuk. Böylece kurumsal anlatım ile ürün odaklı kullanım aynı site içinde buluştu.

Ürün kataloğunu duvar profilleri, tavan profilleri, bağlantı malzemeleri, civata ve vidalar ile köşebentler olmak üzere beş ana grup altında düzenledik. Toplam 29 ürünü bu yapı içinde sunarak katalogda gruba göre inceleme ve ürün arama seçeneklerine yer verdik.

Ürün kartlarında ad, ürün kodu ve kategori bilgisini birlikte kullandık. Detay sayfalarında ürün görsellerini, malzeme bilgisini ve ilgili ölçüleri teklif ve WhatsApp bağlantılarıyla bir araya getirdik.

Sitenin işlevsel bölümlerinden biri, dört farklı sistem için hazırlanan hesaplama alanı oldu: alçıpan bölme duvar, alçıpan asma tavan, T24 karopan ve clip-in tavan.

Kullanıcı; ölçülerini ve uygulamaya uygun seçenekleri girerek yaklaşık malzeme listesini görebiliyor. Sonuç alanında profiller, bağlantı elemanları ve tamamlayıcı malzemeler birlikte sunuluyor. Hesaplama sonucunu teklif talebine taşıma, WhatsApp’ta paylaşma, kopyalama ve yazdırma seçenekleri de bu akışa eşlik ediyor.

Aracın sonuçlarını ön metraj için yaklaşık miktarlar olarak tanımladık; ürün incelemesinden ihtiyaç listesini oluşturmaya uzanan adımı web deneyiminin parçası haline getirdik.

Teknik bilgiyi desteklemek için profil kesit gezginine ve alçıpan duvarın parçalarını gösteren etkileşimli bir şemaya yer verdik. Kesit gezgini, farklı profilleri karşılaştırmayı ve ilgili ürün sayfasına geçmeyi sağlıyor.

Duvar anatomisi bölümünde ise parçalar ile ürünler arasındaki ilişkiyi görsel olarak gösterdik. Profil, vida ve tamamlayıcı elemanların sistem içindeki yerini anlatan bu alan, kataloğu uygulama bilgisiyle birlikte sunuyor.

Arayüzde markanın kırmızı, antrasit ve açık tonlarını; büyük başlıklar, üretim görselleri ve teknik ürün çizimleriyle birlikte kullandık. Ana sayfadaki kurumsal sunum ile katalog ve hesaplama ekranlarında ortak bir tasarım dili kurduk.

Masaüstü ve mobil yerleşimlerde menü, ürün inceleme ve iletişim alanlarını farklı ekran boyutlarına göre düzenledik. Ürün detayı ve hesaplama gibi bilgi yoğun bölümlerde içeriğin bölüm bölüm takip edilebilmesini ön planda tuttuk.

NDP Profil için 29 ürünün beş ana grupta sunulduğu; ürün detayları, dört sistem için hesaplama seçenekleri ve görsel uygulama anlatımlarını birleştiren bir web deneyimi hazırladık.

Ortaya çıkan yapı, firmayı tanıma, ürün araştırma, yaklaşık malzeme ihtiyacını belirleme ve teklif isteme adımlarını aynı web sitesinde topluyor. Bu vaka çalışması, projenin web tasarımı ve işlevsel kapsamını anlatıyor.