YapYap is an AI comment generator built as a Chrome extension for X and LinkedIn. It helps creators reply fast without losing their own voice or breaking their scroll. This is a landing page I designed solo as a personal concept project, built around one idea: name the visitor's frustration before a single feature shows up, so by the time the product is explained, they already want it.
Role: UX/UI Designer
Hero
The headline says what YapYap does in one breath, then a live product demo sits right below it so visitors see the tool working before reading anything else. Two CTAs, one for people ready to jump in, one for people who just want to try it first.
HERO SECTION
The Problem section:
Before any feature shows up, this section says the quiet part out loud, the tabs, the drafts, the "what should I even say." Scroll-highlighted text, Apple style, so it reads like a thought instead of a paragraph.
Problem Section
Features
Four, no more. In-feed comment generation, 12 tones, smart pitch mode, built for consistency, each paired with a real screenshot instead of an icon. People believe what they can see.
Features section
Why YapYap Works:
Once the tool makes sense, this answers the next question: what do I actually get. Visibility, authenticity, growth, focus, leverage, control, six small honest promises instead of one big claim.
Benifits Section
Testimonials:
Just one quote. Trust doesn't need volume, it needs to land at the right moment, right after value, right before price.
Testimonilas
Pricing:
Two tiers, side by side, one marked recommended. Free or $19 a month, no third tier to make someone stop and second-guess.
Pricing section
The footer:
The CTA folds straight into the footer instead of getting its own loud banner. A quiet way to end the page.
Footer section
Logos and mockups
branding
Landing page Preview
Like this project
Posted Jul 22, 2026
Designed a landing page for the YapYap AI comment generator Chrome extension