İçeriğe geç
Dutpınar

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
Dutpınar: dört sektörü buluşturan yeni web 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.

Dört faaliyet alanını aynı tasarım sistemi içinde buluşturan sektör kartları.

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.

Üretim aşamalarını adım adım sunan görsel anlatım bölümü.

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.

Kategori filtreleriyle ürün kataloğu; ürün bilgileri, satış noktası ve toptan teklif bağlantılarını birleştiren ürün detayı.

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.

Telefon, e-posta ve farklı talep konularını bir araya getiren iletişim arayüzü.

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ı.

Dil seçenekleri: Türkçe ↗ · English ↗ · Çince ↗

Yeni web arayüzünün telefon ekranında ana sayfa görünümü.

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.

Projeden seçki

Markadan ürüne, masaüstünden mobile.

Dutpınar’ın yeni web arayüzünden alınan gerçek ekranlar. Görselleri açarak detaylarını inceleyebilirsiniz.

Dutpınar yeni web arayüzünün video açılış alanı ve ana menüsü
Yeni kurumsal ana sayfa
Dutpınar Çiftliği sektör detayının yeni arayüzdeki görünümü
Sektör detay sayfası
Süt, et ve pekmez seçenekleriyle Dutpınar ürün kataloğu
Kategorilere ayrılmış ürün kataloğu
Dutpınar Malatya peyniri ürün görseli, bilgi alanları ve iletişim bağlantıları
Ürün detay sayfası
Dutpınar satış noktalarını ve harita bağlantılarını sunan sayfa
Şubeler sayfası
Dutpınar yeni web arayüzünün telefon ekranında ana sayfa görünümü
Mobil ana sayfa

Bu projedeki hizmetlerimiz

Canlı proje

newdemos.codeavm.xyz
Ücretsiz

Web siteniz Google'da nerede?

Sitenizin teknik durumunu, hızını ve anahtar kelime sıralamalarını ücretsiz analiz edip size raporlayalım.

Ara WhatsApp Teklif Al