Dutpınar: dört sektörü buluşturan yeni web arayüzü
Dutpınar için dört faaliyet alanını, üç ürün grubunu ve çok dilli sunumu bir araya getiren yeni bir kurumsal web arayüzü hazırladık. Marka hikâyesini, ürün incelemesini ve iletişim adımlarını ortak bir yapıda topladık.
Müşteri
Dutpınar
Gıda, çiftlik, balık yetiştiriciliği ve inşaat
Kapsam
- Kurumsal web tasarımı
- Sektör sayfaları
- Ürün kataloğu
- Çok dilli arayüz
- Mobil arayüz
Arayüz kapsamı
- 4
- Aynı yapıda sunulan sektör
- 3
- Ana ürün grubu
- 3
- Dil seçeneği
Problem
Dutpınar’ın farklı sektörlerdeki faaliyetlerini ortak bir marka diliyle sunmak; kurumsal bilgileri, ürünleri, satış noktalarını ve iletişim yollarını anlaşılır bir web yapısında buluşturmak.
Strateji
- Çiftlik, gıda, balık yetiştiriciliği ve inşaat alanlarını ana sayfa ve sektör detaylarında birlikte ele almak.
- Üç ürün grubunu katalog ve detay sayfalarıyla sunarak satış noktası ve kurumsal teklif bağlantılarını görünür kılmak.
- Üretim anlatımını, Türkçe/İngilizce/Çince dil seçeneklerini ve mobil yerleşimleri aynı arayüz yaklaşımında birleştirmek.
Sonuç
Dört sektörün, üç ürün grubunun, üretim anlatımının, şube bilgilerinin ve iletişim yollarının bir arada sunulduğu yeni kurumsal web arayüzü hazırlandı. Türkçe, İngilizce ve Çince seçenekleri bu yapıya eşlik ediyor.
01İhtiyaç Farklı faaliyetleri aynı marka çatısında anlatmak
Dutpınar’ın faaliyetleri çiftlik, gıda, balık yetiştiriciliği ve inşaat gibi farklı alanlara uzanıyor. Yeni web arayüzünün odağını, bu çeşitliliği ziyaretçinin kolayca takip edebileceği ortak bir yapı içinde sunmak oluşturdu.
Markayı ilk kez tanıyan bir ziyaretçinin genel çerçeveyi görebilmesini; belirli bir sektör, ürün veya satış noktası arayan kişinin ise ilgili bilgiye ilerleyebilmesini hedefledik. Kurumsal hikâye ile günlük kullanım ihtiyaçlarını aynı tasarım içinde ele aldık.
02Strateji Dört sektörü tek web deneyiminde buluşturmak
Ana sayfayı Dutpınar’ın faaliyetlerine açılan bir başlangıç noktası olarak kurguladık. Çiftlik, gıda, balık yetiştiriciliği ve inşaat alanlarını kendi görselleri ve bağlantılarıyla sunarken, her bölümün ortak kurumsal kimliğin parçası olarak görünmesini amaçladık.
Sektör detayları, ürün kataloğu, şubeler ve iletişim sayfalarını bu yapı etrafında birleştirdik. Böylece ziyaretçi markanın genel anlatımından ilgilendiği faaliyet alanına, ürüne veya iletişim seçeneğine geçebiliyor.
03Görsel dil Üretim hikâyesini öne çıkarmak
Yeni arayüzde geniş görselleri ve video kullanılan açılış alanını, büyük başlıklarla birlikte değerlendirdik. Krem zeminler, turuncu vurgular ve yeşil detaylar; ürün ve üretim görselleriyle birlikte sitenin görsel dilini oluşturuyor.
Ana sayfada kurumsal tanıtım, sektör kartları, ürün seçkisi ve marka geçmişi birbirini izliyor. Üretim sürecini anlatan bölümde çiftlik, toplama, işleme ve dağıtım aşamalarına yer veriliyor. Bu düzen, markanın ürünlerini ve üretim yaklaşımını birlikte anlatmayı amaçlıyor.
04Ürün kataloğu Üç gruptan ürün detayına
Ürünleri süt ürünleri, et ürünleri ve pekmez çeşitleri olmak üzere üç ana grupta sunduk. Katalogdaki kategori seçenekleri, ziyaretçinin ilgilendiği ürünleri incelemesini destekliyor.
Ürün detayında görsel, kısa açıklama ve ürün özelliklerini aynı sayfada topladık. Hammadde, üretim yöntemi ve saklama gibi bilgi alanları, ürün anlatımına eşlik ediyor. Açıklama, ürün bilgileri ve kullanım önerileri için ayrılan sekmeler de detayları bölüm bölüm sunuyor.
Satış noktalarına ve toptan teklif talebine açılan bağlantılarla ürün incelemesini bir sonraki adımla ilişkilendirdik. Kataloğu, hem ürünü tanımak isteyen ziyaretçi hem de kurumsal tedarik arayan işletme için bir başvuru alanı olarak ele aldık.
05Şubeler ve iletişim Doğru temas noktasına ulaşmak
Şubeler sayfasında satış noktalarını isimleri ve harita bağlantılarıyla sunduk. Ürün detaylarından bu alana geçiş vererek ürün bilgisi ile fiziksel satış noktası arasındaki ilişkiyi kurduk.
İletişim sayfasında telefon, e-posta ve adres bilgilerini form arayüzüyle bir araya getirdik. Formda ürün bilgisi, kurumsal tedarik, inşaat projesi ve diğer talepler için konu seçenekleri bulunuyor. Farklı ihtiyaçlara sahip ziyaretçilerin uygun iletişim yolunu seçebilmesini hedefledik.
06 Dil seçenekleri ve mobil kullanım
Arayüzde Türkçe, İngilizce ve Çince dil seçeneklerine yer verdik. Ana sayfanın başlıkları, menüsü ve kurumsal anlatımı ilgili dilde sunuluyor.
Masaüstündeki görsel anlatımı mobil ekranlara da taşıdık. Menü, açılış alanı ve içerik yerleşimleri ekran boyutuna göre düzenleniyor. Ürün, sektör ve iletişim bağlantılarının telefonda da takip edilebilmesi, yeni arayüzün kullanım yaklaşımının bir parçası.
07Sonuç Markanın farklı yüzlerini birleştiren yeni arayüz
Dutpınar için dört sektörün ve üç ürün grubunun ortak bir web yapısında sunulduğu yeni bir arayüz hazırladık. Kurumsal hikâye, üretim anlatımı, ürün detayları, şube bilgileri ve iletişim adımlarını bu yapı içinde birleştirdik.
Türkçe, İngilizce ve Çince seçenekleriyle desteklenen çalışma, markayı tanıma ve ilgili bilgiye ulaşma adımlarını aynı deneyimde topluyor. Yeni tasarım, ziyaretçinin Dutpınar’ı bütün olarak tanıyıp ilgilendiği ürün veya iletişim alanına ilerleyebildiği bir kurumsal vitrin sunuyor.
Bu projedeki hizmetlerimiz
Canlı proje
newdemos.codeavm.xyzDiğer vakalar
NDP Demirtaş Profil
NDP Profil: ürün kataloğundan teklif talebine uzanan web deneyimi
NDP Profil için kurumsal anlatımı, ürün kataloğunu ve malzeme hesaplama araçlarını bir araya getiren bir web sitesi tasarladık. Ziyaretçinin ürünü bulmasını, teknik detayları incelemesini ve ihtiyacını teklif talebine dönüştürmesini aynı akış içinde ele aldık.
Vakayı incele
Turkuaz Döner
Turkuaz Döner için 12 Instagram postu ve 2 sinematik video
Turkuaz Döner’in sosyal medya yönetimine, kendi restoranında kurduğumuz prodüksiyonla başladık. Ürün fotoğraflarını Instagram’da paylaşılabilecek 12 post tasarımına dönüştürdük ve çalışmayı iki sinematik videoyla tamamladık.
Vakayı inceleWeb siteniz Google'da nerede?
Sitenizin teknik durumunu, hızını ve anahtar kelime sıralamalarını ücretsiz analiz edip size raporlayalım.