Ana Sayfa

Growth

Marketing Website

Marketing Website

Bu bölüm, Kolay İK Marketing Website’inde kullanılan tasarım prensiplerini, Marketing UI yaklaşımını, görsel kullanım kararlarını ve ikonları açıklar.

Neler var?

01

Marketing Site’de ne yapıyoruz?

Marketing Site, Kolay İK ürününü anlatan bir vitrindir. Aynı zamanda, kullanıcıyı ürünü değerlendirmeye ve denemeye yönlendiren ilk temas noktasıdır. Bu alanın amacı yalnızca bilgi sunmak değil, kullanıcının ürünün değerini hızlıca anlayarak bir sonraki adıma geçmesini sağlamaktır.

Marketİng Sİte:

  • Ürünün ne yaptığını net şekilde gösterir
  • Kullanıcının kendi ihtiyacı ile ürünü ilişkilendirmesine yardımcı olur
  • Güven oluşturur
  • Karar sürecini hızlandırır
  • Kullanıcıyı demo, form veya ücretsiz deneme adımına taşır

Marketing sayfalarını oluştururken:

  • Ürünün tamamını anlatmayız, en kritik değeri öne çıkarırız
  • Gerçek ürüne sadık kalır, ancak anlatımı sadeleştiririz
  • Her sayfayı belirli bir kullanıcı ihtiyacına odaklarız
  • Aşırı detaydan kaçınır, karar vermeyi kolaylaştırırız

02

Marketing UI vs Product UI

Marketing Website’te kullanılan arayüzler, birebir ürün ekranı olmak zorunda değildir.

Amaç, ürünün tüm detayını göstermek değil — değerini hızlı ve anlaşılır şekilde aktarmaktır.

 

Bu nedenle Marketing tarafında, ürün ekranlarının sadeleştirilmiş veya yeniden kurgulanmış versiyonları kullanılabilir.

Product UI

Bordosu hazır

90 Kişi

14 Kişi

Bordosu eksik

Kasım 2025

Raporu indir

Kesintiler

SGK Primi

Damga Vergisi

230,396,77 TL

8,397,77 TL

Marketing UI

01

A

Konu Tipleri

ALTERNATİF takİp soruları

  • Çok fazla detay içerir
  • Operasyonel kullanım için tasarlanmıştır
  • İlk kez gören kullanıcı için karmaşık olabilir

Marketing Website’te kullanılan arayüzler, birebir ürün ekranı olmak zorunda değildir.

Amaç, ürünün tüm detayını göstermek değil — değerini hızlı ve anlaşılır şekilde aktarmaktır.

 

Bu nedenle Marketing tarafında, ürün ekranlarının sadeleştirilmiş veya yeniden kurgulanmış versiyonları kullanılabilir.

02

A

Neden Genelde Birebir Ürün Ekranı Kullanmayız?

Gerçek ürün ekranları:

  • Sadeleştirilmiş tablo yapıları
  • Örnek veri içeren ekranlar
  • Odaklanmış tek senaryo gösterimleri
  • Gerçekten daha temiz hiyerarşi
  • Mesajı destekleyen görsel düzen

Marketing sayfasında ise hedef:

Kullanıcıya tüm sistemi öğretmek değil, “Bu bana çözüm olur” hissini vermektir, fakat görsel dil olarak product ile tutarlı kalır.

03

İkonlar

Marketing Website’te kullanılan ikonlar, ürün içindeki ikonlardan farklı bir amaca hizmet eder. Product UI’de ikonlar işlevi destekler. Marketing Website’te ise ikonlar, içeriğin hızlı taranmasını ve başlıkların kolay anlaşılmasını sağlar.

03

A

Kullanım Prensibi

Marketing sayfalarında ikonlar her zaman bir başlık veya içerik grubunu temsil eder.

