Ürün Tasarımı, Büyüme ve Dijital Deneyim

Interesting Engineering

Dünyanın dört bir yanındaki milyonlarca teknoloji meraklısı için ürünler, abonelik deneyimleri, pazarlama kampanyaları ve dijital deneyimler tasarlıyorum.

Siteyi Keşfet Interesting Engineering website shown on a desktop and mobile mockup

Ürün
Hakkında

Interesting Engineering, 2011'de kurulan ve merkezi New York'ta bulunan bir bilim ve teknoloji medya şirketi olan IE Media'nın ana markası.

Platform devasa bir kitleye ulaşıyor: küresel çapta 8,2 milyardan fazla kişi, 7,7 milyardan fazla video görüntülenmesi, 30 milyon sosyal medya takipçisi ve 35 milyon aylık aktif kullanıcı; hepsi haber, video, podcast, foto hikaye, webinar ve quiz gibi farklı formatları bir arada sunan bir sitede. Bunun üzerine IE+ geliyor: reklamsız ve daha kişisel bir okuma deneyimi sunan ücretli üyelik. IE App ise bu deneyimi mobile taşıyor; 25 milyon okuyucunun güvendiği, App Store ve Google Play'de 4,4 yıldıza sahip bir uygulama.

Rol: UX/UI Tasarımcısı, IE App'in tek tasarım sorumlusu

Ürün Tasarımı Mobil Uygulama Tasarımı Abonelik Deneyimi Kampanya Tasarımı E-posta Tasarımı

Neler
Yaptım

Interesting Engineering'de UX/UI Designer olarak çalışmak, developer'a birkaç bitmiş ekran teslim etmek anlamına gelmiyor. Benim işim, kullanıcının Google'dan bir makaleye gelmesinden başlayıp başka içerikler okumasına, newsletter'a kaydolmasına, hesap açmasına, IE+'a abone olmasına, mobil uygulamayı kullanmasına ve daha sonra aboneliğini yönetmesine kadar uzanan deneyimi uçtan uca tasarlamak. Bu yolculuğun her noktasında çalışıyorum.

Web Deneyimi

interestingengineering.com'daki okuma deneyimini, makale düzeninden ilgili içeriklerin nasıl keşfedildiğine kadar tasarladım ve geliştirdim.

Abonelik Büyümesi

Sıradan okuyucuları IE+ üyesine dönüştüren ve abone kalmalarını sağlayan akışları kurguladım.

E-posta Pazarlaması

Okuyucuları siteye geri getiren promosyon ve yaşam döngüsü e-postalarını tasarladım.

Kampanya Tasarımı

Sadece göz alıcı değil, dönüşüm getiren Black Friday, Cyber Monday ve sezonluk kampanyalar tasarladım.

IE App

IE App'in tek UX/UI sorumlusuyum; onboarding'den oyun bölümüne kadar. Detaylar aşağıda.

Ana Sayfayı
Organize Etmek

Interesting Engineering aynı anda çok farklı içerik türü taşıyor: haberler, araştırmalar, röportajlar, vaka çalışmaları, videolar ve daha fazlası, hepsi aynı platformun içinde. Bunların hepsini göstermek kolay. Zor olan, insanların gerçekten anlam çıkarabileceği bir şekilde organize etmek.

Ana sayfada, kategori sayfalarında, aramada ve navigasyonda bilgi hiyerarşisi, içerik gruplama ve bir sayfanın gözü nasıl yönlendirdiği üzerinde çalışıyorum. Siteye gelen biri bir bakışta neyin önemli olduğunu anlamalı ve istediği içeriğe mümkün olduğunca az efor harcayarak ulaşabilmeli.

Interesting Engineering homepage layout showing its content hierarchy
An Interesting Engineering article page shown on mobile

Makale Sayfasını
Tasarlamak

Okuyucuların çoğu ana sayfadan gelmiyor. Google, sosyal medya veya başka bir kaynaktan doğrudan bir makaleye iniyorlar. Bu da makale sayfasının, daha büyük bir sitenin sadece bir parçası değil, kendi başına güçlü bir iniş deneyimi olması gerektiği anlamına geliyor.

