Kurumsal Web Tasarım
Her yeni sayfada dağılmayan bir arayüz düzeni
Tek tek güzel tasarlanmış sayfalar, birkaç ekleme sonrasında birbirine benzemeyen bir siteye dönüşüyor; başlık boyutları kayıyor, butonlar çeşitleniyor, boşluklar tutmuyor. Biz sayfa değil sistem tasarlıyoruz. Tipografi ölçeği, renk kullanımı ve tekrar eden bileşenler baştan tanımlanıyor.

- Sayfa şablonları ve bileşenler
- Masaüstü ve mobil düzen
- Tipografi ve renk ölçeği
- Geliştirmeye hazır Figma teslimi
Birlikte çalıştığımız markalar
Kurumsal Web Tasarım kimler için?
Sitesini yeniden tasarlatan şirketler
Altyapı duruyor ama arayüz eskimiş, mobilde zorlanıyor ve marka ile uyuşmuyorsa tasarım tarafını ayrı bir çalışma olarak yürütebiliriz.
Kendi geliştirme ekibi olan kurumlar
Yazılımı içeride yapılan şirketlerde tasarımı biz kuruyor, ekibinizin doğrudan koda geçirebileceği dosya ve ölçüleri teslim ediyoruz.
Marka kimliğini yeni almış markalar
Logo ve renk kılavuzu hazırsa, bunun dijitalde nasıl davranacağını (buton, form, tablo, hata durumu) tanımlamak gerekir. Tasarım çalışması bu boşluğu doldurur.
Çok sayfalı yapıya geçen ekipler
Sayfa sayısı artacaksa her sayfayı ayrı tasarlamak sürdürülebilir değildir. Şablon ve bileşen mantığı burada zaman kazandırır.
Kapsam ve teslimatlar
Sayfa şablonları
Ana sayfa, hizmet sayfası, hizmet listesi, kurumsal sayfa, referans, blog yazısı ve iletişim gibi tekrar eden sayfa tiplerinin tasarımı.
Bileşen kütüphanesi
Buton, form alanı, kart, tablo, sekme, akordeon, bildirim ve breadcrumb gibi öğelerin durum varyantlarıyla (normal, üzerinde, odakta, pasif, hatalı) birlikte tanımlanması.
Tipografi ve renk ölçeği
Başlık basamakları, gövde metni, etiket boyutları, satır yüksekliği ve renk kullanım kuralları. Metin renklerinin okunabilirliği zemin üzerinde kontrol edilir.
Mobil düzenler
Dar ekranda menünün, tabloların, uzun formların ve çok sütunlu bölümlerin nasıl davranacağı ayrı ayrı tasarlanır.
İkon ve görsel dili
İkon ailesi seçimi, çizgi kalınlığı, fotoğraf kullanım kuralları ve görsel kırpma oranları.
Geliştirme teslimi
Ölçülerin, boşluk değerlerinin ve renk değişkenlerinin okunabildiği düzenli bir Figma dosyası; gerekiyorsa kısa bir kullanım notu.
Karar sayfada değil, ölçekte veriliyor
Kurumsal sitelerde en çok tartışılan konu genellikle ana sayfanın görünümü olur. Oysa sitenin bir yıl sonra nasıl duracağını belirleyen şey, toplantıda kimsenin konuşmadığı üç karardır: başlık basamakları arasındaki oran, boşluk değerlerinin hangi birimden türediği ve metin sütununun ne kadar genişleyebileceği.
Bu üç karar verildiğinde yeni bir sayfa tasarlamak estetik bir tercih olmaktan çıkıyor, bir seçim işine dönüşüyor. Başlık ikinci basamaktan mı üçüncüden mi başlayacak, bölüm arası dar mı geniş mi olacak? Seçenekler sınırlı olduğu için sonuç da tutarlı çıkıyor.
Verilmediğinde ise her sayfa kendi ölçüsünü icat ediyor. Bir sayfada başlık iri, diğerinde orta; bir bölümde boşluk geniş, sonrakinde dar. Tek tek bakıldığında hiçbiri yanlış görünmüyor, ama sayfalar yan yana konduğunda site dağınık duruyor. Bu yüzden ilk teslimimiz bir sayfa değil, bir ölçek oluyor.
Teslim dosyası bir resim değil, bir sözlüktür
Tasarımın kodda karşılığını bulup bulmayacağını belirleyen şey çoğu zaman görselin kendisi değil, dosyanın okunabilirliği. Geliştirici bir bölüme baktığında boşluğun ne kadar olduğunu, rengin hangi tanımdan geldiğini ve düğmenin o sayfaya özel mi yoksa ortak bir bileşen mi olduğunu ayırt edebilmeli.
Bunu sağlayan ayrıntılar sıkıcı olanlar: katmanların adlandırılması, renklerin değişken olarak tanımlanması, aynı işi yapan iki kartın tek bileşene indirilmesi. Dosya bu düzene girmediğinde geliştirme tarafında herkes kendi tahminini kodluyor ve fark ancak yayın öncesi kontrol turunda ortaya çıkıyor.
Bir de kimsenin istemediği ama her projede gereken ekranlar var: liste boşken ne görünecek, unvan iki satıra taştığında kart ne yapacak, tablo dar ekranda nasıl kaydırılacak, form hatalı gönderildiğinde uyarı nereye yazılacak. Bunlar tasarlanmadığında geliştirici kendi çözümünü üretiyor ve o çözüm sitenin kalıcı parçası oluyor.
Nasıl çalışıyoruz?
Malzeme incelemesi
Logo, renk, tipografi kılavuzu, fotoğraf arşivi ve varsa mevcut siteyi inceliyoruz. Eksik olanları baştan listeliyoruz ki tasarım ortasında tıkanmayalım.
Yön belirleme
İki ya da üç görsel yön hazırlıyoruz. Bunlar tam sayfa değil, karakteri gösteren kesitler; yön kararı burada veriliyor, sayfa detayında değil.
Ana sayfa ve ilk şablon
Seçilen yönü ana sayfa ve en çok kullanılacak iç sayfa üzerinde masaüstü ve mobil olarak açıyoruz. Revizyon turu bu adımda yoğunlaşıyor.
Şablonların tamamlanması
Onaylanan dil üzerinden kalan sayfa tipleri ve bileşen varyantları üretiliyor. Boş durum, uzun metin ve hata durumları da tasarlanıyor.
Teslim ve devir
Dosya düzenleniyor, adlandırma ve katman yapısı temizleniyor, geliştirme ekibine aktarım toplantısı yapılıyor.
Kullandığımız araçlar ve platformlar
- Figma
- FigJam
- Adobe Illustrator
- Adobe Photoshop
- Google Fonts
Kurumsal Web Tasarım fiyatını neler belirler?
Şablon sayısı
Kaç farklı sayfa tipi tasarlanacağı en belirleyici etken. Aynı şablonun içerikle çoğaltılması ek tasarım gerektirmez.
Bileşen derinliği
Yalnız temel öğelerle yetinilmesi ile tablo, filtre, çok adımlı form, hesaplama aracı gibi karmaşık bileşenlerin tasarlanması arasında fark vardır.
Marka malzemesinin durumu
Kılavuz hazırsa tasarım hızlanır. Renk paletinin dijital için yeniden düzenlenmesi ya da ikon ailesi üretilmesi gerekiyorsa kapsam genişler.
Revizyon turu sayısı
Kaç turluk revizyon planlandığı ve onay verecek kişi sayısı süreyi doğrudan etkiler.
Sonuçlar ve referanslar
Sıkça sorulan sorular
Tasarımı alıp kendi ekibimize yaptırabilir miyiz?
Evet. Teslim, geliştirme ekibinin doğrudan kullanabileceği şekilde hazırlanıyor. Ölçüler, boşluklar, renk ve tipografi değişkenleri dosyada tanımlı oluyor. İsterseniz geliştirme sürecinde soru başına destek de veriyoruz.
Kaç revizyon hakkımız var?
Revizyon turu sayısını başlangıçta yazılı olarak belirliyoruz. Turların yön kararından sonra değil, yön kararı üzerinde toplanması işi hızlandırıyor; en çok zaman kaybı geriye dönen yön değişikliklerinde yaşanıyor.
Tasarımı hangi dosya biçiminde teslim ediyorsunuz?
Figma dosyası olarak. Dosya içinde şablonlar, bileşen kütüphanesi ve stil tanımları ayrı sayfalarda durur. Görsel dışa aktarımlar da gerektiği biçimlerde hazırlanır.
Mevcut sitemizin tasarımını sıfırdan mı yapmalıyız?
Her zaman değil. Yapı sağlamsa tipografi, renk kullanımı, buton düzeni ve boşluk sistemi üzerinde çalışmak görünür bir fark yaratır. Sayfa yapısı ve kullanıcı akışı sorunluysa yeniden tasarım daha doğru olur.
Animasyon ve hareket tasarımı dahil mi?
Hareket kararlarını tasarımda tanımlıyoruz. Neyin nerede, hangi yönde ve ne kadar belirgin hareket edeceği yazılı oluyor. Karmaşık animasyonlar ayrı bir çalışma olarak ele alınır ve hareket azaltma tercihi olan kullanıcılar için alternatifi birlikte planlanır.
Erişilebilirliği gözetiyor musunuz?
Evet. Metin ile zemin arasındaki kontrastı, dokunma hedeflerinin boyutunu, odak göstergesinin görünürlüğünü ve form hatalarının yalnız renkle anlatılmamasını tasarım aşamasında kontrol ediyoruz.
İçerik hazır değilken tasarım yapılabilir mi?
Kısmen. Gerçek metinle tasarlanan sayfa, doldurma metinle tasarlanandan daha sağlam çıkar. En azından başlıkların ve ana mesajların taslağı olmadan başlarsak, içerik gelince yeniden düzenleme gerekir.
Tasarım ile geliştirme arasında fark oluşursa ne oluyor?
Geliştirme bizde ise tasarım kontrolünü biz yapıyoruz. Geliştirme sizde ise teslim sonrası bir kontrol turu planlayabiliriz; farkları sayfa sayfa listeleyip önceliklendiriyoruz.
İlgili içerikler
Bu konuyu derinleştiren rehberler, terimler ve ücretsiz araçlar.
Rehber
Web Sitesi (Domain) İsmi Ararken Nelere Dikkat Etmeliyiz?
1 dk okuma
Ücretsiz araç: SERP önizleme ve title/description kontrolü
Kurumsal Web 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