ÖrneğİN:

  • Ürünleri ve özellikleri tanıtan alanlarda
  • Kaynak / içerik listelerinde
  • Danışmanlık veya hizmet kategorilerinde vb.

Genelde İkon + başlık birlikte çalışır.

03

C

Renk Kullanımı

Marketing Website’te ikonlar marka renk skalasına sadık kalınarak kategori ayrımı yapmak için renklendirilir.

Bu kullanım:

  • İçerik gruplarını birbirinden ayırmaya yardımcı olur
  • Tarama kolaylığı sağlar
  • Görsel hiyerarşiyi destekler

Renk, anlam yüklemek için değil; gruplamayı güçlendirmek için kullanılır.

Aşırı vurgu oluşturacak kontrastlardan kaçınılır.

03

B

Görsel Karakter

Marketİng İkonları:

  • Basit ve okunabilir formda olmalıdır
  • Küçük boyutta bile ayırt edilebilir olmalıdır
  • Detay seviyesi düşük tutulur
  • Üründeki ikon setiyle aynı görsel dili paylaşır ancak marketing’e uygun revize edilebilir

Amaç ürünle tutarlılığı korurken, sayfa içinde dikkat dağıtmamaktır.

03

D

Uygulama İkonları

Uygulama ikonları, Kolay İK içinde yer alan modülleri ve özellikleri temsil ederler. Kullanıcının bulunduğu bölümü hızlıca tanımasını, sistem içinde kolayca yön bulmasını ve farklı İK süreçlerini ayırt edebilmesini sağlar.

Personel

Tüm çalışan bilgilerini tek uygulamadan yönetin

Aday Takip Sistemi

Tüm işe alım etaplarını tek platformdan yönetin

Vardiya

Mesai saatlerini verimli bir şekilde planlayın

Ücret

Maaşları hızlıca güncelleyin ve tek tıkla raporlayın

İK Analitiği

İK verilerinizi tek yerden takip edin, analizleyin

PDKS (Özellik)

OR kod ile çalışanların giriş- çıkışı takibini yapın

İK Analitiği (Özellik)

İzinleri uzaktan takip edin, yönetin ve onaylayın

03

E

Kaynaklar İkonları

Kaynaklar ikonları, Kolay İK’da destekleyici içeriklere ve yardımcı araçlara erişimi temsil eder. Kullanıcının ihtiyaç duyduğu bilgiye, dokümana veya ek kaynağa hızlıca ulaşmasını kolaylaştırmak için kullanılır.

Blog

Güncel İK konularında 450'den fazla yazı

İKahve

Kolay İK'nın hazırladığı özgün basılı yayın

E-Kitap

Her ay güncellenen dolu dolu e-kitap arşivi

Webinar

Alanında uzman kişilerle webinar kayıtları

Hesaplama

Hesaplama araçları ile işinizi kolaylaştırın

İK Check-up

İK departmanınızın detaylı tablosunu görün

Akademi

Kapsamlı İK eğitimi ve destekleyici kaynaklar

İK Raporu

İK süreçlerinin ve sektör standartlarının raporu

AI Yetkinlik Aracı

Al ile her şirket ve pozisyon için özel soruları

03

F

Destekleyici İkonlar

Destekleyici ikonlar, ana modülleri değil; bilgi, destek ve kullanıcı işlemleri gibi tamamlayıcı alanları temsil eder. Kullanıcının bu yardımcı noktalara hızlıca erişmesini sağlamak için kullanılır.

Son Yenilikler

Kolay İK’da neler değişti, keşfedin

Destek Makaleleri

Kolay İK’da işinize yarayacak destek makaleleri

İletişim

Kolay İK ile iletişime geçin

Giriş Yap

Kolay İK kullanıcıların giriş yapmak için kullandığı butonun ikonu

Dil

Kolay İK Websitesinde dil seçimi için kullanılan ikon

Alpha

search

in components

⌘K

Ana Sayfa

Growth

Marketing Website

