Landing Page Builder
Ecommerce landing pages are the single most important conversion asset in any paid traffic strategy, yet most sellers treat them as an afterthought — sending ad clicks to generic product pages or cluttered homepages. This skill designs purpose-built landing page structures complete with persuasive headline copy, hero section layouts, benefit-driven body sections, social proof placement, and strategically positioned calls to action that guide visitors toward purchase.
Use when
- You are launching a new product on Shopify, WooCommerce, or any DTC storefront and need a dedicated landing page layout that converts cold traffic from Facebook or Google Ads into buyers
- Your TikTok Shop or Instagram ad campaigns are driving traffic but your conversion rate is below 2% and you suspect the landing experience is the bottleneck
- You want to build a seasonal promotion page for Black Friday, Singles Day, or Prime Day with urgency elements, countdown timers, and limited-offer messaging baked into the structure
- A brand manager asks you to create a product launch page brief that a designer or developer can immediately implement without guessing at copy or section ordering
What this skill does
This skill analyzes your product details, target audience, traffic source, and campaign objective to generate a complete landing page blueprint. It produces a section-by-section wireframe with specific headline and subheadline copy, hero image or video placement guidance, benefit blocks with suggested iconography, social proof sections specifying where to place reviews and trust badges, and a primary CTA with supporting micro-copy. The output accounts for mobile-first design principles and includes notes on above-the-fold priority, scroll depth expectations, and visual hierarchy. Each section includes rationale explaining why it appears in that position within the page flow and what psychological trigger it activates for the visitor.
Inputs required
- Product name and description (required): The product or offer being promoted, including key features and price point. Example: "HydraGlow Vitamin C Serum, 30ml, $29.99 — brightening, anti-aging, suitable for all skin types."
- Target audience (required): Who the landing page is for — demographics, pain points, and purchase motivations. Example: "Women aged 25-40 concerned about dull skin and early signs of aging, active on Instagram."
- Traffic source (required): Where visitors will come from — Facebook Ads, Google Shopping, TikTok Ads, email campaign, influencer link, etc. This determines messaging tone and visitor intent level.
- Campaign objective (optional): Whether the goal is direct purchase, lead capture, pre-order signup, or add-to-cart. Defaults to direct purchase if not specified.
- Brand tone guidelines (optional): Any brand voice notes such as playful, clinical, luxury, minimalist. Helps tailor headline copy and micro-copy style.
Output format
The output is a structured landing page blueprint divided into clearly labeled sections. It begins with a Page Strategy Summary covering the conversion thesis and visitor psychology in three to four sentences. Then it provides a Section-by-Section Layout with six to eight sections in scroll order, each containing the section name, its purpose, specific headline or subheadline copy, body text or bullet points, visual asset recommendations, and CTA or interaction element details. The blueprint concludes with Mobile Optimization Notes covering thumb-friendly CTA sizing, image compression guidance, and fold-priority recommendations, plus a Testing Suggestions block with two to three A/B test ideas for headlines, hero images, or CTA button text.
Scope
- Designed for: ecommerce operators, DTC brand teams, Shopify store owners, landing page designers
- Platform context: Shopify, WooCommerce, Unbounce, Instapage, custom storefronts, platform-agnostic
- Language: English
Limitations
- Does not generate actual HTML, CSS, or working code — output is a strategic blueprint and copy document for implementation by a designer or page builder tool
- Cannot access real-time analytics or heatmap data to diagnose existing page performance; recommendations are based on established conversion principles and the inputs you provide
- Visual asset recommendations are descriptive guidance, not generated images or graphics
1---2name: aes-landing-page-builder3description: Design high-converting ecommerce landing page structures with headline copy, hero sections, and CTA placement.4---56# Landing Page Builder78Ecommerce landing pages are the single most important conversion asset in any paid traffic strategy, yet most sellers treat them as an afterthought — sending ad clicks to generic product pages or cluttered homepages. This skill designs purpose-built landing page structures complete with persuasive headline copy, hero section layouts, benefit-driven body sections, social proof placement, and strategically positioned calls to action that guide visitors toward purchase.910## Use when1112- You are launching a new product on Shopify, WooCommerce, or any DTC storefront and need a dedicated landing page layout that converts cold traffic from Facebook or Google Ads into buyers13- Your TikTok Shop or Instagram ad campaigns are driving traffic but your conversion rate is below 2% and you suspect the landing experience is the bottleneck14- You want to build a seasonal promotion page for Black Friday, Singles Day, or Prime Day with urgency elements, countdown timers, and limited-offer messaging baked into the structure15- A brand manager asks you to create a product launch page brief that a designer or developer can immediately implement without guessing at copy or section ordering1617## What this skill does1819This skill analyzes your product details, target audience, traffic source, and campaign objective to generate a complete landing page blueprint. It produces a section-by-section wireframe with specific headline and subheadline copy, hero image or video placement guidance, benefit blocks with suggested iconography, social proof sections specifying where to place reviews and trust badges, and a primary CTA with supporting micro-copy. The output accounts for mobile-first design principles and includes notes on above-the-fold priority, scroll depth expectations, and visual hierarchy. Each section includes rationale explaining why it appears in that position within the page flow and what psychological trigger it activates for the visitor.2021## Inputs required2223- **Product name and description** (required): The product or offer being promoted, including key features and price point. Example: "HydraGlow Vitamin C Serum, 30ml, $29.99 — brightening, anti-aging, suitable for all skin types."24- **Target audience** (required): Who the landing page is for — demographics, pain points, and purchase motivations. Example: "Women aged 25-40 concerned about dull skin and early signs of aging, active on Instagram."25- **Traffic source** (required): Where visitors will come from — Facebook Ads, Google Shopping, TikTok Ads, email campaign, influencer link, etc. This determines messaging tone and visitor intent level.26- **Campaign objective** (optional): Whether the goal is direct purchase, lead capture, pre-order signup, or add-to-cart. Defaults to direct purchase if not specified.27- **Brand tone guidelines** (optional): Any brand voice notes such as playful, clinical, luxury, minimalist. Helps tailor headline copy and micro-copy style.2829## Output format3031The output is a structured landing page blueprint divided into clearly labeled sections. It begins with a Page Strategy Summary covering the conversion thesis and visitor psychology in three to four sentences. Then it provides a Section-by-Section Layout with six to eight sections in scroll order, each containing the section name, its purpose, specific headline or subheadline copy, body text or bullet points, visual asset recommendations, and CTA or interaction element details. The blueprint concludes with Mobile Optimization Notes covering thumb-friendly CTA sizing, image compression guidance, and fold-priority recommendations, plus a Testing Suggestions block with two to three A/B test ideas for headlines, hero images, or CTA button text.3233## Scope3435- Designed for: ecommerce operators, DTC brand teams, Shopify store owners, landing page designers36- Platform context: Shopify, WooCommerce, Unbounce, Instapage, custom storefronts, platform-agnostic37- Language: English3839## Limitations4041- Does not generate actual HTML, CSS, or working code — output is a strategic blueprint and copy document for implementation by a designer or page builder tool42- Cannot access real-time analytics or heatmap data to diagnose existing page performance; recommendations are based on established conversion principles and the inputs you provide43- Visual asset recommendations are descriptive guidance, not generated images or graphics
LeoYeAI