Bu da tipografi, okuma genişliği, boşluklar, görsel ve videoların nereye yerleştiği, ilgili makaleler, yazar bilgisi, sosyal paylaşım ve newsletter veya premium içerik uyarılarının nerede çıkacağı gibi konuları düşünmek demek. Reklamlar da burada önemli bir yer tutuyor. Business için gerekliler, ama fazla agresif bir reklam deneyimi makaleyi okumayı zorlaştırabiliyor. Bu yüzden buradaki her karar, iki tarafı da aynı anda gözetmek zorunda.

Masaüstü
Deneyimi

İçerik keşfi, abonelik büyümesi ve kullanıcı etkileşimine odaklanan web deneyimleri tasarladım ve zaman içinde iyileştirdim.

Siteyi Keşfet
Interesting Engineering desktop website design
Interesting Engineering mobile app design

Mobil
Deneyim

IE App'te tasarımcılardan sadece biri değilim. Tek tasarımcıyım. Uygulamadaki her ekran, her akış ve her görsel karar bana ait; bilgi mimarisinden en küçük etkileşime kadar, hem iOS hem Android'de.

Bu da web sitesini küçültmenin bir seçenek olmadığı anlamına geliyor. Mobil alışkanlıklar farklı olduğu için navigasyon, içerik keşfi, okuma ve onboarding, hatta bir bileşenin nerede duracağı bile, sadece yeniden boyutlandırılmak yerine küçük ekran ve tek elle kullanım için yeniden düşünülmesi gerekiyor.

Abonelik Sürecini
Tasarlamak

Paywall, abonelik seçenekleri, fiyatlandırma, kayıt olma, giriş yapma, ödeme ve ödeme sonrası her şey aslında ayrı ekranlar değil, tek bir akış. Biri premium bir makaleye geldiğinde, paywall'ı nasıl sunacağıma, hangi mesajı kullanacağıma, IE+'ın ona ne kazandırdığını nasıl anlatacağıma, planları nasıl göstereceğime ve onu itici hissettirmeden satın almaya nasıl yönlendireceğime karar vermem gerekiyor.

Kullanıcı abone olmaya karar verdiğinde deneyim bitmiyor. Kayıt, giriş, ödeme ve onay adımlarının hepsinin sürtünmesiz hissettirmesi gerekiyor, çünkü kafa karıştırıcı bir form ya da ödeme sırasında belirsiz bir an, fark ettirmeden bir dönüşümü öldürebiliyor. O yüzden burada sadece ekran tasarlamıyorum, bütün süreci düşünüyorum: kullanıcı nereden geliyor, ne görüyor, nerede karar veriyor, nerede vazgeçiyor ve onu bir sonraki adıma nasıl taşıyabilirim. Abone olduktan sonra da kullanıcı planını görebilmeli, ödeme bilgilerini yönetebilmeli, yükseltme yapabilmeli ya da hesabından iptal edebilmeli; bu da işin bir parçası.

Interesting Engineering IE+ subscription and paywall page

IE App'in Sorumluluğunu
Almak

Onboarding ve Kişiselleştirme

İlk kullanım deneyimini, kullanıcıların gerçekten görmek istedikleri konuları ve bildirimleri nasıl seçtiğini tasarladım.

IE+ ve Paywall

Premium üyelik akışı: reklamsız deneyimin değerini anlatan, ama kullanıcının önüne engel olarak çıkmayan paywall ve upsell ekranları.

Ödeme ve Abonelik Yönetimi

Plan seçimi, ödeme bilgisi girişi, fatura ekranları ve iptal, yükseltme, yenileme akışları; ödeme hatalarının ve onaylarının kullanıcıya nasıl net şekilde iletileceği dahil.

Çoklu Format İçerik

Haber, podcast, foto hikaye ve quiz gibi formatların, beş ayrı ürün gibi değil, aynı uygulamanın parçası gibi hissettirmesini sağladım.

Tema, Erişilebilirlik ve Tasarım Sistemi

Açık ve koyu tema, erişilebilirlik ve uygulama büyüdükçe tutarlılığı koruyan bileşen kütüphanesi, tipografi ve ızgara kuralları.

Devir ve İyileştirme

Tasarımların uygulamaya doğru şekilde aktarılması için mühendislik ekibiyle yakın çalıştım; sıradaki iyileştirmelere mağaza puanları ve kullanıcı yorumlarına bakarak karar verdim.

Oyun Bölümünü
Kurmak

