Ürün Tasarımı
IEMedia
IE Media’nın global medya ekosistemini tek bir dijital deneyim altında toplamak, farklı markalarını doğru şekilde konumlandırmak ve şirketin milyonlarca kişiye ulaşan medya gücünü hem kullanıcılar hem de potansiyel iş ortakları için anlaşılır hale getirmek üzerine çalışıyorum.
Siteyi Keşfet
Ürün
Hakkında
IE Media, Interesting Engineering ile başlayan ve zaman içinde farklı medya markalarını bünyesine alan global bir dijital medya şirketi.
Bugün Interesting Engineering, Military Mechanics, Crafty Engineer ve Taste Lab gibi farklı markalar üzerinden engineering, science, technology, DIY, defense ve lifestyle içeriklerini farklı kitlelere ulaştırıyor.
Şirketin kendi verilerine göre platformları 8,2 milyar kişiye ulaşmış, videoları 7,7 milyardan fazla izlenmiş, sosyal medya tarafında 30 milyon takipçiye ve aylık 35 milyon aktif kullanıcıya ulaşmış durumda.
Buradaki problem sadece bir şirket websitesi tasarlamak değildi. IE Media’nın arkasındaki bütün ekosistemi, markaları, erişim gücünü ve ticari fırsatları tek bir yerde anlaşılır hale getirmek gerekiyordu.
Rol: UX/UI Designer
Neler
Yaptım
IE Media tarafında yaptığım iş, klasik anlamda birkaç corporate website ekranı tasarlamaktan biraz daha fazlası.
Şirketin farklı taraflarını tek bir deneyim içerisinde bir araya getirdim.
Corporate Website
IE Media’nın ne olduğunu, hangi markalara sahip olduğunu ve nasıl bir medya ekosistemi oluşturduğunu anlatan ana web deneyimini baştan sona tasarladım.
Brand Discovery
Farklı medya markalarını tek bir yapı altında organize ederek kullanıcıların her markanın ne yaptığını hızlıca anlayabileceği bir marka keşif deneyimi oluşturdum.
B2B Experience
Advertise tarafını potansiyel iş ortaklarının IE Media’nın erişimini, sunduğu reklam formatlarını ve iş birliği fırsatlarını anlayabileceği bir deneyime dönüştürdüm.
Lead Generation
Contact ve Advertise akışlarını sadece form doldurma deneyimi olarak değil, kullanıcıyı doğru aksiyona taşıyan bir lead generation süreci olarak ele aldım.
Visual Design
Sitedeki görselleri, mockupları, kartları ve diğer görsel öğeleri de aynı tasarım sisteminin bir parçası olacak şekilde baştan tasarladım.
IE Media’yı
Anlatmak
Bir corporate website’in en büyük problemi genellikle içerik eksikliği değil, fazla içerik oluyor. IE Media’nın da anlatacak çok şeyi var. Birden fazla marka, milyonlarca kullanıcı, milyarlarca video görüntülenmesi, farklı reklam formatları, ekipler, kariyer fırsatları ve iletişim noktaları. Bunların hepsini ana sayfaya koymak kolay. Zor olan, kullanıcının bunların arasında kaybolmamasını sağlamak. Bu yüzden ana sayfanın bilgi hiyerarşisini önce şirketi tanımlayacak, sonra ölçeğini gösterecek, ardından markalarını ve sunduğu fırsatları anlatacak şekilde kurguladım.
İlk Bakışta
IE Media nedir?
Interesting Engineering ile başlayan ve zamanla büyüyen global bir dijital medya şirketi.
Neye sahip?
Interesting Engineering, Military Mechanics, Crafty Engineer ve Taste Lab dahil birden fazla medya markası.
Ne kadar büyük?
Milyarlarca erişim, milyarlarca video görüntülenmesi ve on milyonlarca takipçi ve aylık kullanıcı.
Ben burada ne yapabilirim?
Markaları, reklam fırsatlarını ve kariyer seçeneklerini inceleyebilir, iletişime geçebilirim.
Marka Ekosistemini
Organize Etmek
IE Media’nın en önemli tasarım problemlerinden biri, aslında birden fazla markanın aynı şirket altında bulunması. Interesting Engineering, Military Mechanics, Crafty Engineer ve Taste Lab birbirinden oldukça farklı içeriklere sahip. Bu yüzden bunları sadece bir logo grid’i olarak göstermek istemedim. Her markanın kendi karakterini gösterebileceği ama aynı zamanda IE Media’nın parçası olduğunu hissettiren bir yapı oluşturdum.
Brand Architecture
Interesting Engineering
Science, technology ve engineering odaklı global medya markası.
Military Mechanics
Military technology, defense ve engineering odaklı içerikler sunuyor.
Crafty Engineer
DIY, making ve engineering odaklı, uygulamalı içerikler sunuyor.
Taste Lab
Food, lifestyle ve görsel içerik odaklı medya markası.
Markalar farklı olsa da aralarındaki ilişki kullanıcıya her noktada anlaşılır kalmalıydı.
Markaları Sadece
Göstermek Değil
Buradaki amaç kullanıcıya “IE Media’nın şu markaları var” demek değildi.
Kullanıcı bir marka kartına baktığında üç şeyi aynı anda anlayabilmeli:
01
Bu marka ne hakkında?
02
Kime hitap ediyor?
03
Buradan nereye gidebilirim?
Bu nedenle kart yapıları, görsel seçimleri, kısa açıklamalar ve CTA’ları birlikte düşündüm.
Reklam Veren
Deneyimi
IE Media’ya gelen herkes içerik okumaya gelmiyor. Bazı kullanıcılar buraya bir medya partneri aramak için geliyor. Bu yüzden Advertise deneyimini sitenin en önemli B2B akışlarından biri olarak ele aldım. Potansiyel bir partner önce IE Media’nın erişimini görmeli, ardından hangi kitleye ulaştığını anlamalı ve sonrasında hangi reklam formatlarının mevcut olduğunu keşfedebilmeli. En sonunda da iletişime geçmek için net bir yol bulmalı.
B2B Journey
01
IE Media’nın ölçeğini keşfet
02
Kitleyi ve markaları incele
03
Reklam formatlarını keşfet
04
Önceki iş birliklerini gör
05
İletişime geç
Bu nedenle kullanıcıyı doğrudan bir formun karşısına koymak yerine önce değer önerisini anlattım. Form, hikayenin sonundaki aksiyon haline geldi.
Veriyi Tasarımın
Parçası Haline Getirmek
8,2 milyar erişim, 7,7 milyar video görüntülenmesi, 30 milyon sosyal medya takipçisi ve 35 milyon aylık aktif kullanıcı sadece rakamlar değil. Bunlar IE Media’nın en güçlü satış noktalarından biri. Bu nedenle bu bilgileri küçük bir “about us” paragrafının içine gömmek yerine görsel olarak daha güçlü metric blokları içerisinde ele aldım.
Audience
8.2B+
Global reach
Video
7.7B+
Video views
Social
30M
Social followers
Monthly
35M
Monthly active users
(2024–2025 Verileri)
About
Us
About Us sayfasını sadece şirket tarihinin anlatıldığı klasik bir corporate page olarak düşünmedim. IE Media’nın nereden geldiğini, bugün neye dönüştüğünü ve arkasında nasıl bir ekip olduğunu anlatan bir yapı oluşturdum. Şirket hikayesi, misyon, vizyon, ekip ve global çalışma yapısını aynı deneyim içerisinde bir araya getirdim.
Company Story
2011’de Interesting Engineering ile başlayan hikayenin bugün farklı medya markalarını kapsayan global bir medya ekosistemine dönüşmesini görsel olarak anlatan bir yapı oluşturdum. Burada amaç mümkün olduğunca fazla şirket bilgisi göstermek değil. Kullanıcı sayfadan çıktığında IE Media’nın kim olduğunu hatırlamalı.
Careers
Careers sayfasını da sadece açık pozisyonların listelendiği bir job board olarak ele almadım. Birinin burada çalışmayı düşünmesi için önce şirketin nasıl bir yer olduğunu anlaması gerekiyor. Bu nedenle ekip kültürü, çalışma şekli, global yapı ve açık pozisyonları aynı deneyim içerisinde düşündüm.
Kullanıcı Yolculuğu
Buradaki amaç başvuru formuna mümkün olduğunca hızlı götürmek değil. Kullanıcının başvurmaya karar vermesini sağlayacak bilgiyi doğru sırada vermek.
Contact
Page
Contact sayfasında da aynı mantığı devam ettirdim.
Kullanıcıdan gereksiz bilgi istemek yerine, iletişim amacını anlayabileceğimiz alanları kullanarak daha kontrollü bir form deneyimi oluşturdum.
UX Decision
Daha Az Alan
Kullanıcıyı gereksiz sorularla yormamak.
Daha Fazla Bağlam
Talebin neden geldiğini gerçekten anlamak.
Daha Net Yönlendirme
Kullanıcıyı doğru iletişim noktasına taşımak.
Buradaki amaç sadece formu doldurtmak değil. Doğru kullanıcının doğru nedenle iletişime geçmesini sağlamak.
Visual
Design
Bu projede sadece UX ve UI ekranlarını tasarlamadım. Sitedeki görsel dili de oluşturdum. Hero görselleri, brand cards, metric blocks, section illustrations, mockuplar ve diğer görsel öğeleri aynı sistem içerisinde tasarladım. IE Media bir medya şirketi olduğu için görsellerin dekoratif kalmasını istemedim. Her görselin sayfadaki anlatıya bir katkısı olması gerekiyordu.
Görsel Dil
Editorial
Medya tarafını gerçekten hissettiren güçlü görselleri sitenin geneline yaydım.
Technology
IE Media’nın engineering ve technology kökenini destekleyen görsel dil.
Corporate
B2B tarafının genelinde daha güven veren ve kontrollü bir görsel yapı.
Brand
Farklı markaların karakterini kaybetmeden aynı sistem içinde çalışabilmesi.
Responsive
Deneyim
Desktop tasarımını küçültüp mobile taşımak burada yeterli değildi. Özellikle brand cards, büyük metric alanları, hero görselleri ve navigation mobilde farklı davranmak zorunda. Bu nedenle her section’ın mobile karşılığını ayrıca düşündüm.
Desktop
Geniş grid, büyük görseller ve daha fazla içerik aynı anda görünür.
Tablet
Grid ve içerik yoğunluğu belirgin şekilde daha kontrollü hale gelir.
Mobile
İçerik tek kolonlu bir akışa dönüşür, hiyerarşi netleşir.
Design
System
Siteyi tek seferlik bir tasarım olarak değil, büyüyebilecek bir sistem olarak düşündüm. Yeni bir marka, yeni bir campaign veya yeni bir section eklendiğinde tasarımın baştan yapılması gerekmemeli. Bu nedenle temel component’leri ortak bir sistem içerisinde oluşturdum.
Bütün bunların typography, spacing, grid ve responsive davranışlarını aynı sistem içerisinde tuttum. Bu sayede IE Media büyüdükçe website’in görsel dili de dağılmadan büyüyebiliyor.
UX’in Buradaki
Rolü
IE Media projesinde UX benim için aslında doğru bilgiyi doğru sırada vermekle ilgiliydi. Bir ziyaretçi geldiğinde “IE Media ne?” diye düşünmemeli. Bir marka yöneticisi “Burada hangi markalar var?” diye aramamalı. Bir reklam veren “Ben bununla nasıl çalışabilirim?” sorusunun cevabını kolayca bulmalı. Bir aday “Açık pozisyonlar nerede?” diye site içerisinde kaybolmamalı. Ve bütün bunlar aynı website içerisinde gerçekleşirken deneyim parçalanmış hissettirmemeli. Bu yüzden ana sayfa şirketi anlatıyor. Brands bölümü ekosistemi gösteriyor. About Us güven oluşturuyor. Advertise ticari fırsatı anlatıyor. Careers ekibe katılmak isteyenleri yönlendiriyor. Contact ise bütün bu yolculukların sonunda kullanıcıyı doğru aksiyona taşıyor.
Sonuçta ortaya sadece IE Media hakkında bilgi veren bir corporate website değil, şirketin markalarını, erişimini, ticari değerini ve insan tarafını tek bir dijital deneyim içerisinde anlatan bir platform çıkıyor.