felix Profile picture
Jul 17 โ€ข 11 tweets โ€ข 2 min read โ€ข Read on X
๐Ÿญ๐Ÿฌ ๐—ฅ๐˜‚๐—น๐—ฒ๐˜€ ๐—ณ๐—ผ๐—ฟ ๐—›๐—ถ๐—ด๐—ต-๐—–๐—ผ๐—ป๐˜ƒ๐—ฒ๐—ฟ๐˜๐—ถ๐—ป๐—ด ๐—ช๐—ฒ๐—ฏ๐˜€๐—ถ๐˜๐—ฒ๐˜€ ๐Ÿ”ฅ

Most product sites donโ€™t convert.

Hereโ€™s how to fix it ๐Ÿงต Image
๐Ÿญ/ ๐—จ๐—ป๐—ฑ๐—ฒ๐—ฟ๐˜€๐˜๐—ฎ๐—ป๐—ฑ ๐˜†๐—ผ๐˜‚๐—ฟ ๐—ฏ๐˜‚๐˜†๐—ฒ๐—ฟ
Before designing, talk to real users. Figure out what they want, what stops them, and what triggers action.

โ†’ Talk to 5 signups: โ€œWhat made you try it?โ€
โ†’ Exit survey: โ€œWhatโ€™s stopping you?โ€
โ†’ Watch session recordings
โ†’ Skim support chats
โ†’ Bonus: Buy someone coffee for quick feedback

โœ… Example:
Users say: โ€œI just want to send invoices and get paid.โ€
โ†’ Donโ€™t write: โ€œSmart billing softwareโ€
โ†’ Say: โ€œSend your next invoice in under 60 seconds.โ€
๐Ÿฎ/ ๐—ก๐—ฎ๐—ถ๐—น ๐˜†๐—ผ๐˜‚๐—ฟ ๐—ต๐—ผ๐—บ๐—ฒ๐—ฝ๐—ฎ๐—ด๐—ฒ ๐˜€๐˜๐—ฟ๐˜‚๐—ฐ๐˜๐˜‚๐—ฟ๐—ฒ
Your layout needs:
โ†’ Headline: pain point
โ†’ Subheadline: curiosity
โ†’ CTA: single action
โ†’ Visual: product in action
โ†’ Body: benefits > features

โœ… Example:
โ†’ โ€œHiring is broken.โ€
โ†’ โ€œOur AI recruiter finds top 3 candidates in 24h.โ€
โ†’ โ€œTry it freeโ€
โ†’ Demo video
โ†’ โ€œSave 10+ hours/week on screeningโ€
๐Ÿฏ/ ๐— ๐—ฎ๐—ธ๐—ฒ ๐˜ƒ๐—ฎ๐—น๐˜‚๐—ฒ ๐—ฐ๐—น๐—ฒ๐—ฎ๐—ฟ ๐—ฎ๐—ฏ๐—ผ๐˜ƒ๐—ฒ ๐˜๐—ต๐—ฒ ๐—ณ๐—ผ๐—น๐—ฑ
Most people wonโ€™t scroll.

โ†’ What is this?
โ†’ Whoโ€™s it for?
โ†’ Why does it matter?
โ†’ What should I do next?

โœ… Example:
โ†’ Donโ€™t say: โ€œAI-powered web builderโ€
โ†’ Say: โ€œLaunch your landing page in 60 secondsโ€
๐Ÿฐ/ ๐—™๐—ผ๐—ฐ๐˜‚๐˜€ ๐—ผ๐—ป ๐—ผ๐˜‚๐˜๐—ฐ๐—ผ๐—บ๐—ฒ๐˜€, ๐—ป๐—ผ๐˜ ๐—ณ๐—ฒ๐—ฎ๐˜๐˜‚๐—ฟ๐—ฒ๐˜€
People donโ€™t want โ€œreal-time sync.โ€
They want fewer meetings, faster work.

โœ… Example:
โ†’ Don't say: โ€œReal-time collaborationโ€
โ†’ Say: โ€œNo more back-and-forth emails. Edit together live.โ€
๐Ÿฑ/ ๐—”๐—ฑ๐—ฑ ๐—ฝ๐—ฟ๐—ผ๐—ผ๐—ณ, ๐—ฒ๐—ฎ๐—ฟ๐—น๐˜†
Trust builds conversion.

โ†’ Logos
โ†’ Quotes
โ†’ Counters
โ†’ Screenshots
โ†’ Case studies

โœ… Example:
โ†’ โ€œTrusted by 4,000+ teams at Meta, Notion, and Vercelโ€
๐Ÿฒ/ ๐—ฅ๐—ฒ๐—บ๐—ผ๐˜ƒ๐—ฒ ๐—ฑ๐—ถ๐˜€๐˜๐—ฟ๐—ฎ๐—ฐ๐˜๐—ถ๐—ผ๐—ป๐˜€
Stick to one goal and cut everything else.

โ†’ No blog links
โ†’ No footer clutter
โ†’ No secondary CTAs

โœ… Example:
If your goal is โ€œTry for free,โ€ everything should lead there.
๐Ÿณ/ ๐—จ๐˜€๐—ฒ ๐—ฏ๐—ฒ๐˜๐˜๐—ฒ๐—ฟ ๐—–๐—ง๐—” ๐—น๐—ฎ๐—ป๐—ด๐˜‚๐—ฎ๐—ด๐—ฒ
Avoid vague buttons. Make CTAs feel easy + specific.

