Özel web tasarımı.
Tema satın alıp içine içerik dökmüyoruz. Sayfa düzeni, tipografi ve her ekranın nasıl davranacağı sizin içeriğinize bakılarak çiziliyor.
Özel web tasarımı, hazır bir tema satın alıp içeriği ona uydurmak yerine sayfa düzeninin, tipografinin ve bileşenlerin firmanın kendi içeriğine göre sıfırdan çizilmesidir. Maya Web 2003'ten beri her projeyi bu şekilde geliştiriyor: tasarım önce içerikten çıkar, sonra koda dönüşür. Sonuç, rakiplerinizle aynı görünmeyen ve kendi içeriğinizi doğru taşıyan bir arayüzdür.
Hazır şablon ile özel tasarımın gerçek farkı
Hazır tema ucuz başlar, pahalı biter. Tema sizin içeriğinizi tanımadığı için ya içeriği temaya kısaltırsınız ya da temayı zorlayıp yamalarsınız. İkisi de aynı yere çıkar: zamanla hiçbir sayfanın tam oturmadığı bir site.
Özel tasarımda sıra terstir. Önce elinizdeki içeriğe bakarız — kaç ürün var, teknik veri ne kadar, referans anlatısı uzun mu kısa mı, formda hangi alanlar olacak. Düzen ondan sonra çizilir. Bu yüzden özel tasarımda "bu bölüme sığmadı" diye bir sorun olmaz.
| Hazır tema | Özel tasarım | |
|---|---|---|
| Başlangıç | Hızlı: tema kurulur | Daha yavaş: içerik ve düzen çıkarılır |
| İçerik | İçerik temaya uydurulur | Düzen içeriğe göre çizilir |
| Kod | Kullanmadığınız yüzlerce özellik yüklenir | Yalnızca kullanılan kod |
| Hız | Çoğunlukla ağır | Gereksiz yük yok |
| Benzersizlik | Aynı temayı binlerce site kullanır | Yalnızca sizde |
| Değişiklik | Tema güncellemesi yamaları bozabilir | Kod sizin, değişiklik sınırsız |
Tasarım süreci nasıl işliyor
Dört adım. Her adımın sonunda elinize somut bir çıktı geçer, onay vermeden sonraki adıma geçilmez.
İçerik envanteri
Hangi sayfalar, hangi içerik türleri, hangi veriler. Çıktı: sayfa listesi ve her sayfanın içerik şeması.
Düzen ve tipografi
Izgara, yazı tipi ölçeği, renk ve bileşen kuralları. Çıktı: tasarım sistemi ve ana sayfa tasarımı.
Sayfa tasarımları
İç sayfalar, mobil karşılıkları ve boş durumlar. Çıktı: tüm şablonların masaüstü ve mobil tasarımı.
Koda dönüşüm
Tasarımın HTML ve CSS karşılığı, panel bağlantısı. Çıktı: test ortamında çalışan site.
Teslimde elinize ne geçiyor
- Masaüstü ve mobil için tüm sayfa şablonlarının tasarımı
- Renk, tipografi, buton, form ve kart kurallarının yazılı olduğu tasarım sistemi
- Tasarımın kodlanmış hâli — HTML, CSS ve gerekli JavaScript
- İçeriği kendinizin yöneteceği özel yönetim paneli
- Kaynak dosyalar; tasarımı ileride başka bir ekibe devredebilirsiniz
Erişilebilirlik ve hız tasarımın parçası
Bir tasarımın iyi olup olmadığı yalnızca ekran görüntüsünden anlaşılmaz. Metin ile zemin arasındaki kontrast oranını ölçüyoruz, klavyeyle gezinmeyi test ediyoruz, her görselin alternatif metnini yazıyoruz. Bunlar sonradan eklenen düzeltmeler değil, tasarım kararlarının içinde.
Hız da öyle. Tasarım aşamasında kaç yazı tipi yükleneceğine, görsellerin hangi boyutta sunulacağına ve hangi animasyonun gerçekten gerekli olduğuna karar veriyoruz. Sonradan optimize etmek yerine baştan hafif kuruyoruz.
Not: Özel tasarım, her projede sıfırdan çizim demek değil. 2003'ten beri biriken bir bileşen kütüphanemiz var. Sizin projeniz bu bileşenlerin markanıza göre yeniden kurgulanmasıyla başlıyor; bu da süreyi ve maliyeti düşürüyor.
Bu hizmetin çıktıları.
Aşağıdaki projelerde bu hizmet kullanıldı.
İkizler Aydınlatma
Aydınlatma ürünleri teknik verileriyle birlikte tek ekrandan yönetiliyor; site TR ve EN.
Projeyi incele ↗Sağlık · HastaneOsmanoğlu Hastanesi
Doktor, tıbbi birim ve check-up içerikleri hastanenin kendi ekibi tarafından güncelleniyor.
Projeyi incele ↗Kimya · EndüstriyelKarma Kimya
Ürün grupları, teknik doküman ve kurumsal içerikler panelden yönetiliyor.
Projeyi incele ↗