Marketing Website

Bu bölüm, Kolay İK Marketing Website’inde kullanılan tasarım prensiplerini, Marketing UI yaklaşımını, görsel kullanım kararlarını ve ikonları açıklar.

Neler var?

01

Marketing Site’de ne yapıyoruz?

İşler küçük büyük diye ayırt edilmez ve her iş için Jira’da bir kayıt açılır. Bu Jira kartı, işlerin takibini kolaylaştırır, toplantı notlarını tutmamızı sağlar ve gelecekte ilgili işle bir şeye bakmak istediğimizde o iş için arşiv niteliği taşır.

örneğİN

  • Ürünün ne yaptığını net şekilde gösterir
  • Kullanıcının kendi ihtiyacı ile ürünü ilişkilendirmesine yardımcı olur
  • Güven oluşturur
  • Karar sürecini hızlandırır
  • Kullanıcıyı demo, form veya ücretsiz deneme adımına taşır
  • Anlatımı kolaylaştıracak şekilde sadeleştirilmiş

01

Marketing UI vs Product UI

İşler küçük büyük diye ayırt edilmez ve her iş için Jira’da bir kayıt açılır. Bu Jira kartı, işlerin takibini kolaylaştırır, toplantı notlarını tutmamızı sağlar ve gelecekte ilgili işle bir şeye bakmak istediğimizde o iş için arşiv niteliği taşır.

Product UI

Bordosu hazır

90 Kişi

14 Kişi

Bordosu eksik

Kasım 2025

Raporu indir

Kesintiler

SGK Primi

Damga Vergisi

230,396,77 TL

8,397,77 TL

Marketing UI

01

A

Konu Tipleri

ALTERNATİF takİp soruları

  • Çok fazla detay içerir
  • Operasyonel kullanım için tasarlanmıştır
  • İlk kez gören kullanıcı için karmaşık olabilir

Marketing Website’te kullanılan arayüzler, birebir ürün ekranı olmak zorunda değildir.

Amaç, ürünün tüm detayını göstermek değil — değerini hızlı ve anlaşılır şekilde aktarmaktır.

 

Bu nedenle Marketing tarafında, ürün ekranlarının sadeleştirilmiş veya yeniden kurgulanmış versiyonları kullanılabilir.

02

A

Neden Genelde Birebir Ürün Ekranı Kullanmayız?

Gerçek ürün ekranları:

  • Sadeleştirilmiş tablo yapıları
  • Örnek veri içeren ekranlar
  • Odaklanmış tek senaryo gösterimleri
  • Gerçekten daha temiz hiyerarşi
  • Mesajı destekleyen görsel düzen

Marketing sayfasında ise hedef:

Kullanıcıya tüm sistemi öğretmek değil, “Bu bana çözüm olur” hissini vermektir, fakat görsel dil olarak product ile tutarlı kalır.

03

İkonlar

Marketing Website’te kullanılan ikonlar, ürün içindeki ikonlardan farklı bir amaca hizmet eder. Product UI’de ikonlar işlevi destekler. Marketing Website’te ise ikonlar, içeriğin hızlı taranmasını ve başlıkların kolay anlaşılmasını sağlar.

03

A

Kullanım Prensibi

Marketing sayfalarında ikonlar her zaman bir başlık veya içerik grubunu temsil eder.

ÖrneğİN:

  • Ürünleri ve özellikleri tanıtan alanlarda
  • Kaynak / içerik listelerinde
  • Danışmanlık veya hizmet kategorilerinde vb.

Genelde İkon + başlık birlikte çalışır.

03

C

Renk Kullanımı

Marketing Website’te ikonlar kategori ayrımı yapmak için renk alabilir. Landing page hazırlarken de aynı renk skalasına sadık kalırız.

Bu kullanım:

  • İçerik gruplarını birbirinden ayırmaya yardımcı olur
  • Tarama kolaylığı sağlar
  • Görsel hiyerarşiyi destekler

