Yucel Profile picture
maker https://t.co/fHhYlZJkah, https://t.co/jHG6uTdkGg ― tweets bilingual🇹🇷🇬🇧 building 👉🏻 https://t.co/eAx3HTL4JL

Apr 10, 2022, 25 tweets

new side project: Call to Action Examples
#buildinpublic

I will share the updates here(🇹🇷) and on Indie Hackers as well.
indiehackers.com/product/cta-ex…

The two things I have done about this project are to purchase a domain name on Google Domains for less than $4 and to have an assumption:

People need a call to action library where they will be able to copy "cta text" to clipboard with just one click.

here is how I wireframed it in the beginning:

the next day, I made a few modifications:

and that is! after having this wireframe on @whimsical I did almost nothing. That was 2-3 weeks ago, and now I starting to work on it again.

I did also created a super simple coming soon page on @TallyForms

It's super easy to connect the Tally form with the domain :)

ctaexamples.com

Now it's time to build the #landingpage:

I've decided not to build a familiar landing. It's going to be a dashboard-like page like @harrydry did on Marketing Examples
marketingexamples.com

I am still learning @tailwindcss and it is my #1 choice when building new landing pages and products.

I love using @ShuffleEditor to generate static Tailwind CSS pages. It makes my job super easy as a non-technical maker.

Tailwind CSS is easy for starters, and shuffle.dev makes it much easier for people like me.

So I started playing on Shuffle's Artemis UI library.

You can drag & drop the pre-build components easily. It's worth trying if you haven't yet :)

Ok, here is how it looks now:

wireframe ⇾ first draft ⇾ final version

The "Copy to Clipboard" function works 🎉

made with alpine.js :)

footer update 💌 #buildinpublic

GTmetrix results:

I realized that I have almost no images on the index page. Going to be a different experience this time.

I launched the landing page today.

78 call-to-action phrases are listed on the index page so far.

I do also see this project as a case study, so I shared all the tools to build ctaexamples.com here:

ctaexamples.com/how-i-made-thi…

I made my Analytics publicly available, thanks to @PoeticMetricHQ, so everyone can see how a website like this performs.

poeticmetric.com/s?d=ctaexample…

btw I had big hopes (still have some) on the organic site, but the Googlebot pretends to be dead so far 😅

It took more time for my website to be indexed on Google than I imagined.

I checked my sitemap and robots.txt all appear to be okay.

According to Ahref's Site Audit tool, my site is doing okay, but I think I need to wait another week to see the effects.

Tip: You get free access to Ahrefs essential tools if you connect your Google Search Console with it.

It's a win-win if you ask me :)

side*

and the pricing:

I was wondering if this website could turn into a CaaS (content as a service) platform.

Then I started asking people if could it work: The results:

I still need to validate this idea, so I updated my pricing component:

I visitors select the Professional plan, they will be redirected to answer a series of questions before completing the purchase.

speaking-of @TallyForms are amazing 😊

I have a sales page now:
landing page with a sidebar :)

People said it's too plain and I made it brighter and colorful :)
ctaexamples.com

October update:

send the first commit after two months to test the new pricing section.

✅ sold first team plan
✅ and CTA Examples achieved another goal:
Ranking on the first page of "cta examples" search query on Google

I hope it's not temporary🤲🏻🙏🏻

Share this Scrolly Tale with your friends.

A Scrolly Tale is a new way to read Twitter threads with a more visually immersive experience.
Discover more beautiful Scrolly Tales like this.

Keep scrolling