İçeriğe geç
Proje

Atılım Bileşen İnsan Kaynakları Teknolojileri

Final sosyal medya kimliğinden türetilen kapak; 1:1 gönderi, 4:5 gönderi ve 9:16 hikâye düzenlerini tek vitrinde birleştirir. Raporlama, bölgesel ağ ve teslimat güveni aynı görsel dilde sunulur.

Atılım Bileşen İnsan Kaynakları Teknolojileri — Sosyal Medya portföy gelişim süreci: Proje Vitrini
Proje Türü: Kişisel çalışma
Konsept Portföy Vaka Çalışması
TASARIM SİSTEMİ

Proje Kimliği ve Teknik Bilgiler

Vaka çalışmasında kullanılan temel tasarım kararları, renkler ve tipografi özeti.

ALT KATEGORİSosyal Medya
SEKTÖR / ODAKinsan kaynakları alanında raporlama odaklı, uzaktan çalışan ekipler için bölgesel ağ ve teslimat güveni odağı
TİPOGRAFİInter / InterBaşlık / gövde • fallback: system-ui / Segoe UI
SUNUM YAPISI10 aşamalı vaka akışıGRAPHIC • 16:9
KULLANILAN RENKLER
#171A1F
#F1EEE8
#2FB7B3
SANAT YÖNÜ

Koyu grafit zemin, açık sıcak gri kart yüzeyleri ve kontrollü turkuaz vurgular üzerine kurulu; gerçek sosyal medya gönderi şablonlarını, modüler veri bloklarını ve insan kaynakları odaklı raporlama görsellerini öne çıkaran temiz, iki boyutlu editoryal sistem.

Atılım Bileşen İnsan Kaynakları Teknolojileri — Sosyal Medya portföy gelişim süreci: İletişim Hedefi
02 · İletişim Hedefi

İletişim Blokları

Raporlama mesajını taşıyan ilk sosyal içerik yerleşimi

İlk aşamada paylaşımın ana mesajı, kısa veri özeti ve ekip bilgisi üç temel blokta kuruldu. Finalde korunacak üst başlık alanı ile alt bilgi şeridi ilk kez tanımlandı; sonraki adımda yapı güvenli alan ve ızgarayla netleşecek.

  • Kısa başlık alanı
  • Rapor özeti kartı
  • Sabit alt bilgi şeridi
Atılım Bileşen İnsan Kaynakları Teknolojileri — Sosyal Medya portföy gelişim süreci: Görsel Yön
03 · Görsel Yön

Güvenli Alan Izgarası

Sosyal formatlar için ölçülü boşluk ve ana görsel düzeni

Önceki içerik blokları korunarak 12 kolonlu ızgara, kenar güvenli alanları ve ana görsel bölgesi tanımlandı. 1:1, 4:5 ve 9:16 formatlarında aynı hiyerarşiyi taşıyacak ortak ölçü sistemi kuruldu.

  • 12 kolonlu ana ızgara
  • Ortak güvenli alan
Atılım Bileşen İnsan Kaynakları Teknolojileri — Sosyal Medya portföy gelişim süreci: Izgara ve Kompozisyon
04 · Izgara ve Kompozisyon

Görsel Kompozit

Ekip ve rapor materyalinin temizlenerek tek kompozisyona alınması

Kurulan ızgara korunarak uzaktan çalışan ekip görseli ile rapor kartları temiz bir kompozitte birleştirildi. Arka plan kalabalığı azaltıldı, veri alanları görselden ayrıştırıldı ve tipografiyi taşıyacak açık bölgeler bırakıldı.

  • Temizlenmiş ekip görseli
  • Ayrıştırılmış veri kartları
  • Başlık için açık alan
Atılım Bileşen İnsan Kaynakları Teknolojileri — Sosyal Medya portföy gelişim süreci: Ana Görsel
05 · Ana Görsel

Başlık Hiyerarşisi

Ana mesaj, veri başlığı ve destek metninin dengelenmesi

Önceki kompozitte açılan alanlara ana başlık, kısa destek metni ve veri başlıkları yerleştirildi. Boyut, ağırlık ve satır aralıkları sosyal medya ekranında hızlı taramayı destekleyecek biçimde düzenlendi.

  • Ana başlık baskınlığı
  • Kısa destek metni
Atılım Bileşen İnsan Kaynakları Teknolojileri — Sosyal Medya portföy gelişim süreci: Tipografi Hiyerarşisi
06 · Tipografi Hiyerarşisi

Renk Kodlama Sistemi

Durum, bölge ve teslimat bilgisini ayıran sabit vurgu düzeni

Tipografik hiyerarşi korunarak grafit zemin, sıcak açık gri kartlar ve turkuaz vurgu sabitlendi. Turkuaz yalnız durum işaretleri, önemli sayılar ve çağrı alanlarında kullanıldı; veri önceliği netleştirilerek sonraki bilgi yapısına temel hazırlandı.

  • Grafit ana zemin
  • Açık gri veri kartları
  • Turkuaz kontrollü vurgu
Atılım Bileşen İnsan Kaynakları Teknolojileri — Sosyal Medya portföy gelişim süreci: Renk ve Vurgu
07 · Renk ve Vurgu

Bilgi ve Çağrı Alanı

Paylaşımı eyleme bağlayan sabit alt şerit ve bilgi düzeni

Renk sistemi korunarak alt şeride kısa açıklama, tarih ve bölge bilgisi ile tek bir çağrı alanı eklendi. Böylece gönderi yayınlanabilir bir iletişim parçasına dönüştü; sonraki varyasyonlarda aynı yapı korunacak.

  • Tarih ve bölge bilgisi
  • Tek çağrı alanı
  • Sabit alt şerit
Atılım Bileşen İnsan Kaynakları Teknolojileri — Sosyal Medya portföy gelişim süreci: Uygulama Varyasyonları
08 · Uygulama Varyasyonları

Format Varyasyonları

Aynı sistemin 1:1, 4:5 ve 9:16 uygulamalara taşınması

Yayınlanabilir 4:5 yapı temel alınarak 1:1 gönderi ve 9:16 hikâye/reels kapağı üretildi. Maske geçişleri, hafif gölge ve kart katmanları formatlara göre dengelendi; ana ızgara, başlık ve alt bilgi düzeni değişmeden korundu.

  • 1:1 gönderi
  • 4:5 gönderi
  • 9:16 hikâye kapağı
Atılım Bileşen İnsan Kaynakları Teknolojileri — Sosyal Medya portföy gelişim süreci: Tasarım Sistemi
09 · Tasarım Sistemi

Mobil Sistem Rafinesi

Küçük ekranda okunabilirlik ve boşluk ritminin son ayarı

Üç formatta korunan sistem mobil ekran ölçüsünde test edilerek metin satırları, kart aralıkları ve kenar boşlukları rafine edildi. Çağrı alanı ve önemli veriler ilk bakışta okunacak biçimde sadeleştirildi; final sunuma hazırlandı.

  • Mobil okunabilirlik
  • Dengeli boşluk ritmi
Atılım Bileşen İnsan Kaynakları Teknolojileri — Sosyal Medya portföy gelişim süreci: Final Sunum
10 · Final Sunum

Final Sosyal Sistem

Teslimata hazır sosyal medya ana çalışma alanı

Tüm önceki kararlar tek sistemde birleşti. 1:1, 4:5 ve 9:16 formatları aynı ızgara, tipografi, renk kodları, rapor kartları ve çağrı düzeniyle final teslimata hazırlandı.

  • Teslimata hazır üç format