Renk, anlam yüklemek için değil; gruplamayı güçlendirmek için kullanılır.

Aşırı vurgu oluşturacak kontrastlardan kaçınılır.

03

B

Görsel Karakter

Marketİng İkonları:

  • Basit ve okunabilir formda olmalıdır
  • Küçük boyutta bile ayırt edilebilir olmalıdır
  • Detay seviyesi düşük tutulur
  • Üründeki ikon setiyle aynı görsel dili paylaşır ancak marketing’e uygun revize edilebilir

Amaç ürünle tutarlılığı korurken, sayfa içinde dikkat dağıtmamaktır.

03

D

Uygulama İkonları

Uygulama ikonları, Kolay İK içinde yer alan modülleri ve özellikleri temsil ederler. Kullanıcının bulunduğu bölümü hızlıca tanımasını, sistem içinde kolayca yön bulmasını ve farklı İK süreçlerini ayırt edebilmesini sağlar.

Personel

Tüm çalışan bilgilerini tek uygulamadan yönetin

Aday Takip Sistemi

Tüm işe alım etaplarını tek platformdan yönetin

Vardiya

Mesai saatlerini verimli bir şekilde planlayın

Ücret

Maaşları hızlıca güncelleyin ve tek tıkla raporlayın

İK Analitiği

İK verilerinizi tek yerden takip edin, analizleyin

PDKS (Özellik)

OR kod ile çalışanların giriş- çıkışı takibini yapın

İK Analitiği (Özellik)

İzinleri uzaktan takip edin, yönetin ve onaylayın

03

E

Kaynaklar İkonları

Kaynaklar ikonları, Kolay İK’da destekleyici içeriklere ve yardımcı araçlara erişimi temsil eder. Kullanıcının ihtiyaç duyduğu bilgiye, dokümana veya ek kaynağa hızlıca ulaşmasını kolaylaştırmak için kullanılır.

Blog

Güncel İK konularında 450'den fazla yazı

İKahve

Kolay İK'nın hazırladığı özgün basılı yayın

E-Kitap

Her ay güncellenen dolu dolu e-kitap arşivi

Webinar

Alanında uzman kişilerle webinar kayıtları

Hesaplama

Hesaplama araçları ile işinizi kolaylaştırın

İK Check-up

İK departmanınızın detaylı tablosunu görün

Akademi

Kapsamlı İK eğitimi ve destekleyici kaynaklar

İK Raporu

İK süreçlerinin ve sektör standartlarının raporu

AI Yetkinlik Aracı

Al ile her şirket ve pozisyon için özel soruları

03

F

Destekleyici İkonlar

Destekleyici ikonlar, ana modülleri değil; bilgi, destek ve kullanıcı işlemleri gibi tamamlayıcı alanları temsil eder. Kullanıcının bu yardımcı noktalara hızlıca erişmesini sağlamak için kullanılır.

Son Yenilikler

Kolay İK’da neler değişti, keşfedin

Destek Makaleleri

Kolay İK’da işinize yarayacak destek makaleleri

İletişim

Kolay İK ile iletişime geçin

Giriş Yap

Kolay İK kullanıcıların giriş yapmak için kullandığı butonun ikonu

Dil

Kolay İK Websitesinde dil seçimi için kullanılan ikon

Alpha

search

in components

⌘K

Varlıklar

Bileşenler

Tasarımcı

Geliştirici

Ürün

Growth

Hoşgeldin

Marketing Website

Brand Guideline

Kaynak

Yardım alın

Yukarı Çık

Ana Sayfa

Growth

Marketing Website

Marketing Website

Bu bölüm, Kolay İK Marketing Website’inde kullanılan tasarım prensiplerini, Marketing UI yaklaşımını, görsel kullanım kararlarını ve ikonları açıklar.

Neler var?

01

Marketing Site’de ne yapıyoruz?

