Bootcamp Paid Landing Pages

Overview

Prospective learners visiting bootcamp landing pages weren’t finding enough detail to make decisions, and lead forms were poorly placed. I redesigned the pages to improve content hierarchy, highlight value propositions like pricing and testimonials, and make lead generation more accessible, resulting in stronger conversion potential.

Role

Role

Lead UX designer
and researcher

Timeline

2 weeks
(1 sprint)

Team

UX, product manager,
engineers

Activities

Interviews, heat-maps, design

Focus

Value communication, hierarchy, conversion

Problems

  1. Potential learners do not have all the necessary information they need on our current lead generation pages to move forward.

  2. Potential learners have a difficult time navigating the most important information on lead generation pages.

  3. Potential learners do not have a the lead generation form visible to them during the their vetting process.

How Might We…

  1. How might we provide a clear understanding of the value of this product offer that gives them the confidence to pursue more information?

  2. How might we give the user an easy way to navigate the hierarchy of information so that they are comfortably informed?

  3. How might we make it easier to find and fill out the lead generation form when the user is on the lead generation page?

MVP spoiler alert: Modal form

But please read following sections to see my process on how we came to these decisions.

Research

7 User interviews

I conducted user interviews using usertesting.com. Each interview was about 45 minutes long that focused on content discovery, value props and form design.

CrazyEgg insights

I used CrazyEgg for quantitative insights, focusing on heatmaps, scroll map and confetti maps for click and engagement behavior.

Research Results

User interviews

Observations:

  • 4 users were not sure what they were getting, and were hesitant
    to fill out the form

  • 5 users were not sure where the form was when they wanted to fill it out

  • 6 users wanted more detail about the curriculum

  • All users wanted to know how much it would cost and if they were any payments options

  • 4 users wanted to know if there was any career services after the bootcamp was completed

Crazyegg

Observations:

  • Users stayed above the fold and missed important information as indicated by the heat and scroll map

  • Several areas on the page were identified as thought to be clickable, as identified by return users and rage-clicking

  • Lead generation form was only available at top of the page which may lead to users not seeing all information or becoming frustrated with no clear interaction point below the fold

Design Approach

  • Learner-focused content – Structure pages around curriculum, cost, and outcomes.

  • Persistent enrollment – Keep the signup form visible to capture intent throughout the page.

  • Built-in trust – Include testimonials, partner logos, and flexible payment options.

  • Scannable layout – Design pages that are easy to read across devices and program types.

Design Recommendations

  • Add pricing information and flexible payment options information (this was A/B tested)

  • Add employer partner logos and testimonials

  • Add additional modal form for down-page access

  • Add clear value props to hero section

  • Add important information around dates, time spent and completion expectations

  • Include curriculum information detail

Example shown here of wireframes that are modular and scalable across 7 different Bootcamp programs.

Prototype for desktop and mobile

Next Steps

  • A/B test new content and layout iterations for improved conversion

  • Continue monitoring quantitative data around clicks and heat maps

  • Continue monitoring which marketing channel click-throughs are most successful

Constant feedback

  • Develop feedback widgets for new features and experience

Previous
Previous

LMS: Gated content enhancements

Next
Next

Unified service desk