--- title: "Sunumda “disruptive”. Çıktıda aynı şablon." description: "Şablon, yapay zekâ ve yaratıcı kodlama arasında seçim yaparken fikri, marka karakterini ve kullanıcının ihtiyacını merkeze alan bir yaklaşım." url: https://androverse.com.tr/blog/sunumda-disruptive-ciktida-ayni-sablon author: Androverse author_url: https://androverse.com.tr/yazar/androverse publisher: Androverse published_at: 2026-10-02 updated_at: 2026-10-15 language: tr --- # Sunumda “disruptive”. Çıktıda aynı şablon. Şablon, yapay zekâ ve yaratıcı kodlama arasında seçim yaparken fikri, marka karakterini ve kullanıcının ihtiyacını merkeze alan bir yaklaşım. ![Sunumda “disruptive”. Çıktıda aynı şablon.](https://androverse.com.tr/media/generated/archive-brand-sameness-v2.png) Sunum iddialı. Sıfatlar büyük. Sonra site açılıyor ve daha önce gördüğümüz bir düzenle karşılaşıyoruz. Tek değişen logo. Yeni bir aracı kullanmak, yeni bir fikir üretmekle aynı şey değil. Yapay zekâ, 3D veya yaratıcı kodlama; ancak markanın anlatmak istediği şeye hizmet ettiğinde anlamlı. Bu yüzden önce fikri kuruyoruz. Ardından o fikrin ihtiyaç duyduğu teknolojiyi seçiyoruz. Bazen sonuç karmaşık bir etkileşim, bazen tek bir güçlü cümle oluyor. Şablonlarla bir sorunumuz yok. Şablona devrim demekle küçük bir meselemiz var. ## Meselenin özü Özgün bir web sitesi, her bileşenin sıfırdan icat edilmesiyle oluşmaz. Markaya ait bir fikir, gerçek içerik ve gerekçeli tasarım kararları gerekir. Şablon teknik bir başlangıç sağlayabilir; yaratıcı yönün yerine geçemez. AI, 3D veya kodlama tercihi de fikrin anlatım ihtiyacından çıkmalı, sunumdaki yenilik iddiasını süslemek için seçilmemeli. ## Şablon iyi bir başlangıç olabilir Tekrar eden sorunların hazır çözümleri vardır. Form alanları, ürün kartları ve hesap ekranları için bilinen düzenlerden başlamak zaman kazandırabilir. Özgünlük, her tanıdık örüntüyü bozmak zorunda değildir. Sorun, hazır düzeni markanın ihtiyacını hiç sorgulamadan kullanmakla başlar. Aynı sayfa sırası, aynı genel cümleler ve aynı stok görsel dili; birbirinden farklı markaları tek bir kalıba sıkıştırabilir. ## Teknoloji seçmeden önce fikri seç Markanın ana fikrini bir cümlede anlat. Sonra bu fikri göstermenin yollarını listele: fotoğraf, film, tipografi, etkileşim veya bunların birleşimi. Teknoloji seçimi bu anlatımın ihtiyaçlarından çıkmalı. Bir 3D sahne ürünün yapısını açıklıyorsa işe yarayabilir. Aynı sahne sadece giriş ekranını geciktiriyorsa görevi tekrar düşünmek gerekir. Bir aracın yeni olması, her projede gerekli olduğu anlamına gelmez. ## Araç listesi yerine bir karar tablosu. Örnek senaryo: Zephra Air’ın ürün görselinden hareketle bir tanıtım hazırlıyoruz. Gövde biçimini ve hava akışı fikrini anlatmak istiyoruz. Anlatım biçimini, aracın popülerliğine göre değil bu göreve göre seçiyoruz. ### İlk öneri “3D ve AI kullanalım.” Sahne etkileyici, ancak bakışın ürünün neresine yönelmesi gerektiği ve görselin ne söylediği belirsiz. ### Karar netleşince “Ürünün biçimini ve akış fikrini anlaşılır kılalım.” Sabit kadraj, kısa film veya etkileşimli model; açıklık ve üretim koşullarına göre seçiliyor. ![Zephra Air ürün gövdesi, kontrol düğmeleri ve çevresindeki akış çizgileri](https://androverse.com.tr/media/projects/covers-2026-10-09/zephra-air.webp) Zephra Air seçkisi: gövde biçimi ve akış fikri aynı görsel yönün parçaları. Bir fotoğraf, ürünün gövde oranını ve kumandalarının yerini göstermek için yeterli olabilir. Bir hareketin yönü anlatılacaksa kısa bir animasyon anlam kazanır. Kullanıcının farklı açıları kendi başına incelemesi seçimini etkiliyorsa etkileşimli model değerlendirilebilir. Üç seçenek de aynı fikre hizmet edebilir; maliyetleri, bakım ihtiyaçları ve erişim koşulları farklıdır. Görseldeki akış çizgileri bir anlatım tercihi taşır; ürünün teknik performansına ilişkin ölçüm yerine geçmez. İlk prototipte bütün sahneyi bitirmek yerine anlatılması gereken ilişkiyi kurarız. Bir kişi modelin güzelliğini anlatıyor ama neye dikkat etmesi gerektiğini söyleyemiyorsa temsil değişmelidir. Böyle bir deneme teknolojiyi küçümsemez, teknolojiye açık bir görev verir. Zephra görselindeki gövde, kontrol düğmeleri ve akış yönü aynı kadrajda okunabilir ayrıntılar sunuyor. Yeni anlatımın hangi ayrıntıyı öne çıkaracağını seçmek, hazır bir teknoloji listesini projeye yapıştırmaktan daha somut bir yaratıcı karardır. ## Özgünlüğü somut kriterlere çevir Tasarımdan logoyu çıkardığımızda hâlâ markaya ait bir iz kalıyor mu? Ses tonu, görsel kompozisyon ve etkileşim bu izi birlikte kurabilir. Bir kararın kaynağını açıklamak, onu yalnızca 'farklı' diye savunmaktan daha sağlamdır. Kendi fikrini üretmek, kaynağı belirsiz bir estetiği taklit etmekten farklıdır. Referansları konuşurken neyi örnek aldığımızı, neyi değiştirdiğimizi ve nedenini açıkça belirtiriz. - Ana fikir ile her önemli görsel karar arasında bağ kur. - Markaya ait içerik üret; genel sıfatlarla boşluk doldurma. - Mobil kullanım ve erişilebilirlik için ayrı kabul kriterleri yaz. - Üretim maliyetini ve bakım ihtiyacını araç seçimine dahil et. ## Teslimde sistemin devamı olsun Tek bir güçlü ekran, sürdürülebilir bir site sistemi kurmaya yetmez. Yeni sayfa, yeni içerik ve yeni kampanya geldiğinde karakterin nasıl devam edeceği de tasarlanmalıdır. Bu yüzden bileşenler, içerik şablonları ve yazım kararları teslimin bir parçasıdır. Bir sonraki üretim, ilk sunumun fikrinden kopmadan gelişebilmelidir. ## Sunumun cümlesi, sitenin karakteri olsun. Ana fikri içerik, görsel dil ve sürdürülebilir bileşenlerle aynı yerde buluşturalım. [Web üretimine bakalım](https://androverse.com.tr/hizmetler/web-tasarim-yazilim) ## Referans masası bir alışveriş sepeti değil Bir siteden menüyü, diğerinden açılış sahnesini, üçüncüsünden kartları almak kısa sürede zengin bir sunum oluşturabilir. Fakat parçaların her biri başka bir soruya cevap veriyorsa ortaya ortak bir düşünce çıkmaz. Referans toplarken görüntünün yanında hangi kararı incelediğini yaz: içerik yoğunluğu, ürünün kadrajı, geçiş ritmi veya okuma sırası. Böylece benzerlik aramakla problem çözmek birbirinden ayrılır. Karşılaştırmayı yalnız sektör rakipleriyle sınırlama. Bir serginin ziyaretçi akışı, bir kitabın tipografik ritmi ya da bir ürün kılavuzunun açıklığı ilham verebilir. Burada alınan şey hazır bir yüzey değil, düşünme biçimidir. Sonra onu markanın gerçek içeriğiyle yeniden kurmak gerekir. Görsel dil başka bir işin karakterini kopyalıyorsa, farklı teknoloji kullanılmış olması bu bağımlılığı ortadan kaldırmaz. ## Özgünlüğün bakım bütçesi de var Bir kampanya için bir kez çalışacak sahne ile yıllarca içerik eklenecek kurumsal site aynı şekilde planlanamaz. İçerik ekibi yeni bir başlık girdiğinde düzen bozuluyorsa tasarım ilk sunumdan sonra yaşamayı öğrenememiştir. Gerçek içerikle, farklı başlık uzunluklarıyla ve eksik görsel durumlarıyla çalışmak özgünlüğü azaltmaz. Fikrin günlük kullanımda ayakta kalmasını sağlar. Bu yüzden özel geliştirilen etkileşimlerin neden özel olduğunu kaydederiz. Sadece estetik bir tercih mi, ürünün işlevini açıklayan bir ihtiyaç mı? Hangi cihazlarda hangi sade sürüm gösterilecek? İçerik değişikliğini kim yapacak? Bu soruların yanıtı, teslim sonrasında karşılaşılacak sürprizleri azaltır. Yenilik iddiası yalnız açılış gününün ekran kaydında değil, altı ay sonra eklenen yeni sayfanın tutarlılığında da sınanır. ## Bu teknoloji burada ne yapıyor? Sunumundaki en iddialı özelliği seç. Aşağıdaki yanıtlar netleşmeden araç kararını kesinleştirme. ### Özelliğin anlattığı fikir belli mi? Aracın adını kullanmadan işlevini anlat. Cümle kurulamıyorsa yaratıcı amaç henüz netleşmemiş olabilir. ### Daha sade bir alternatif değerlendirildi mi? Fotoğraf, metin veya kısa film aynı ihtiyacı karşılıyorsa seçenekleri açıklık ve bakım açısından karşılaştır. ### Yeni içerik geldiğinde sistem devam ediyor mu? Gerçek başlık ve görsellerle ikinci bir sayfa kur. Özgünlüğü tek bir vitrine hapsetme. Araç seçimini savunacak bir gerekçen var. Prototipte bu gerekçenin gerçekten görünür olup olmadığına bak. ## Tanıdık davranış, özgün ifade Kullanıcının bir bağlantıyı açabilmesi veya bir formu tamamlayabilmesi için yeni kurallar öğrenmesi gerekmez. Tanıdık davranış örüntülerini korurken başlıkların sesini, görsel kompozisyonu, içerik ilişkilerini ve ayrıntıları markaya göre tasarlayabiliriz. Bir menünün anlaşılır olması onu sıradan yapmaz; navigasyonun üzerine gereksiz bilmece koymamak için bilinçli bir seçimdir. Özgünlük değerlendirmesinde iki ayrı soru sor: Bu karar markanın fikrini görünür kılıyor mu? Kullanıcının işini destekliyor mu? İkisinden yalnız birine cevap veren çözümler yeniden ele alınabilir. Her unsurun sıra dışı olması gereken bir yarış yok. Bazen bütün siteye karakterini veren tek bir güçlü görsel ilişki yeterlidir. Geri kalan sistem o fikrin anlaşılmasına alan açtığında sonuç daha tutarlı, daha kullanılabilir ve daha sahiplenilebilir olur. Hazır bir bileşeni kullanırken onu yalnız görünüşünden değerlendirme. İçindeki etiketler gerçek içeriğe uygun mu, uzun başlıklar okunuyor mu, boş durumun bir açıklaması var mı? Aynı bileşen kampanya sayfasında çalışırken sözlükte yetersiz kalabilir. Paylaşılan parçayı gerektiğinde genişletmek, her sayfaya ayrı bir stil kopyalamaktan daha sürdürülebilir bir yoldur. Kimlik ortak kalırken sayfanın amacı değişebilir. Özgünlük ile tekrar kullanılabilirlik birbirini dışlamaz; iyi bir sistem hangi kararın ortak, hangi kompozisyonun içeriğe özel olacağını açıkça tarif eder. ## Fikirden üretime Yaratıcı teknoloji serisinin çerçevesi burada. AI üretimi ve brief yazıları, araç ile karar arasındaki ilişkiyi derinleştiriyor. - [Prompt tamam. Fikir nerede?](https://androverse.com.tr/blog/prompt-tamam-fikir-nerede) - [Brief kısa olabilir. Düşünce değil.](https://androverse.com.tr/blog/brief-kisa-olabilir-dusunce-degil) - [Rakibin de aynen öyle diyor.](https://androverse.com.tr/blog/rakibin-de-aynen-oyle-diyor) ## Kaynaklar - [U.S. Web Design System — Design principles](https://designsystem.digital.gov/design-principles/) ## Konuyu uygulamaya taşı - [Tasarım sistemi](https://androverse.com.tr/sozluk/tasarim-sistemi) — Özgün karakterin yeni ekranlarda nasıl sürdürülebileceğini tanımla. - [Art direction](https://androverse.com.tr/sozluk/art-direction) — Görsel fikri teknoloji seçiminden ayrı bir üretim kararı olarak ele al. - [Grafik tasarım](https://androverse.com.tr/hizmetler/grafik-tasarim) — Bir ana görsel fikri farklı kanallara ve formatlara taşı. - [Web tasarım & yazılım](https://androverse.com.tr/hizmetler/web-tasarim-yazilim) — Markaya ait arayüzü bakımı yapılabilir bileşenlerle geliştir. - [Prompt tamam. Fikir nerede?](https://androverse.com.tr/blog/prompt-tamam-fikir-nerede) — Aracın cevabı var. Soruyu hâlâ biz kuruyoruz. - [Brief kısa olabilir. Düşünce değil.](https://androverse.com.tr/blog/brief-kisa-olabilir-dusunce-degil) — On sayfa yerine doğru sorular da iş görür. - [Rakibin de aynen öyle diyor.](https://androverse.com.tr/blog/rakibin-de-aynen-oyle-diyor) — “Yenilikçi, güvenilir, öncü.” Peki sen kimsin? [Yazar: Androverse](https://androverse.com.tr/yazar/androverse) · [Yayın ilkeleri](https://androverse.com.tr/yayin-ilkeleri)