Haftasonu Projesi: Call to Action Examples

Yucel F. Sahan
Founded
Published in
11 min readJul 15, 2022

Son lansmanını yaptığımız dijital ürün; Startup Recipes’in lansmanının üzerinden yakalaşık altı ay geçti. CTA Examples ürününü geliştirmeye karar vermemin üzerinden ise dört ay geçmiş. CTA Examples için “iki günde tamamlanabilecek kadar mikro bir “info product” ürünü olacak diye öngörmüştüm. Yanılmışım :)

İş yoğunluğundan ve motivasyon eksikliğinden dolayı bu ürüne yeterli vakti ayıramadım. Komünite’deki görevimden ayrıldıktan sonra ürünle daha fazla ilgilnebildim ve “artık oldu” demeye çok yakınım.

Ürünün nasıl bitmediğini anlatarak başlamak istedim çünkü bir ürünü bitirmek başlamak kadar kolay olmuyor ne yazık ki, bilen bilir 🐼

Lafı fazla uzatmadan CTA Examples ürününü için hedeflerimi ve geliştirme sürecimi aktarmaya başlayayım.

Bu yazıda bahsedeceğim başlıklar:

  • Problem & Fikir
  • Call to Action Nedir?
  • Info Product Nedir?
  • Info Product Örnekleri
  • Gelir Modeli
  • Araştırma & İlham
  • Ürün Geliştirme
  • Kullandığım araçlar

Problem & Fikir

Bu fikri seçerken yeni ürün geliştirmeye başlamadan önce kendime sorduğum sorular ve kafamda belirlediğim bazı kriterlerim vardı:

  • Basit bir fikir olmalı 👌🏻
  • Tek başıma bitirebilmeliyim 👨‍💻
  • Lansman sonrası minumum* destek-bakım gerektirmeli 🧰
  • Para kazandırmalı 💰

Bu fikir ilk aklıma geldiğinde varsayımım şuydu: İnsanlar hızlıca CTA butonları için alakalı metni kopyalayabilecekleri bir kütüphaneye ihtiyaç duyarlar.” Bakalım öyle mi…

Aslında insanlar çok geniş bir hedef kitle; herkese hitap edecek, tüm insanoğlunun kullanacağı bir ürün yaratamayacağım için burayı biraz daraltmam gerektiğini biliyordum: Landing Page kodlayan, tasarlayan ve bu sayfalar için içerik üreten kısaca landing page ile alakası olanların ihtiyacı olabileceğini düşündüğüm bir ürün bu.

Buyer Persona

Growth Hackers, Indie Hackers, Website Builders, Designers, and Copywriters.

Ürünü geliştirmeye başladıktan sonra kendi satış sayfamı hazırlarken şöyle bir görsel de hazırladım, hedef kitlemi daha iyi ifade edebilmek için:

Çalışıp çalışmadığını hep birlikte göreceğiz :)

Hedefler & Beklentiler

Planlanan Yol Haritası
  • Düzenli olarak ziyaret edilen bir website yaratmak
  • Yeni müşteri edinme kanallarını test etmek (Google Ads, Reddit Ads)
  • “Call to Action Examples” arama sorgularında ilk sayfada yer almak (ikinci sayfa da olur😏)
  • Aylık $500 affiliate geliri elde etmek* (3. maddeye bağlıyız)
  • Gumroad satışlarından düzenlik gelir elde etmek
  • ctaexamples.com’u bir vaka olarak kullanmak
  • Yeni ürünlerimde yavaş yavaş javascript kullanmaya başlamak

Call to Action Nedir?

Dijital pazarlamacılar ve yazılımcılar arasında yaygın olarak kullanılan; müşteriyi, kullanıcıyı veya internet sayfanızı ziyaret edenleri belirli bir aksiyona davet eden mesajlardır.

Call to Action: “E! o kadar anlattık; bunun için anlattık.”

