İşler Yayın Grubu
Kurumsal web tasarımı ve UI/UX
Proje özeti.
isler.com.tr ↗İşler Kitabevleri için yayın markalarını, şubeleri, eğitim araçlarını ve kurumsal bilgileri bir araya getiren web sitesini tasarladık. Öğrenci, öğretmen, veli ve kurumların ihtiyaçlarına göre sayfalar oluşturduk. LGS ve YKS puan hesaplama araçlarını siteye ekledik; web çalışmasını SEO ile tamamladık.
Yapılan çalışmalar.
Bir hizmet seçin; kapsamını ve örneğini birlikte inceleyin.
Tasarım Dili ve Görsel Denge
Markanın bordo kimliğini geniş beyaz alanlar ve güçlü tipografiyle dengeleyen, her sayfada aynı ritmi koruyan bir görsel sistem kurduk.
- Tek vurgu rengi üzerine kurulu, disiplinli bir renk paleti.
- İki tonlu başlık vurgularıyla güçlü tipografik hiyerarşi.
- Nefes alan beyaz alan kullanımı ve dengeli grid düzeni.
- Fotoğraf, ikon ve kart stillerinde uçtan uca tutarlılık.
Bilgi Mimarisi ve Kullanıcı Yolculukları
Siteyi tek bir kitleye değil; öğrenci, öğretmen, veli ve kuruma ayrı ayrı seslenen bir yapı üzerine kurguladık.
- Kullanıcı tipine göre ayrılan özel sayfa ve içerik akışları.
- Her kitleye kendi diliyle seslenen başlık ve mesaj kurgusu.
- Karmaşık grup yapısını sadeleştiren net gezinme düzeni.
- Her sayfada ziyaretçiyi doğru adıma taşıyan yönlendirmeler.
Kurumsal Anlatım ve Güven
Grubun ölçeğini kuru rakamlarla değil; canlı akış, ekosistem verileri ve başarı hikâyeleriyle anlattık.
- Anasayfada güncel duyuruları taşıyan canlı haber akışı.
- Şube, yayın markası ve öğrenci sayılarıyla ekosistem anlatımı.
- Yayın, dağıtım ve teknoloji güçlerini ayrıştıran bölüm kurgusu.
- Başarı hikâyelerini öne çıkaran video odaklı içerik alanları.
Etkileşimli Araçlar ve Mobil Deneyim
Siteyi statik bir vitrin olmaktan çıkarıp öğrencinin düzenli kullandığı araçlarla zenginleştirdik; her ekranda kusursuz çalışacak şekilde kurduk.
- LGS ve YKS puan hesaplama motorlarının arayüz tasarımı.
- Anlık sonuç, indirme ve paylaşma akışlarıyla araç deneyimi.
- Mobil öncelikli kurgu; telefonda da aynı hiyerarşi ve denge.
- Hız ve okunabilirlikten ödün vermeyen duyarlı düzen.
Kurumsal siteyi oluşturan bölümler.
Marka kimliği, farklı ziyaretçi grupları, yayın ve bayi bilgileri, sınav araçları. Her bölümün ekranlarını ve işlevlerini aşağıdan inceleyebilirsiniz.
Bordo marka kimliği ve sayfa düzeni
İşler’in bordo rengini başlıklarda, butonlarda ve seçili alanlarda kullandık. Yayınlar, haberler ve kampanyalar için ortak bir kart düzeni oluşturduk. Beyaz zemin, yoğun içeriğin bölümler halinde okunmasını sağlıyor.
İşler Yayın Grubu kurumsal web sitesi anasayfa hero tasarımı
Tek Vurgu Rengi Disiplini
Bordo yalnızca vurgu noktalarında kullanılır; geniş beyaz zemin her sayfada nefes alanı ve net bir odak bırakır.
İki Tonlu Tipografik Hiyerarşi
Büyük puntolu başlıklarda çift renkli vurgu, uzun sayfalarda bile okuma sırasını kendiliğinden yönetir.
Kart ve Rozet Dili
İstatistik rozetleri, kullanıcı kartları ve haber kartları aynı köşe, gölge ve boşluk sistemiyle tek aileden çıkar.
Kampanya alanları
Karne çekilişi gibi dönemsel kampanyalar kendi görselleri ve açıklamalarıyla sunuluyor.
Öğrenci, öğretmen, veli ve kurum sayfaları
Bu dört ziyaretçi grubunun aradığı bilgileri ayrı sayfalarda topladık. Menü bağlantıları, ilgili araçlar ve iletişim adımları her grubun ihtiyacına göre düzenlendi.
Dört Kitle, Dört Sayfa
Öğrenci, öğretmen, veli ve kurum için ayrı kurgulanan sayfalar; her birinde kitleye özel içerik ve çağrılar.
Kitleye Özel Ton
Öğrenciye motive eden, veliye güven veren, kuruma çözüm anlatan başlık ve mesaj kurgusu.
Sadeleştirilmiş Gezinme
Devasa grup yapısı beş ana başlıkta toplanır; mega menü yerine net bir kullanıcılar menüsü çalışır.
Doğru Adıma Yönlendirme
Her sayfa ziyaretçiyi bir sonraki doğru adıma taşır: alanı keşfet, aracı kullan, iletişime geç.
Yayın markaları, haberler ve bayi ağı
Gruba bağlı markaları, güncel duyuruları ve bayi bilgilerini ayrı bölümlerde sunduk. Kurumsal bilgilerle günlük içeriklerin aynı sitede düzenli kalmasını amaçladık.
Canlı Haber Akışı
Anasayfa hero'sunda güncel haber ve duyuruları taşıyan kart akışı; site hiç durağan görünmez.
Sayılarla Ekosistem
Şube, yayın markası, öğrenci ve platform sayıları rozet bandıyla ilk ekranda güven kurar.
Marka Vitrini
Gruba bağlı yayın markaları tek grid'de sergilenir; her marka kendi detayına açılır.
Kurum ve Bayi Kanalları
Okullara uçtan uca çözüm anlatan kurum sayfası ve Türkiye geneli bayi ağı bölümü.
LGS ve YKS puan hesaplama araçları
Öğrenci doğru ve yanlış sayılarını girerek tahmini puanını hesaplayabiliyor; sonucunu indirebiliyor ve paylaşabiliyor. Formları ve sonuç ekranlarını telefon kullanımına göre de düzenledik.
LGS ve YKS Puan Motorları
Ders ders net girişi, güncel katsayılarla anlık hesaplama ve koyu temalı sonuç paneli.
İndir ve Paylaş Akışı
Öğrenci sonucunu tek tıkla indirir veya paylaşır; araç kendi kendini yayan bir kanala dönüşür.
Mobil Öncelikli Kurgu
Tüm sayfalar önce telefon için kurgulandı; tipografik denge küçük ekranda da aynen korunur.
Hız ve Okunabilirlik
Metinler, formlar ve görseller ekran genişliğine göre düzenleniyor.
İşler Yayın GrubuProjenin çıktıları.
İşler Yayın Grubu, ölçeğiyle orantılı bir dijital yüze kavuştu: her ekranda aynı dengeyle çalışan bir tasarım dili, dört farklı kitleyi tek kimlik altında ağırlayan bir yapı ve öğrencilerin her sınav döneminde geri döndüğü puan hesaplama araçları.
Proje ayrıntılarıYaklaşım, çalışma notları ve sorular+
Başlangıç noktası
Bir yayın grubunun web sitesi aynı anda dört farklı kitleye seslenir: öğrenci, öğretmen, veli ve kurum. Bu kitlelerin her biri farklı bir dil ve farklı bir içerik beklerken, sitenin tek bir kurumsal kimlik altında tutarlı kalması gerekir. Ölçek büyüdükçe denge kurmak zorlaşır; ya kurumsallık soğuklaşır ya da samimiyet dağınıklığa dönüşür.
Yaklaşımımız
Tasarımı tek bir vurgu rengi üzerine kurduk: markanın bordo kimliğini geniş beyaz alanlarla dengeleyen, tipografik hiyerarşisi güçlü bir görsel sistem. Bilgi mimarisini kullanıcı tipine göre ayırdık; her kitle kendi sayfasında kendi diliyle karşılanıyor. Kurumsal anlatıyı canlı haber akışı, ekosistem verileri ve etkileşimli araçlarla destekleyerek siteyi statik bir vitrin olmaktan çıkardık.
Sadelik bir eksiklik değil, ölçeğin dili
Türkiye'nin en büyük eğitim yayın gruplarından biri için kurumsal web tasarımı yaparken en kolay tuzak, ölçeği kalabalıkla anlatmaya çalışmaktır: daha çok bölüm, daha çok renk, daha çok hareket. Biz tersini yaptık. 56'dan fazla yayın markasını ve 3 milyondan fazla öğrenciye ulaşan bir ekosistemi taşıyan sitenin gücü, ne kadar çok şey gösterdiğinde değil, her şeyi ne kadar net gösterdiğinde ortaya çıkar.
Bu yüzden her sayfa tek vurgu rengi, iri tipografi ve geniş beyaz alan üzerine kuruldu. Bordo yalnızca kararın verildiği noktalarda konuşur: bir buton, bir vurgu, bir rozet. Gerisini boşluk ve hiyerarşi yönetir. Kurumsal web tasarımında bu disiplin, ziyaretçiye tek bir mesaj verir: bu marka ne yaptığını biliyor.
SEO ve performans, tasarımın süsü değil temeli
isler.com.tr'nin bilgi mimarisi arama niyetine göre kuruldu. Öğrenci, öğretmen, veli ve kurum sayfaları yalnızca kullanıcı deneyimi için değil; her kitlenin arama motorunda kendi diliyle aradığı sorulara birebir sayfa karşılığı olması için ayrıldı. Başlık hiyerarşisi, sayfa adları ve içerik akışı bu niyet haritasının üzerine oturur.
LGS ve YKS puan hesaplama araçları da aynı stratejinin parçası: her sınav döneminde on binlerce öğrencinin aradığı bu sorgular, siteye organik trafik taşıyan kalıcı birer kanal olarak tasarlandı. Araç sayfaları hızlı açılır, telefonda tek elle kullanılır ve markanın kurumsal kimliğini her etkileşimde yeniden kurar.
isler.com.tr'nin web tasarımını kim yaptı?+
İşler Yayın Grubu kurumsal web sitesinin tüm arayüz tasarımı, bilgi mimarisi ve UI/UX kurgusu Abow Creative tarafından yapıldı. Görsel dilden kullanıcı yolculuklarına ve araç arayüzlerine kadar site uçtan uca tek elden tasarlandı.
Projenin kapsamında neler vardı?+
Kurumsal görsel dilin kurulması, öğrenci, öğretmen, veli ve kurum için ayrı kullanıcı yolculukları, eğitim ekosistemi ve bayi ağı sayfaları, canlı haber akışı kurgusu ile LGS ve YKS puan hesaplama araçlarının arayüz tasarımı projenin kapsamındaydı.
Site neden kullanıcı tipine göre ayrı sayfalara bölündü?+
Bir yayın grubunun kitleleri aynı dili konuşmaz: öğrenci kaynak arar, veli güven arar, kurum çözüm arar. Her kitleye kendi sayfasını vermek hem kullanıcı deneyimini netleştirir hem de arama motorunda her arama niyetine birebir karşılık gelen bir sayfa yapısı kurar.
Puan hesaplama araçları siteye ne kazandırıyor?+
LGS ve YKS puan hesaplama araçları, her sınav döneminde yoğun aranan sorgulara kalıcı bir cevap sunar. Bu, siteye düzenli organik trafik taşır, ziyaretçiyi markayla tekrar tekrar buluşturur ve kurumsal siteyi statik bir vitrin olmaktan çıkarır.
Benzer bir kurumsal web sitesi kendi markam için yaptırabilir miyim?+
Evet. Abow Creative olarak eğitim markalarına özel kurumsal web tasarımı, bilgi mimarisi ve UI/UX hizmeti veriyoruz. İlk görüşme ücretsizdir; markanızın ölçeğine ve kitlesine göre yol haritasını birlikte çıkarırız.