โœ… Example:
โ†’ Don't say: โ€œStart nowโ€
โ†’ Say: โ€œTry for freeโ€
๐Ÿด/ ๐——๐—ฒ๐˜€๐—ถ๐—ด๐—ป ๐—บ๐—ผ๐—ฏ๐—ถ๐—น๐—ฒ-๐—ณ๐—ถ๐—ฟ๐˜€๐˜
60%+ of traffic is mobile. If itโ€™s clunky, itโ€™s broken.

โ†’ Large tap targets
โ†’ Sticky CTAs
โ†’ Short scroll
โ†’ Preview breakpoints

โœ… Example:
โ†’ Desktop: CTA beside video
โ†’ Mobile: CTA pinned bottom
โ†’ Preview with Lovable
๐Ÿต/ ๐—ง๐—ฒ๐˜€๐˜ ๐—บ๐—ผ๐—ฟ๐—ฒ ๐˜๐—ต๐—ฎ๐—ป ๐˜†๐—ผ๐˜‚ ๐˜„๐—ฎ๐—ป๐˜ ๐˜๐—ผ
One version is only one guess.

โœ… Example:
โ†’ โ€œThe fastest invoicing tool for freelancersโ€
vs.
โ†’ โ€œSend your next invoice in under 60 secondsโ€
โ†’ Ship both with Lovable
๐Ÿญ๐Ÿฌ/ ๐——๐—ผ๐—ปโ€™๐˜ ๐˜€๐˜๐—ผ๐—ฝ ๐—ฎ๐˜ ๐˜๐—ต๐—ฒ ๐—–๐—ง๐—”
Conversion isnโ€™t the goal. The activation flow right after is.

โ†’ Pre-fill content
โ†’ Show a 60s walkthrough
โ†’ Highlight one key action

โœ… Example:
User signs up โ†’ edits sample invoice โ†’ sends in 1 click

LFG

โ€ข โ€ข โ€ข

Missing some Tweet in this thread? You can try to force a refresh
ใ€€

Keep Current with felix

felix Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!

PDF

Twitter may remove this content at anytime! Save it as PDF for later use!

Try unrolling a thread yourself!

how to unroll video
  1. Follow @ThreadReaderApp to mention us!

  2. From a Twitter thread mention us with a keyword "unroll"
@threadreaderapp unroll

Practice here first or read more on our help page!

More from @felixhhaas

Jun 24
๐—ฃ๐—ฟ๐—ผ๐—บ๐—ฝ๐˜ ๐—ต๐—ฎ๐—ฐ๐—ธ๐˜€ ๐˜๐—ผ ๐Ÿญ๐Ÿฌ๐˜… ๐˜†๐—ผ๐˜‚๐—ฟ ๐—ฑ๐—ฒ๐˜€๐—ถ๐—ด๐—ป (๐—ฃ๐—ฎ๐—ฟ๐˜ ๐Ÿฎ) ๐Ÿ”ฅ

I recently gave a lecture as part of our new Lovable Shipped program and shared some of the prompt hacks I use to build better products with Lovable.

Here are some of my favorites ๐Ÿงต Image
๐Ÿญ/ ๐—ฆ๐˜๐—ฎ๐—ฟ๐˜ ๐˜„๐—ถ๐˜๐—ต ๐—ถ๐—ป๐˜๐—ฒ๐—ป๐˜, ๐—ป๐—ผ๐˜ ๐—ณ๐—ฒ๐—ฎ๐˜๐˜‚๐—ฟ๐—ฒ๐˜€

Bad: โ€œBuild me a landing page.โ€

Good: โ€œCreate a cinematic landing page that introduces a premium wellness brand with storytelling sections and high-end visual design.โ€
๐Ÿฎ/ ๐—จ๐˜€๐—ฒ ๐—ฒ๐—บ๐—ผ๐˜๐—ถ๐—ผ๐—ป๐—ฎ๐—น ๐—ธ๐—ฒ๐˜†๐˜„๐—ผ๐—ฟ๐—ฑ๐˜€

Words like:
โ†’ Tactile
โ†’ Editorial
โ†’ Confident
โ†’ Joyful

They donโ€™t just change the style, they change the feeling and vibe of your project enirerly.
Read 7 tweets
May 2
How to 10x your UI with @lovable_dev

A step by step guide below:Image
๐Ÿญ/ ๐—›๐—ถ๐—ด๐—ต-๐—Ÿ๐—ฒ๐˜ƒ๐—ฒ๐—น ๐——๐—ฒ๐˜€๐—ฐ๐—ฟ๐—ถ๐—ฝ๐˜๐—ถ๐—ผ๐—ป
Make your description clear, inspiring, and outcome-focused.

Example: "Design a mobile-first, task management app for remote creative teams."
๐Ÿฎ/ ๐—Ÿ๐—ผ๐—ผ๐—ธ & ๐—™๐—ฒ๐—ฒ๐—น
Guide the emotional tone by using expressive design language to shape the visual direction. Use simple keywords.

Example: "Make it feel like it was crafted by an award-winning designer. Ultra-modern, playful, highly usable, with smooth microinteractions and delightful UX touches that elevate the entire experience."
Read 8 tweets

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Don't want to be a Premium member but still want to support us?

Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal

Or Donate anonymously using crypto!

Ethereum

0xfe58350B80634f60Fa6Dc149a72b4DFbc17D341E copy

Bitcoin

3ATGMxNzCUFzxpMCHL5sWSt4DVtS8UqXpi copy

Thank you for your support!

Follow Us!

:(