cover page
List Build Landing Page Template
Web Design
2022

List Build Landing Page Template

I designed a new list-build page template aimed at gathering phone numbers for text alerts for upcoming window campaign events. It features a prominent promo image or video to spark excitement among members for the events they have RSVP'd to by clicking a link in our marketing emails. This template is now a standard for all window campaigns at The Motley Fool.

Leveraging ChatGPT, I expedited the development of this project, particularly in crafting the intricate JavaScript functions that form the heart of this interactive feature. ChatGPT was instrumental in structuring the initial HTML/CSS, since I'm most comfortable with building my own HTML/CSS, but its most significant contribution was in streamlining the creation of complex JavaScript logic, saving considerable development time. Through iterative dialogues with ChatGPT, I meticulously refined the code, ensuring every detail, including accessibility, was thoroughly addressed to enhance user engagement and interaction on mobile order pages.

This example is a very short page, but most of the time, I have to build order pages that are around 5000 words long. To expedite the process, I take all the copy and run it through an HTML converter, then clean up the code in Visual Studio Code while adding my personal touch to make it look perfect for our members. I frequently collaborate with tech teams but never need assistance with HTML/CSS/JS, as I can confidently handle that on my own.

Stock Advisor order page desktop & mobileBodeum full desktop pageList build free report pagesShowdown 2022 BOGO Survey responsive
list build example 01list build example 02list build example 03Announcement on company Slack
Use this form to describe your project
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.