
Docusaurus Landing Page Layout Examples – cloudaffle.com

Funnel Ratings
Criteria | Rating | Stars |
---|---|---|
Hero Section - Headline with strong benefit & hook, powerful design | 10/10 | ★★★★★★★★★★ |
Hero Section: Subhead which expands upon the benefit and/or identifies target audience | 10/10 | ★★★★★★★★★★ |
Hero Section: CTA (Call To Action) | 10/10 | ★★★★★★★★★★ |
Hero Section: Social Proof | 7/10 | ★★★★★★★★★★ |
Hero Section: Image/video | 10/10 | ★★★★★★★★★★ |
No Distracting Links/Focus/Flow | 10/10 | ★★★★★★★★★★ |
Colour | 8/10 | ★★★★★★★★★★ |
Not Over Designed | 10/10 | ★★★★★★★★★★ |
Proportionality | 10/10 | ★★★★★★★★★★ |
Mobile | 10/10 | ★★★★★★★★★★ |
Load Time | 1.04s (10/10) | ★★★★★★★★★★ |
Funnel Review
The Cloudaffle sales page for their TypeScript course serves as an excellent addition to our collection of landing page layout examples in the coding niche. Built using an unknown or custom platform, this page immediately captures attention with a strong headline that clearly communicates the key benefits of the course, earning a perfect 10/10 score. The subheadline further expands on these benefits and effectively identifies the target audience, also receiving a perfect 10/10 rating.
The call-to-action is prominently displayed and visually appealing, contributing to a seamless user experience and securing another perfect score. The page features some social proof elements, such as testimonials or success stories, which enhance credibility and trust, earning a 7/10 rating. The hero section includes engaging visuals that resonate with the audience, scoring a perfect 10/10 for the image/video category.
The overall layout follows best practices for landing page design, with no distracting links and a clean color scheme that enhances readability, scoring 10/10 and 8/10 respectively. The page maintains a well-structured layout that effectively communicates the message without being over-designed, earning a perfect 10/10 rating in this category. Proportionality is consistent throughout, ensuring a polished appearance, and the logical flow of content contributes to a smooth user experience, both receiving perfect scores.
One of the standout features of this landing page layout example is its impressive load time of 1.04 seconds, which is well within the recommended range, ensuring minimal risk of user drop-off. The page demonstrates excellent focus with a 10/10 score, keeping the main message clear and prominent.
Overall, the Cloudaffle sales page for their TypeScript course serves as an outstanding example of effective landing page layout, capturing leads and driving conversions in the coding niche through strategic design and messaging.
Funnel Pros and Cons
Pros
- Strong, clear headline and subheadline that effectively communicate value.
- Prominent and visually appealing call-to-action.
- Engaging visuals that resonate with the target audience.
- Clean, well-structured layout that keeps the focus on the message.
- Exceptionally fast load time ensures a smooth user experience.
Cons
- Hero section would greatly benefit from social proof and/or testimonials
- Minor improvements could be made to enhance the color scheme, dark isnt ideal for readability
Keith Commins

Keith Commins is a seasoned funnel builder and founder of bestsalesfunnels.net, he is on a mission to help the world create lives of freedom with sales funnels.
He passionately believes in the mantra coined by Clickfunnels founder Russell Brunson, that you “are only one funnel from life changing success”.
Thats why he created bestsalesfunnels.net – a place which he aims to become your “one stop shop” for everything you need to know about funnels, from how to build them, how they should look, which platform is best for you, how to build your page to maximise conversions, the other miscellaneous – chapter and verse, the whole nine yards…you will find it all at bestsalesfunnels.net
Previous post: Amazing Landing Pages – emea.leadroute.eu
Next post: Clickfunnels Beautiful Website Design – conversionstudio.co