Size “Bu sayfada call to action ne olacak?” diye sorulduğunda soruyu “Bu sayfayı ziyaret edenlerden ne yapmalarını istiyoruz?” olarak alabilirsiniz.

Genellikle web sayfalarındaki (siz daha çok landing page olarak duyacaksınız) bir bölümün veya bir butonu tarif ederken kullanıldığını da duyabilirsiniz. Tasarımcılar UI/UX oyunları ile ilgili butona daha fazla tık (dönüşüm) getirmeye çalışırken dijital pazarlamacı veya metin yazarları (copywriter) da yaratıcı metinler ile ziyaretçinin dikkatini çekmeye çalışırlar. Amaç hep aynı; kullanıcının ayak izini bırakmasını sağlamak!

Call to Action Örnekleri

İnternet sayfanıza gelen ziyaretçilere e-posta göndermek mi istiyorsunuz?

Süper! Şimdi ziyeretçilere email adreslerini bırakmaları için bir sebep vermeniz gerekiyor. Ücretsiz rapora erişim, indirim kodu, mail bülteni aboneliği gibi vaatler ile ziyaretçinin ilgisini çekebilirsiniz.

Girişimler kendi hedefleri doğrultusunda sizi bir sonraki adıma yönlendirmek için farklı aksiyonlara koşarlar. mesela;

  • Email adresinizi almak
  • Fiziksel ürünü satmak
  • Sayfada daha fazla vakit geçirmenizi sağlamak
  • Randevu koparmak
  • Telefon numaranızı almak
  • Anket için yanıtlar almak
  • Üyelik satmak
  • Sepet tutarınızı artırmak/daha fazla satış yapmak (upsell)
  • Ücretsiz denemeye davet etmek
  • Bağış toplamak
    ….

Bazı örnekler: Hemen Al, Şimdi Al, Subscribe Newsletter, Get Early Access, Join Us….

Diyelim ki raporu hazırladınız ve geriye sadece ilgili sayfaya alttaki gibi bir call to action bölümü eklemek kaldı. İşte tam burada CTA Examples devreye giriyor:

CTA butonuna yazabileceğiniz dönüşüm artırıcı metinler (cta text) içeren bir kütüphane. Google’a “Call to Action” yazdığınızda karşınıza çıkan onlarca makaleden farkı ise beğendiğiniz metne tıkladığınızda ilgili metni tek tıkla panoya(clipboard) kopyalayabilmenize imkan vermesi.

Info Product Nedir?

Notion Ürünü, bilgi ürünü, info product, kürasyon, swipe files…

Zaman zaman farklı isimler veriyoruz ama en çok kullanılan terim “info product” sanırım. Bilgi ürünleri, genellikle bir şeyin nasıl çalıştığına dair uzun, ayrıntılı bir açıklamalar ve yöntemler içeren not defterleridir. Bilgiye ve uzmanlığa kısa yoldan ulaşmak isteyenler için hazırlanmış rafine bilgi kütüphaneleridir.

kısaca “bedava olmayan lead magnet” olarak da tanımlasak yanlış olmaz.

Bilgi ürünleri, dijital ürünlerinde indirilebilir PDF ya da .word dokümanları olarak başladı. Günümüzde yaratıcılar daha çok ürünlerini Notion, Airtable gibi araçlarda hazırlamayı ve barındırmayı tercih ediyorlar.

Info Product Örnekleri

swipe.page

Daha öncesinde bilgi ürünü üretme tarafında tecrübem olduğu için bu sefer biraz daha rahat hissediyorum ürün detaylarını belirlerken. Daha önce yaptığımız ürünlerin gelir modelleri ve satış tutarları şu şekilde:

Landing Page FYI: Tamamen ücretsiz olarak tüm içeriğe herkes erişebilir. Gelir modeli: Affiliate

E-Commerce Checklist: Sadece ürünü satın alanlar tüm içeriğe erişebilir. Gelir modeli: Ürün satışı

Startup Recipes: Siteyi ziyaret edenlerin içeriğin %10'una, satın alanlar tüm içeriğe erişebildiği bir model.

