Free SKILL.md scraped from GitHub. Clone the repo or copy the file directly into your Claude Code skills directory.
npx versuz@latest install minhnv0807-ai-business-skills-skills-en-12-landing-page-brief-globalgit clone https://github.com/minhnv0807/ai-business-skills.gitcp ai-business-skills/SKILL.MD ~/.claude/skills/minhnv0807-ai-business-skills-skills-en-12-landing-page-brief-global/SKILL.md--- name: 12-landing-page-brief-global description: Create high-converting landing page briefs — 7-section structure, 1 page = 1 goal = 1 CTA, mobile-first, conversion-optimized. Includes Single-Product LP for Dropshipping mode. metadata: version: 2.5.0 category: content language: en triggers: - "landing page brief" - "LP design brief" - "single product page" - "dropshipping LP" - "Shopify product page" - "landing page" - "lead capture page" - "sales page" output: A .md file with a complete 7-section brief, copy templates, technical requirements, A/B test plan, and tracking plan related: - product-marketing-context-global - 02-campaign-brief-global - 05-ad-copy-global - 09-customer-insight-global - 10-reverse-kpi-calc-global - 29-dropshipping-mastery-global --- # Landing Page Brief (Global) > 1 page = 1 goal = 1 CTA. No menus, no outbound links, no distractions. --- ## Information Gathering Ask up to 4 questions: 1. **What product/service?** Brief description + price + target audience. 2. **What is the LP goal?** Lead capture (form), booking, purchase, signup? 3. **Primary traffic source?** Meta Ads, TikTok Ads, Google Ads, organic, or mixed? 4. **What assets exist?** Product photos/video, testimonials, social proof numbers? --- ## Core Principles ### 1 page — 1 goal — 1 CTA | Principle | Explanation | |-----------|-------------| | Single goal | Each page serves one action: fill a form, book a call, or buy | | No nav menu | Remove header navigation — prevents users leaving the page | | No outbound links | Every link should anchor-scroll to the CTA, never link out | | Mobile-first | 70%+ of paid-ad traffic is mobile globally — design mobile first | | <3s load | First Contentful Paint < 1.5s, Largest Contentful Paint < 3s | | Urgency element | Countdown, limited stock, deadline — always have at least one | ### Length by Device | Device | Total page length | Avg reading time | |--------|-------------------|------------------| | Mobile | 6–8 scroll screens | 90–120 seconds | | Desktop | 4–5 scroll screens | 60–90 seconds | --- ## 7-Section Structure ### Section 1 — Hero **Goal:** Hook + deliver core value proposition within 5 seconds. | Element | Requirement | Character limit | |---------|-------------|-----------------| | Headline | Clear benefit, not generic | 60 chars | | Sub-headline | Short explanation of the benefit | 120 chars | | Primary CTA | Verb + benefit, contrast color (#ff6b00) | 25 chars | | Visual | Product image/video or result shot | 1 hero asset | | Trust badge | Customer count, ratings, partner logos | 3–5 badges | **Copy template:** ``` Headline: [Desired result] — [Time / condition] Example: "Clear skin in 4 weeks — without injections" Sub-headline: [Method/product] helps [audience] [achieve result] without [main concern]. Example: "Our deep-facial protocol helps busy professionals reclaim healthy skin without downtime." CTA: [Verb] + [benefit] Example: "Book your free consultation" ``` --- ### Section 2 — Problem (Pain Agitation) **Goal:** Name the exact pain so the user thinks "Yes, that's me." | Element | Requirement | |---------|-------------| | 3–5 pain points | Specific, in customer's own language | | Consequences | What happens if unsolved? | | Emotion | Empathy words: tired, anxious, frustrated, stuck | **Template:** ``` "Are you struggling with any of these?" - [Pain 1 — specific, situational] - [Pain 2 — consequence of the problem] - [Pain 3 — accompanying emotion] - [Pain 4 — failed past attempts] "If even one of these resonates — [product/service] is built for you." ``` --- ### Section 3 — Solution (How it works) **Goal:** Position the product/service as the answer to Section 2. | Element | Requirement | |---------|-------------| | Solution intro | 2–3 short sentences | | 3–4 process steps | Numbered: Step 1 → Step 2 → Step 3 → Result | | Differentiators | 3 USPs vs competitors or old methods | | Visual | Icons or images per step | **Template:** ``` "How [solution] works:" Step 1: [Customer action] → [Outcome of step] Step 2: [Next action] → [Outcome of step] Step 3: [Final action] → [End result] Why we're different: - [USP 1]: [Short explanation] - [USP 2]: [Short explanation] - [USP 3]: [Short explanation] ``` --- ### Section 4 — Social Proof **Goal:** Build trust through real results. | Element | Requirement | Quantity | |---------|-------------|---------| | Testimonial | Real name, photo, specific result | 3–5 | | Numbers | Total customers, avg rating, years experience | 3–4 stats | | Partner logos | If B2B or with major brands | 4–6 logos | | Before/After | Side-by-side result imagery | 2–3 pairs | | Video review | Customer talking about experience | 1–2 videos | **Testimonial template:** ``` "[Specific result with numbers]" — [Name], [Role/Title], [City] [Photo or avatar] ``` --- ### Section 5 — Lead Form / Primary CTA **Goal:** Convert. This is the most critical section. | Element | Requirement | |---------|-------------| | Form headline | Restate benefit + add urgency | | Form fields | Min: Name + Phone (2 fields). Max: + Email + 1 optional | | CTA button | Contrast color (#ff6b00), large, high-contrast | | Reassurance | "Information is private" or "Free consult, no obligation" | | Urgency | Countdown timer or "[X] slots left this month" | **Form rules:** - Mobile: form spans full screen width - Each field has a clear label + example placeholder - CTA button height ≥ 48px (mobile-tap friendly) - After submit: show Thank You + redirect or confirmation - Don't request email if the goal is a phone call/chat --- ### Section 6 — FAQ (Objection Handling) **Goal:** Answer 5–7 common questions to remove buying barriers. | Type | Examples | |------|----------| | Pricing | "How much does it cost? Any hidden fees?" | | Effectiveness | "How long until I see results?" | | Safety | "Are there side effects?" | | Process | "How do I sign up?" | | Competition | "How is this different from [alternative]?" | | Guarantee | "Refund or warranty policy?" | | Timing | "How long does it take?" | **Format:** Accordion (open/close) — collapsed by default on mobile to save space. --- ### Section 7 — Final CTA **Goal:** One last, strongest call to action. | Element | Requirement | |---------|-------------| | Headline | Sum up the entire value proposition in one line | | CTA button | Same as Section 5 — contrast color, large | | Urgency | Restate deadline or limited stock | | Direct contact | Phone hotline + WhatsApp/Messenger link (for non-form converters) | --- ## Technical Requirements ### Performance | Metric | Target | |--------|--------| | First Contentful Paint | < 1.5s | | Largest Contentful Paint | < 3s | | Cumulative Layout Shift | < 0.1 | | Time to Interactive | < 3.5s | | PageSpeed Score (Mobile) | > 80 | ### Required Integrations | Integration | Detail | |-------------|--------| | Meta Pixel | Events: PageView, ViewContent, Lead, SubmitApplication | | Google Analytics 4 | Events: page_view, scroll (25/50/75/100%), form_start, form_submit | | Form → CRM/Sheet | Every submission auto-saved (HubSpot, Airtable, Google Sheets) | | Form → Slack/Email alert | Real-time notification on new lead | | UTM tracking | Read UTM params from URL, save with form data | | TikTok Pixel | If running TikTok Ads: PageView, SubmitForm | | Google Tag Manager | Manage all pixels in one container | ### SEO Meta Tags ```html <title>[Main headline] | [Brand name]</title> <meta name="description" content="[Sub-headline — 150–160 chars]" /> <meta property="og:title" content="[Main headline]" /> <meta property="og:description" content="[Short sub-headline]" /> <meta property="og:image" content="[OG image URL 1200x630]" /> <meta property="og:type" content="website" /> <meta name="robots" content="noindex, nofollow" /> <!-- LPs typically don't need indexing --> ``` ### Responsive Breakpoints | Breakpoint | Requirement | |-----------|-------------| | Mobile (< 768px) | Single column, font 16px+, CTA full width | | Tablet (768–1024px) | 1–2 columns, prominent CTA | | Desktop (> 1024px) | 2 columns for image+text sections, max-width 1200px | --- ## Analytics Tracking Plan | Event | Trigger | Platform | |-------|---------|----------| | PageView | Page loads | Meta Pixel + GA4 + TikTok Pixel | | ViewContent | Scrolls past Section 3 (Solution) | Meta Pixel | | Scroll depth 25% | 25% scrolled | GA4 | | Scroll depth 50% | 50% scrolled | GA4 | | Scroll depth 75% | 75% scrolled | GA4 | | Scroll depth 100% | Full scroll | GA4 | | FormStart | Click on first form field | GA4 | | Lead | Successful form submit | Meta Pixel + GA4 + TikTok Pixel | | ClickCTA | Any CTA button click | GA4 (event label: section position) | | ClickPhone | Phone number click | GA4 | | ClickChat | Live chat / WhatsApp click | GA4 | --- ## A/B Test Plan Test by priority — only one variable at a time: ### Round 1 — Highest Impact | Variable | Variant A | Variant B | Metric | |----------|-----------|-----------|--------| | Hero headline | Benefit-focused | Pain-focused | Form conv rate | | CTA copy | "Book free consult" | "Get my offer" | CTA click rate | ### Round 2 — Form Optimization | Variable | Variant A | Variant B | Metric | |----------|-----------|-----------|--------| | Form fields | 2 fields (Name + Phone) | 3 fields (+ Email) | Form conv rate | | Form position | Mid-page (Section 5) | Top (after Hero) | Form conv rate | ### Round 3 — Fine Tuning | Variable | Variant A | Variant B | Metric | |----------|-----------|-----------|--------| | CTA color | Orange (#ff6b00) | Blue (#155eef) | CTA click rate | | Urgency element | Countdown timer | "X slots left" text | Form conv rate | **A/B test rules:** - Min 200 conversions per variant before deciding - Run min 7 days to wash out day-of-week effects - Primary metric: form conversion rate (not bounce rate) --- ## Single-Product LP for Dropshipping > Activates when context is dropshipping. Different from regular brand LP — laser-focused on conversion. ### Single-Product LP Structure (mobile-first) | Section | Goal | Element | |---------|------|---------| | 1. Hero | Stop scroll | Hero image + bold headline + price + CTA button | | 2. Problem-Solution | Validate problem | "Tired of X? This Y solves it" + product photos | | 3. How it works | Build understanding | 3 steps with icons | | 4. Social proof | Build trust | Customer photos + reviews (Loox/Judge.me) | | 5. Features benefits | Build desire | 4-6 feature tiles | | 6. Comparison | Differentiate | "Us vs Alternatives" table | | 7. Urgency/Scarcity | Push decision | Stock countdown / shipping delay if delayed | | 8. FAQ | Handle objections | 6-10 common objections answered | | 9. CTA section | Convert | Repeat CTA + free shipping mention + guarantee | | 10. Footer | Trust signal | Contact + return policy + privacy | ### Dropshipping LP Rules 1. **Single product per page** — never list 2+ products 2. **Mobile-first design** — 90% traffic from mobile (Meta/TikTok ads) 3. **Above-the-fold CTA** — "Add to Cart" must be visible without scrolling 4. **Stock countdown** — Beeketing, Hurrify, or built-in apps 5. **Cart abandonment recovery** — abandoned cart email automation (Klaviyo) ### Reference See skill `29-dropshipping-mastery-global` for full pipeline. --- ## Output Template ```markdown # Landing Page Brief — [Product/Service Name] Created: [YYYY-MM-DD] Goal: [Lead / Booking / Purchase] Traffic source: [Meta Ads / TikTok Ads / Google Ads / ...] --- ## Overview | Item | Detail | |------|--------| | Product/Service | [Name] | | Audience | [Short description] | | Price | [Price] | | Main USP | [3 differentiators] | | Target conversion rate | [X%] (benchmark: lead-gen LPs 5–15%, e-com 1–5%) | --- ## Section 1 — Hero - **Headline:** [60 chars] - **Sub-headline:** [120 chars] - **CTA:** [25 chars] - **Visual:** [Image/video description] - **Trust badges:** [List 3–5] ## Section 2 — Problem - Pain 1: [...] - Pain 2: [...] - Pain 3: [...] - Bridge: [Sentence linking pain to solution] ## Section 3 — Solution - Intro: [2–3 sentences] - Step 1: [...] - Step 2: [...] - Step 3: [...] - USPs: [3 points] ## Section 4 — Social Proof - Testimonial 1: [Name, result, photo] - Testimonial 2: [Name, result, photo] - Testimonial 3: [Name, result, photo] - Stats: [e.g. 1,200+ customers | 4.8/5 rating | 5 yrs experience] ## Section 5 — Form - Form headline: [...] - Fields: Name, Phone, [optional] - CTA: [...] - Urgency: [Countdown / limited slots] - Reassurance: [...] ## Section 6 — FAQ 1. [Q] → [A] 2. [Q] → [A] 3. [Q] → [A] 4. [Q] → [A] 5. [Q] → [A] ## Section 7 — Final CTA - Headline: [Value summary] - CTA: [Same as Section 5] - Contact: [Phone + WhatsApp + Messenger] --- ## Technical Requirements - [ ] Load < 3s (mobile) - [ ] Meta Pixel: PageView, ViewContent, Lead - [ ] GA4: page_view, scroll depth, form_start, form_submit - [ ] Form → CRM/Sheet (auto) - [ ] Slack/Email lead alert (auto) - [ ] UTM tracking with form data - [ ] OG meta tags complete - [ ] Responsive mobile-first ## A/B Test Plan - Test 1: [Headline A vs B] — metric: conv rate — duration: 7 days - Test 2: [CTA copy A vs B] — metric: click rate — duration: 7 days - Test 3: [Form fields A vs B] — metric: conv rate — duration: 7 days ``` --- ## Skill Cross-references - **`09-customer-insight-global`** — pull pain points and customer language for Section 2 - **`05-ad-copy-global`** — write ads driving traffic to this LP - **`10-reverse-kpi-calc-global`** — compute target conversion rate and ad spend - **`02-campaign-brief-global`** — LP fits in the broader campaign brief - **`13-data-analysis-global`** — analyze LP performance after launch - **`29-dropshipping-mastery-global`** — full dropshipping pipeline (when LP is for a single product store) --- ## Quality Checklist ### Content - [ ] Hero headline conveys the benefit in 60 chars - [ ] Each section has a single clear purpose, no overlap - [ ] Pain points use the customer's own language, not internal jargon - [ ] At least 3 testimonials with real names + specific results - [ ] Every CTA uses verb + benefit, not "Click here" or "Learn more" - [ ] Urgency element present (countdown, limited stock, deadline) - [ ] FAQ handles all major objections ### Design - [ ] No navigation menu - [ ] No outbound links - [ ] Mobile layout single-column, font ≥ 16px - [ ] CTA button contrast color, full-width on mobile - [ ] Images have alt text - [ ] Form max 3 fields ### Technical - [ ] Load time < 3s on 4G - [ ] Meta Pixel + GA4 installed - [ ] Form posts to CRM/Sheet - [ ] Lead alerts to Slack/Email - [ ] UTM params saved with form data - [ ] OG image 1200x630 present - [ ] noindex, nofollow (LPs usually skip SEO) ### Pre-launch - [ ] Test form on mobile (iOS + Android) - [ ] PageSpeed Insights check - [ ] OG preview when sharing the link - [ ] Meta Pixel verified via Events Manager - [ ] CTA links and anchor scroll work correctly