Hedef Holding'e bağlı onlarca şirketi tek bir intranet çatısı altında toplayan, logo ve renk teması değiştirilerek başka holdinglere de ürünleştirilebilen kurumsal portalın UX/UI tasarım sürecini uçtan uca üstlendim.
>Bu projede temel amacım; Hedef Holding'e bağlı onlarca şirketin çalışanlarının ortak bir dijital çatı altında buluştuğu, ama her şirketin kendi haber ve içeriğini kişiselleştirilmiş biçimde gördüğü bir portal kurmaktı. Tasarımı en baştan, logo ve renk teması değiştirilerek başka holdinglere de satılabilecek kadar sade ve modüler kurguladım.
Bu projede sadece ekranları tasarlamakla kalmadım; rakip analizi ve modül önceliklendirmesiyle başlayan süreci, onlarca modülün (haberler, etkinlik takvimi, dosya paylaşımı, seri ilanlar, eğitim ve daha fazlası) bilgi mimarisini kurgulamaktan, tema değiştirilebilir bir design system inşa etmeye ve geliştirme ekibine uygulamaya hazır nihai tasarımı teslim etmeye kadar uçtan uca tek başıma yönettim.
Projenin temel odağı; Hedef Holding çatısı altındaki her şirketin kendi haber, duyuru ve etkinlik içeriğini kişiselleştirilmiş biçimde sunarken, aynı ürünün minimal bir efor ile başka bir holdinge de ürün veya kiralık model olarak sunulabilmesini sağlayacak esnek bir mimari kurmaktı.
Masaüstü, tablet ve mobil için ayrı ayrı uçtan uca tasarım: Kurumsal kullanıcıların büyük kısmının ofiste masaüstünden, saha ve şube çalışanlarının ise büyük ölçüde telefondan bağlandığını öngörerek anasayfayı ve tüm temel modülleri üç farklı ekran genişliği için ayrı ayrı tasarladım; hiçbir cihazda eksik veya sıkıştırılmış bir deneyim kalmadı.
Pazar Analizi
Kurumsal intranet ve hazır SaaS platformları incelendi, beyaz etiket farklılaşma noktası netleştirildi.
Modül Önceliği
Onlarca modül kullanım sıklığına göre sınıflandırılıp anasayfa yerleşimine karar verildi.
Bilgi Mimarisi
Holding, şirket ve kullanıcı olmak üzere üç katmanlı içerik hiyerarşisi kurgulandı.
Wireframe
Düşük detaylı iskeletlerle anasayfa ve modül sayfalarının yerleşimi test edildi.
Design System
Sadece logo ve renk değişkeni değiştirilerek başka markaya uyarlanabilen bir bileşen kütüphanesi kuruldu.
Responsive Tasarım
Masaüstü, tablet ve mobil için ayrı ayrı yüksek çözünürlüklü ekranlar tasarlandı.
Tasarım Teslimi
Geliştirme ekibine tema/marka değiştirilebilir, uygulamaya hazır nihai tasarım teslim edildi.
Araştırma ve Keşif
Bu projede en büyük fark; çözümün tek bir şirkete değil, farklı marka ve renk kimliğine sahip birden fazla holdinge hizmet edebilecek şekilde kurgulanması gerekliliğiydi. Sürece bu farklılaşma noktasını netleştiren bir pazar analiziyle başladım.
- Pazar ve Rakip Analizi: Klasik kurumsal intranetleri ve hazır SaaS platformlarını karşılaştırarak, ikisinin de sunamadığı "derin modül + gerçek marka esnekliği" birleşimini bu projenin ana farklılaşma noktası olarak belirledim.
- Modül Önceliklendirme: Haberler, duyurular, etkinlik takvimi, dosya paylaşımı, seri ilanlar, eğitim ve daha onlarca modülü kullanım sıklığına göre gruplandırarak anasayfa yerleşim önceliğini belirledim.
Tasarım Sistemi ve Mimari
Bu sistemin en kritik gerekliliği; header, kart, buton ve modül bileşenlerinin sabit kalıp, yalnızca logo ve renk teması değiştirilerek başka bir holdinge uyarlanabilmesiydi. Bu yüzden en baştan tema değişkenlerine (color token) dayalı bir mimari kurdum.
- Beyaz Etiket (White-Label) Mimari: Ana header'da Hedef Holding kimliği, hemen altındaki ikinci şeritte ise kullanıcının bağlı olduğu şirketin (ör. İnfo Yatırım) logosu ayrı ayrı yönetilebilir hale getirildi — aynı bileşen, farklı markalarla çalışabiliyor.
- Design System Metodolojisi: Figma üzerinde butonlardan kart yapılarına, modül başlıklarından navigasyon bileşenlerine kadar her öğeyi tutarlı bir Design System metodolojisiyle inşa ettim.
- Sade ve Nötr Görsel Dil: Farklı marka renklerine kolayca uyum sağlayabilmesi için arayüzü bilinçli olarak minimalist tuttum; renk ve kimlik vurgusu yalnızca header, buton ve accent öğelerinde yoğunlaştı.
Kullanıcı Arayüzü ve Etkileşim
Bir intranet portalı için en büyük risk, çok fazla modülün üst üste yığılıp kullanılmaz bir "panoya" dönüşmesidir. Ekranları tasarlarken önceliğim; onlarca modülü, çalışanı yormadan, sade ve tarayıcısı kolay bir hiyerarşiyle sunmaktı.
- Haberler ve Duyurular: Şirket geneli duyurular ile çalışanın kendi şirketine özel haberleri aynı sekmeli yapı içinde ayrıştırarak, kişiselleştirilmiş ama karmaşık olmayan bir akış kurguladım.
- Bildirim ve Arama Merkezi: Tüm modüllerdeki güncellemelerin tek bir bildirim kutusunda, kişi/içerik/doküman aramasının ise tek bir birleşik arama ekranında toplanmasını sağladım.
- Kart Tabanlı İçerik Yapısı: Etkinlik, eğitim, seri ilan ve dosya gibi birbirinden çok farklı içerik tipleri; tutarlı, tekrar kullanılabilir kart bileşenleriyle sunularak sayfa genelinde görsel bir düzen sağlandı.
- Kullanım Sıklığına Göre Hiyerarşi: Günlük kullanılan modüller (haberler, bildirimler, dosya paylaşımı) anasayfanın en görünür alanlarına; nadiren kullanılanlar (organizasyon şeması, telefon rehberi, SSS) ise sade metin-link kartlarına indirgendi.
- Mikro Etkileşimler: Bildirim rozetleri, sekme geçişleri ve kart hover durumları gibi anlık geri bildirimler veren mikro animasyonlarla arayüze canlılık kattım.
Sonuç ve Kazanımlar
Hedef Holding için tasarlanan bu portal, tek bir şirketin intranet ihtiyacını çözmekle kalmadı; logo ve renk teması değiştirilerek başka holding ve gruplara da ürün veya kiralık model olarak sunulabilecek, tema tabanlı ve minimalist bir tasarım altyapısı oldu. Onlarca modülü tek bir sade arayüzde birleştiren bu sistem, holding çalışanları için ortak bir dijital çatı, holding için ise yeni bir ürün fırsatı yarattı.
Ekranlar
Hedef Holding İntranet Portalı projesinden öne çıkan ekranlar — modüllerin masaüstü, tablet ve mobil görünümleriyle.