Gelir modeli: Ürün satışı & Affiliate

Info Product yaratmaya başlamadan önce yapmanız ve sahip olmanız gerekenleri şu şekilde sıraladım:

  • Motivasyon
  • Hedef kitle, problem belirlemek
  • Araştırma, bilgi birikimi (ikisi de olursa şahane)
  • Ürün geliştirebilmek (daha da önemlisi ürünü bitirebilmek)
  • Landing Page (tanıtım sayfası)
  • Satış kanallarını belirlemek
  • Lansman

Hedef kitle, problem ve fikir başlıklarına yukarıda değinmiştim zaten. Gelir modeli, araştırma ve landing page başlıklarına da değineceğim.

Gelir Modeli

Ürünü hazırlamaya başladığımda CTA bloklarının arasına çok da göz yormadan affiliate linkleri serpiştirmek vardı. Bunu iki sebepten ötürü istiyorum:

Bu fikir için ikinci wireframe çalışmam
  • Startup Recipes, E-Commerce Checklist ve tek seferlik ödeme aldığımız diğer ürünler… Lanman etkisinden sonra growth, marketing yapmazsanız satışlar çok azalıyor.
  • Landing Page FYI ile edindiğim tecrübelere göre affiliate ile aydan aya düzenli gelir elde etmek mümkün. Eğer ben hedef kitlenin ihtiyacı olan doğru araçlara yer verirsem affiliate gelirlerimi artırabilirim.

Bu sayede ürün satışı olmazsa affiliate geliri de elde edebilirim diye düşünüyorum.(Aslında böyle olmasını istiyorum 😅)

Hala ihtimaller üzerine konuştuğumuzu da hatırlatayım. Sonuçları yakında göreceğiz 🧐

Gelir modelini düşünmeye başladığımdan beri aklımda aşağı yukarı şöyle bir model vardı: “CTA Examples ürününü $7,99'a satarım ve affiliate gelirlerinden de ne gelirse…”

Düzenli gelir…

Startup Recipes ve E-Commerce Checklist’i birlikte geliştirdiğimiz sevgili dostum Umut Ibrahim Sonmez ile SaaS (Software as a Service) üzerine bir çok sohbetlerimiz oldu. Hatta Startup Recipes’i CaaS (Content as a Service) olarak yapsaydık diye de konuştuk :)

Neyse, yeni sorumuz şu:

“Acaba insanlar dashboard üzerinden zengin bir CTA kütüphanesine erişmek ve tek tıkla cta metnini panoya kopyalamak için düzenli ödeme yaparlar mıydı?”

Sorması bile zor 😄 Aklımdaki şu;

  • Airtable ürününü alanlar +500 CTA metnine Airtable üzerinden erişecek,
  • ctaexamples.com’u ziyaret edenler 100 adet CTA metnine erişecek ve tek tıkla panoya kopyalabilecek
  • Aboneler ise 500+ CTA metnine erişecek ve tek tıkla panoya kopyalabilecek

Twitter, Indie Hackers, Linkedin ve Product Hunt’ta yaptığım anketler sonucunda insanların böyle bir ihtiyaç için düzenli ödeme yapmayacağını test etmeye çalıştım. Beklentilerimi de biraz düşürdüm açıkçası.

Beklentilerimi düşürdüm ama bu seçeneği bu kadar çabuk yabana atmak istemedim. CaaS platformu oluşturmak no-code araçları ile çok kolay ancak gelir elde edip etmeyeceğimizin kesin olmadığı bir haftasonu projesi için aylık $40 civarı maliyet yazmak istemedim. Adım adım ilerleyelim.

Outseta ile abonelik altyapısı ile birlikte CRM yeteneklerini ürünüe istediğim zaman katacağımı biliyorum. İş modelini doğruladıktan sonra Outseta entegrasyonuna başlayabilirim. Affiliate altyapım da olsun dersem Rewardful entegrasyonu da mümkün ancak aylık +$29 daha maliyet yazmam lazım.

