Show Them with a how it works section
I’d argue that every Landing Page could be strengthened with a How It Works section. It’s incredible how a simple visual of numbered steps can help calm and educate your potential customer.
Good references
A collection of noteworthy visual references to spark ideas for your landing pages. Seen any other interesting ones? Let me know!
A few elements to note here that give visitors peace of mind. The section title including the word “easy” along with a numbered 1-2-3, the bolded times per step and a price. Great to see a convenient CTA button below the steps.
Popcorn integrate their minimal How It Works steps with a mobile preview and lead sign up. Note how specific they went with the time it takes to get connected.
The NYC condo & co-op budgeting guide How It Works section features an interactive horizontal accordion. There are clearly numbered steps and even arrows for added usability.
A simple looping arrow animation, along with a hand-drawn "replaces" note detailing what this step eliminates in your software stack, makes for a strong Docspo how it works section.
This How It Works section by High Five Strategies reuses the same 5-color pattern applied through the full Landing Page. Note the forward moving timeline illustration with icons aligned with steps.
Resources
Links to external resources to help you dive deeper, find assets, or hire help to level up your landing page.
Bonus Content
Related course content I think you’ll enjoy.