Marketing Site, Kolay İK ürününü anlatan bir vitrindir. Aynı zamanda, kullanıcıyı ürünü değerlendirmeye ve denemeye yönlendiren ilk temas noktasıdır. Bu alanın amacı yalnızca bilgi sunmak değil, kullanıcının ürünün değerini hızlıca anlayarak bir sonraki adıma geçmesini sağlamaktır.

Marketİng Sİte:

  • Ürünün ne yaptığını net şekilde gösterir
  • Kullanıcının kendi ihtiyacı ile ürünü ilişkilendirmesine yardımcı olur
  • Güven oluşturur
  • Karar sürecini hızlandırır
  • Kullanıcıyı demo, form veya ücretsiz deneme adımına taşır

Marketing sayfalarını oluştururken:

  • Ürünün tamamını anlatmayız, en kritik değeri öne çıkarırız
  • Gerçek ürüne sadık kalır, ancak anlatımı sadeleştiririz
  • Her sayfayı belirli bir kullanıcı ihtiyacına odaklarız
  • Aşırı detaydan kaçınır, karar vermeyi kolaylaştırırız

02

Marketing UI vs Product UI

Marketing Website’te kullanılan arayüzler, birebir ürün ekranı olmak zorunda değildir.

Amaç, ürünün tüm detayını göstermek değil — değerini hızlı ve anlaşılır şekilde aktarmaktır.

 

Bu nedenle Marketing tarafında, ürün ekranlarının sadeleştirilmiş veya yeniden kurgulanmış versiyonları kullanılabilir.

Product UI

Bordosu hazır

90 Kişi

14 Kişi

Bordosu eksik

Kasım 2025

Raporu indir

Kesintiler

SGK Primi

Damga Vergisi

230,396,77 TL

8,397,77 TL

Marketing UI

02

A

Neden Genelde Birebir Ürün Ekranı Kullanmayız?

Gerçek ürün ekranları:

  • Çok fazla detay içerir
  • Operasyonel kullanım için tasarlanmıştır
  • İlk kez gören kullanıcı için karmaşık olabilir
  • Görsel olarak mesajı dağıtabilir
  • Marketing sayfasında gerekli olmayan bilgi yükü oluşturur

Marketing sayfasında ise hedef:

Kullanıcıya tüm sistemi öğretmek değil, “Bu bana çözüm olur” hissini vermektir, fakat görsel dil olarak product ile tutarlı kalır.

02

B

Marketing UI Nedir?

Marketing UI, ürünün birebir kopyası değil;

ürünün değerini anlatmak için tasarlanmış, kontrollü ve sadeleştirilmiş arayüz temsilidir.

örneğİN

  • Sadeleştirilmiş tablo yapıları
  • Örnek veri içeren ekranlar
  • Odaklanmış tek senaryo gösterimleri
  • Gerçekten daha temiz hiyerarşi
  • Mesajı destekleyen görsel düzen
  • Anlatımı kolaylaştıracak şekilde sadeleştirilmiş

Marketing UI; Ürünün gerçek davranışını yansıtmalı, kullanıcıyı yanıltmamalı, var olmayan özellik göstermemeli. Amacımız ürünü tam anlaması değil, form doldurması / demo talep etmesi / denemeye başlaması için öncü olmaktır.

03

İkonlar

Marketing Website’te kullanılan ikonlar, ürün içindeki ikonlardan farklı bir amaca hizmet eder. Product UI’de ikonlar işlevi destekler. Marketing Website’te ise ikonlar, içeriğin hızlı taranmasını ve başlıkların kolay anlaşılmasını sağlar.

03

A

Kullanım Prensibi

Marketing sayfalarında ikonlar her zaman bir başlık veya içerik grubunu temsil eder.

ÖrneğİN:

  • Ürünleri ve özellikleri tanıtan alanlarda
  • Kaynak / içerik listelerinde
  • Danışmanlık veya hizmet kategorilerinde vb.

