Kurumsal Site UI Tasarımı
Siteniz içerik eklendikçe dağılmasın
Kurumsal sitelerde sorun genelde tek bir sayfa değil, sayfa çeşidinin zamanla çoğalmasıdır; her yeni bölüm kendi düzenini getirince site birkaç yıl içinde dağılır. Sayfa tiplerini şablon olarak tasarlıyor, içerik ekibinin bozmadan çoğaltabileceği bir bileşen düzeni bırakıyoruz.
- Sayfa tipi şablonları
- İçerikle büyüyen bileşen seti
- Kurumsal kimlikle tutarlı arayüz
- Panelden yönetilebilir düzen
Birlikte çalıştığımız markalar
Kurumsal Site UI Tasarımı kimler için?
Sitesi yıllar içinde dağılmış şirketler
Farklı zamanlarda farklı ajanslarla eklenen sayfalar yüzünden tek bir dili kalmamış kurumsal siteler.
İçeriğini kendi yöneten ekipler
Pazarlama ekibi panelden sayfa açıyorsa şablonların içerik uzunluğu değiştiğinde de düzgün durması gerekir.
Hizmet sayısı çok olan kurumlar
Onlarca hizmet ya da ürün sayfası olan şirketler. Sayfalar tek tek değil, tek bir şablon üzerinden tasarlanır.
Kapsam ve teslimatlar
Sayfa tipi envanteri
Ana sayfa, hizmet, ürün, referans, hakkımızda, blog listesi, yazı ve iletişim gibi tipler çıkarılır. Her tipin hangi bilgileri taşıyacağı yazılı hâle gelir.
Şablon tasarımı
Her sayfa tipi tek tek sayfa olarak değil, yeniden kullanılabilir bir şablon olarak tasarlanır. Aynı tipteki yeni sayfa tasarımcıya ihtiyaç duymadan açılır.
İçerik bloğu kütüphanesi
Metin, görsel, alıntı, tablo, sık sorulanlar, ekip kartı ve harekete çağrı gibi bloklar tasarlanır ve birbirleriyle uyumlu olacak biçimde kurulur.
İçerik varyasyonuna dayanıklılık
Uzun başlık, kısa metin, görselsiz sayfa ve çok maddeli liste gibi gerçek durumlar tasarım sırasında sınanır.
Kurumsal kimlikle uyum
Marka kılavuzunuz varsa arayüz onun üzerine kurulur; yoksa siteye özgü tipografi, renk ve boşluk kuralları yazılır.
Duyarlı davranış ve teslim
Şablonların dar ekran davranışı tasarlanır, panel alanlarıyla eşleme yapılarak geliştirmeye teslim edilir.
Aynı ana sayfa üç ayrı ziyaretçiye çalışıyor
Kurumsal sitelere gelen kişiler tek bir grup değil. Aynı ana sayfaya müşteri adayı, iş arayan biri ve şirketi araştıran bir üçüncü taraf giriyor. Üçüncü taraf bazen bir gazeteci, bazen bir yatırımcı, çoğu zaman ise sizinle çalışıp çalışmayacağına karar veren bir satın alma sorumlusu oluyor.
Bu grupların aradığı şey birbirinden farklı. Biri ne yaptığınızı ve size nasıl ulaşacağını arıyor, biri açık pozisyonları ve çalışma ortamını, biri de şirketin gerçekten var olduğunu gösteren bilgileri. Hepsine aynı anda ilk ekranda cevap vermeye çalışan sayfalar hiçbirine net cevap veremiyor.
Bu yüzden ana sayfada bir grubu sahibi olarak seçiyoruz. Genellikle müşteri adayı oluyor. Diğerleri sayfadan çıkarılmıyor, kendi yollarına yönlendiriliyor. Kimin nereye gideceği belli olduğunda ana sayfa kısalıyor ve asıl işini daha iyi yapıyor.
Diğer gruplar için ayrı giriş noktaları kuruyoruz. Kariyer ve yatırımcı içeriği kendi sayfasında derli toplu duruyor, menüde ve alt bilgide açıkça görünüyor. Böylece o kişiler aradıklarını buluyor, ana sayfa da kalabalıklaşmıyor.
En çok ziyaret edilen sayfa, genelde en az tasarlanan sayfa
Kurumsal site yenilemelerinde emeğin büyük kısmı ana sayfaya ve birkaç anlatım sayfasına gidiyor. Trafiğe bakıldığında ise tablo çoğu zaman farklı çıkıyor. İletişim sayfası, kariyer sayfası, servis ya da bayi listesi, tek bir teknik belge sayfası ve yıllar önce yazılmış bir yazı toplam ziyaretin büyük bölümünü topluyor.
Bu sayfalar genellikle şablonun en basit haliyle geçiştiriliyor. Oysa ziyaretçi orada bir iş yapmaya çalışıyor: telefonu bulmak, adrese gitmek, forma ulaşmak, doğru belgeyi indirmek. İşi tamamlayamadığında da siteyle ilgili izlenimi o sayfadan kalıyor.
Bu yüzden tasarım kapsamını belirlerken, varsa mevcut sitenizin ziyaret verisine bakıyoruz. Sayfa tipleri listesi buna göre önceliklendiriliyor. Çok ziyaret edilen ama sade görünen bir sayfa, görünürde daha iddialı bir sayfadan önce ele alınıyor.
Bu sayfalar çoğu zaman büyük bir tasarım emeği de istemiyor. Bilginin sıralaması, bir haritanın doğru yerleştirilmesi ve formun kısa tutulması yetiyor. Küçük düzeltmelerin karşılığı, ziyaret sayısı yüksek olduğu için hızlı görünüyor.
Nasıl çalışıyoruz?
İçerik ve sayfa envanteri
Mevcut sayfaları listeleyip hangi tipe girdiklerini çıkarıyoruz. Bu adımda genelde birbirinin tekrarı olan ve hiç ziyaret edilmeyen sayfalar da ortaya çıkıyor.
Bilgi mimarisi ve menü
Sayfaların gruplanmasını ve menü yapısını kuruyoruz. Kurumsal sitelerde en sık yapılan hata, iç yapının kurum şemasına göre kurulması.
Şablon tasarımı
Ana sayfa ve en çok kullanılan iki üç sayfa tipini önce tasarlıyoruz. Görsel dil kararları burada veriliyor.
Blok kütüphanesi
İçerik bloklarını varyantlarıyla kuruyoruz. Blokların birbiri ardına gelme kuralları da tanımlanıyor.
Panel eşlemesi ve teslim
Hangi alanın panelden düzenleneceğini geliştirme ekibiyle eşleyip dosyayı teslim ediyoruz.
Kullandığımız araçlar ve platformlar
- Figma
- FigJam
- Figma Dev Mode
- Storybook
- WordPress
Kurumsal Site UI Tasarımı fiyatını neler belirler?
Sayfa tipi sayısı
Kapsamı belirleyen şey sayfa sayısı değil, kaç farklı sayfa tipi olduğu. Otuz hizmet sayfası tek şablonla çözülebilir.
İçerik bloğu çeşitliliği
İçerik ekibinin kullanacağı blok sayısı arttıkça tasarlanacak varyant sayısı da artar.
Çok dilli yapı
İkinci bir dil metin uzunluğunu ve bazı düzen kararlarını değiştirir, kontrol yükünü artırır.
Mevcut kimliğin durumu
Marka kılavuzu hazırsa çalışma hızlanır. Kılavuz yoksa siteye özgü görsel kuralların yazılması kapsama girer.
Sıkça sorulan sorular
Kaç sayfa tasarlıyorsunuz?
Sayfa değil, sayfa tipi tasarlıyoruz. Aynı yapıdaki yüz sayfa tek bir şablonla çözülür. Tasarım kapsamını belirlerken sayfa sayısını değil, birbirinden gerçekten farklı kaç düzen gerektiğini konuşuyoruz.
Mevcut sitemizi yenilerken içeriğimiz taşınacak mı?
İçerik taşıma ayrı bir iş kalemi ama tasarım kararlarını doğrudan etkiliyor. Bu yüzden şablonları mevcut içeriğinizin gerçek uzunluklarıyla sınıyoruz, örnek metinle değil.
Tasarımı WordPress üzerinde uygulayabilir misiniz?
Evet, web tarafındaki çalışmayı kapsama ekleyebiliriz. Kendi geliştirme ekibiniz uygulayacaksa panel alanlarının eşlemesini onlarla birlikte çıkarıyoruz.
İçerik ekibimiz düzeni bozmadan sayfa açabilir mi?
Şablon mantığı tam da bunun için kuruluyor. Blokların hangi sırayla gelebileceği ve her bloğun içerik sınırları tanımlı olduğunda, panelden açılan yeni sayfa da aynı düzeni koruyor.
Blog tasarımı da dahil mi?
Genelde dahil. Blog listesi, yazı sayfası, kategori sayfası ve yazar bilgisi kurumsal sitenin sayfa tipleri arasında sayılır. Kapsamı baştan yazılı olarak netleştiriyoruz.
Erişilebilirlik kurallarına uygun tasarlıyor musunuz?
Temel kontroller tasarımın parçası. Renk kontrastı, odak görünürlüğü, başlık hiyerarşisi ve dokunma alanı ölçüsü kontrol ediliyor. Kamuya açık kurumlarda daha kapsamlı bir denetim gerekiyorsa bunu ayrı bir çalışma olarak planlıyoruz.
Kurumsal Site UI Tasarımı için ilk adımı atalım
- 1Formu doldurun ya da bizi arayın
- 2Bir iş günü içinde ön görüşme planlayalım
- 3Size özel yol haritası ve teklif hazırlayalım