Temel okuma deneyiminin yanı sıra, uygulama içindeki oyun bölümünün UX ve UI tasarımını da ben yapıyorum. Şu anda bu, günlük bir quiz ve Wordle tarzı bir kelime oyunu anlamına geliyor. Bunun yanında, IE'nin kendi kitlesine, yani mühendislik ve bilime meraklı insanlara yönelik özgün oyun formatları da geliştiriyorum; burada yeni bir şey öğrenmek, kullanıcıları her gün geri getiren kancaya dönüşüyor.

Amaç, haber okumadan bağımsız, kendi başına ayakta duran bir etkileşim katmanı kurmak; böylece uygulamayı açmak, sadece dikkat çeken bir başlık gördüklerinde değil, günlük bir alışkanlık haline geliyor.

A concept engineering games section inside the IE App
Hotjar heatmap example showing where users pay attention on a page

Veriyle Desteklenen
Tasarım

Newsletter'lar da bu resmin bir parçası. Interesting Engineering'in birden fazla newsletter'ı var, bu yüzden doğru olanı doğru anda göstermek önemli; bir makalenin sonundaki CTA olsun, ana sayfadaki kayıt alanı olsun ya da kullanıcının kendi tercihlerini yönetebildiği bir deneyim olsun. Newsletter kaydını sadece bir email şablonu değil, bir kullanıcı kazanımı ve elde tutma noktası olarak görüyorum.

Bu büyüklükte bir platformda kararlarımın çoğu kişisel zevkimden değil, kullanıcı davranışından geliyor. Google Analytics, Hotjar veya Microsoft Clarity gibi araçları kullanarak kullanıcıların bir makaleden nerede ayrıldığına, newsletter CTA'sının ne kadar tıklandığına, abonelik sürecinin hangi adımında kullanıcı kaybettiğimize ya da mobil kullanıcıların belirli bir bileşeni kullanıp kullanmadığına bakıyorum. Kullanıcılar ödeme aşamasında düşüyorsa, bunu sadece dönüşüm düşük diye not etmiyorum. Form çok mu uzun, gereğinden fazla bilgi mi istiyoruz, fiyatlandırma yeterince açık mı, kullanıcı bir sonraki adımda ne yapacağını biliyor mu diye sormaya başlıyorum, sonra bir çözüm tasarlayıp sonucu tekrar ölçüyorum. Bu da UX'i tek seferlik bir tasarım işi olmaktan çıkarıp, araştırma, tasarım, geliştirme, test ve iyileştirme arasında sürekli devam eden bir döngüye dönüştürüyor.

Marka ve Sponsorlu
İçerikler

İşimin bir kısmı ana platformun tamamen dışında: Tesla, Microsoft, Siemens, Türk Hava Yolları, Lockheed Martin, RTX, Cambium ve General Atomics gibi markalar için hazırlanan sponsorlu kampanyalar. Bunların hem Interesting Engineering'in kendi görsel diliyle uyumlu olması hem de sponsor markanın kurallarına saygı göstermesi gerekiyor, ve format her seferinde değişiyor. Bazen sponsorlu bir makale, bazen bir landing page, bazen bir kampanya sayfası, bazen interaktif bir içerik, bazen de bir lead generation formu oluyor.

Bu iş aynı zamanda marketing, editorial, growth, engineering ve business tarafıyla iç içe çalışmak anlamına geliyor, çünkü her biri ürüne farklı bir açıdan bakıyor. Editorial içeriğin nasıl sunulacağını düşünüyor, marketing dönüşüm ve kampanyalara bakıyor, growth davranış ve metriklere odaklanıyor, engineering ise neyin gerçekten uygulanabilir olduğunu değerlendiriyor. Benim işim bütün bunları, kullanan kişi için hâlâ anlamlı olan tek bir akışa ve arayüze dönüştürmek.

A sponsored Interesting Engineering campaign page presented by RTX

Arka Planda
Yaptıklarım

Interesting Engineering için yaptığım her şey ana ürünün üzerinde görünmüyor. Bir kısmı editöryal ve pazarlama ekiplerinin arka planda işini yürüten araçlar: HubSpot için bir newsletter builder, bir sosyal medya içerik sistemi ve makalelerde kullanılan bir editöryal thumbnail sistemi. Bir kısmı da sadece göz alıcı olmak için değil, dönüşüm getirmesi için tasarladığım Black Friday ve Cyber Monday gibi sezonluk kampanyalar.