Outseta ile CaaS platformunun mantıklı olması için aylık $8 abonelik ücreti ile en az 10 üyeye erişmem gerekiyor. Ya da ücreti arttırmalı..

Solda İlk fiyatlandırma | Sağda Güncel Fiyatlandırma

Daha önce ürüne biçtiğim fiyatı $8'dan $29'a yüksellttim, sonrasında da $19 dolar olarak güncelledim.

t=0 aşamasında farklı fiyatlandırmalarla MRR hesabı yapmak istiyorsanız SaaS Pricing Calculator aracını deneyebilirsiniz. 👌🏻

Abonelik modelini test etmek için fiyatlandırma bölümünde yerini tuttum fakat herhangi bir ödeme yöntemine bağlamadım. Burdaki butonu bir Tally Form’a bağladım ve bir dizi soru ile birlikte e-posta adresini aldıktan sonra Gumroad abonelik sayfasına yönlendirdim. Buradaki dönüşümleri takip edeceğim bir kurgu ayarladım. Indie Hacker ve Team planları ise doğrudan Gumroad’a (ödeme sayfası) gidiyor.

Indie Hacker planını öne çıkardım ve Team plan ekledim. Team planı satın alanlar ürünü arkadaşları ile paylaşabilecek ve Airtable listesini kopyalayabilecekler.

Ürün ücretini lansman sonrası $24,99 olarak güncellemeyi planlıyorum.

Araştırma & İlham

Bu ürün fikrini geliştirme aşamasında bana ilham olan ürünler:

Hedeflediğim Anahtar Kelimeler

call to action examples, cta examples, call to action phrases, best call to action phrases, cta button examples, call to action ideas

Önce anahtar kelimeleri yazdım çünkü ben de bu anahtar kelimeleri aratarak araştırmalara başladım. Daha sonra oturdum ilk akla gelen CTA örneklerini yazdım. 100 sayısına ulaşmam çok uzun sürmedi.

Bu anahtar kelimelerde yazılmış çok ama çok fazla makale var ve hepsini okumak çok ama çok vakit alıyor. Bu yazıları okuduktan sonra takip edeceğim kategorizasyonu netleştirdim ve yeni örnekleri Airtable’a eklemeye başladım.

Google sonuçlarını incelerken benim sitemin bu sorgulardaki arama niyetine (search intent) uygun olmayacağını da düşünmeye başladım…

Ürün geliştirmeye başlamadan önce 900+ örnekle lansman yaparım diyordum ama lansmanı çok geciktireceği ve kendimi tekrar etmek istemediğim için bu sayısı önce 500'e sonra da 300'e kadar düşürmeye karar verdim. Ben bu satırları yazarken Airtable’da 320 civarı örnek var.

Bu arada Startup Recipes ürününde toplamda 70 tarif vardı 🙃

Ürün Geliştirme

Bu fikri çok çok çok daha kısa sürede Glide Apps ile ya da bir başka no-code aracı ile yapabilirdim ancak böyle bir ürün için aylık $40 ödemek istemedim :) O yüzden Shuffle ile sayfaları geliştirip, siteyi Vercel’de barındırmaya karar verdim.

ve tabi Tailwind CSS ile bir proje daha geliştirecek olmak, az da olsa javascript kullanacak olmak beni heyecanladırıyordu.

Domain

Ürünü landingpage.fyi/cta-examples adresinde servis etmeyi düşünüyordum ama ne olur ne olmaz ctaexamples.com alan adını da satın aldım Google Domain indirimini de bulmuşken :) Alan adına 52₺ harcadım.

Wireframing

Wireframe versiyon 1

Fikri kağıda ya da yazıp çizebileceğiniz bir yere dökmedikçe o fikir hep fikir olarak kalıyor maalesef.

Bu fikir ilk aklıma geldiğinde çoğu şey bir türlü yerine oturmuyordu. Oturup ilgili taslakları çıkardıktan sonra her şey çok daha kolay oluyor.