Genelde İkon + başlık birlikte çalışır.

03

B

Görsel Karakter

Marketİng İkonları:

  • Basit ve okunabilir formda olmalıdır
  • Küçük boyutta bile ayırt edilebilir olmalıdır
  • Detay seviyesi düşük tutulur
  • Üründeki ikon setiyle aynı görsel dili paylaşır ancak marketing’e uygun revize edilebilir

Amaç ürünle tutarlılığı korurken, sayfa içinde dikkat dağıtmamaktır.

03

C

Renk Kullanımı

Marketing Website’te ikonlar marka renk skalasına sadık kalınarak kategori ayrımı yapmak için renklendirilir.

Bu kullanım:

  • İçerik gruplarını birbirinden ayırmaya yardımcı olur
  • Tarama kolaylığı sağlar
  • Görsel hiyerarşiyi destekler

Renk, anlam yüklemek için değil; gruplamayı güçlendirmek için kullanılır.

Aşırı vurgu oluşturacak kontrastlardan kaçınılır.

03

D

Uygulama İkonları

Uygulama ikonları, Kolay İK içinde yer alan modülleri ve özellikleri temsil ederler. Kullanıcının bulunduğu bölümü hızlıca tanımasını, sistem içinde kolayca yön bulmasını ve farklı İK süreçlerini ayırt edebilmesini sağlar.

Personel

Tüm çalışan bilgilerini tek uygulamadan yönetin

Performans

Hazır şablonlar ile kolayca değerlendirme yapın

Bordro

Bordroları hatasız, mevzuata göre hesaplayın

Aday Takip Sistemi

Tüm işe alım etaplarını tek platformdan yönetin

Vardiya

Mesai saatlerini verimli bir şekilde planlayın

Ücret

Maaşları hızlıca güncelleyin ve tek tıkla raporlayın

İK Analitiği

İK verilerinizi tek yerden takip edin, analizleyin

PDKS (Özellik)

OR kod ile çalışanların giriş- çıkışı takibini yapın

İK Analitiği (Özellik)

İzinleri uzaktan takip edin, yönetin ve onaylayın

03

E

Kaynaklar İkonları

Kaynaklar ikonları, Kolay İK’da destekleyici içeriklere ve yardımcı araçlara erişimi temsil eder. Kullanıcının ihtiyaç duyduğu bilgiye, dokümana veya ek kaynağa hızlıca ulaşmasını kolaylaştırmak için kullanılır.

Blog

Güncel İK konularında 450'den fazla yazı

İKahve

Kolay İK'nın hazırladığı özgün basılı yayın

E-Kitap

Her ay güncellenen dolu dolu e-kitap arşivi

Webinar

Alanında uzman kişilerle webinar kayıtları

Hesaplama

Hesaplama araçları ile işinizi kolaylaştırın

İK Check-up

İK departmanınızın detaylı tablosunu görün

Akademi

Kapsamlı İK eğitimi ve destekleyici kaynaklar

İK Raporu

İK süreçlerinin ve sektör standartlarının raporu

AI Yetkinlik Aracı

Al ile her şirket ve pozisyon için özel soruları

03

F

Destekleyici İkonlar

Destekleyici ikonlar, ana modülleri değil; bilgi, destek ve kullanıcı işlemleri gibi tamamlayıcı alanları temsil eder. Kullanıcının bu yardımcı noktalara hızlıca erişmesini sağlamak için kullanılır.

Son Yenilikler

Kolay İK’da neler değişti, keşfedin

Destek Makaleleri

Kolay İK’da işinize yarayacak destek makaleleri

İletişim

Kolay İK ile iletişime geçin

Giriş Yap

Kolay İK kullanıcıların giriş yapmak için kullandığı butonun ikonu

Dil

Kolay İK Websitesinde dil seçimi için kullanılan ikon