Wireframe versiyon 2

Ben Whimsical kullandım ama Figjam de olur, kağıt-kalem de olur.

Landing Page Builder

- “Yücel, Tailwind CSS ile aran nasıl?”

- “Ortalama bir frontencinin yarım günde yaptığı işi 4–5 günde çıkarabilirim.”

Ben Tailwind CSS ile yukarıdaki wireframeleri koda dökebilirim ama çok uzun sürerdi. Hiç zahmete girmeyip Shuffle ile iskeletini oluşturup HTML-CSS çıktısını kolayca aldım.

Bilmeyenler için Tailwind CSS’i çok güzel özetlemişti geçenlerde sevgili Nazlı Gülenç 🙂

TailwindCSS, çok çok az HTML — CSS bilgisi olan Yücel’in aylık sunucu maliyetlerine katlanmadan web sayfaları ve web projeleri geliştirmesine imkan veren bir CSS framework’üdür.

Daha sonra da Tails ve Landingfolio’dan aldığım CSS komponentlerini özelleştirerek kullanarak ilerledim.

“Benim ürünüm çok özgün olmalı” diyorsanız anlarım ancak bir MVP için olabildiğince hzır komponentler ile gitmekte fayda var. Zaten UI-UX öğrenilmişleri ile yapacağınız ürüne göre izlemeniz gereken bir standart oluştu vs. vs.

wireframe ⇾ first draft ⇾ second version ⇾ final version

Copy to Clipboard

Alpine.js ile biraz uğraşmam gerekse de güzel bir öğrenme oldu benim için. Panoya kopyalama fonksiyonunu kendim yaptım ama art arda tıklamalarda panoya kopyalamaz oldu. 3–5 gün uğraştıktan sonra bir frontedci’den destek almam gerekti, 20dk’da çözüldü :)

Ödeme Altyapısı

PayPal’a bir şekilde erişiminiz varsa Gumroad şu an dijital ürünlerde en çok kullanınlan ödeme alma yöntemi. İlk başlangıçta %9 komisyon biraz fazla gelse de kazandıkça ödenen komisyonun azaldığı yeni gelir modelleri bir çok yaratıcı tarafından hızlıca benimsendi.

Gumroad İş Modeli
  • Aylık sabit bir maliyetinin olmaması
  • Yerleşik Affiliate altyapısı sunması
  • Müşterilere ve abonelere email gönderebilme imkanı
  • Sekans mailleri kurmanıza izin vermesi
  • Tekrar eden ödemeleri almaya imkan vermesi

sebebepleriyle de %9 komisyon kimsenin gözüne gelmiyor bence.

Kullandığım Araçlar:

Call To Action Examples ürününü bir vaka analizi olarak da kullanmak istediğimden yukarıda bahsetmiştim. Buna ek olarak benim gibi kodlama bilmeyen ya da çok az kodlama bilenlere yol göstermek istedim.

Landing Page Tools

Bu sayfayı yeterince anlattığı için bu bölümü daha da uzatmak istemedim.

Ürünü geliştirirken kullandığım araçları görmek için için alttaki linke tıklayın. Burada her detaya deyinemiyorum ne yazık ki, sorularınız varsa yorumlara yazın :)

Buraya kadar okuduğunuz için teşekkür ederim, umarım faydalı bir içerik olmuştur.

Önümüzdeki hafta CTA Examples’ın Product Hunt lasmanını yapmayı planlıyorum. Paylaşımlarınızla destek olursanız çok sevinirim: Bir retweet, bir yorum çok fark eder!

Bu yazının call to action’ı da bu olsun, hehe.

Beni Twitter’da takip ediyorsanız lansmandan mutlaka haberiniz olur. 🤟

Lansman günü site trafiğini merak ediyorsanız Sevgili Gökhan Sarı’nın ürünü PoeticMetrics ile trafiği anlık takip edebilirsiniz.

Sevgiler, selamlar.

Product Hunt Linki

--

--