Inicio Education Coding Bootcamp Homepage

Coding Bootcamp Homepage

A high-converting coding bootcamp homepage with program tracks, outcomes data, and enrollment flow

Homepage Bootcamp Enrollment
Copia este prompt y pégalo en ChatGPT o Claude
Create a modern homepage for a coding bootcamp called "LaunchCode Academy" that teaches full-stack web development, data science, and UX design. The site should feel ambitious, trustworthy, and outcome-driven.

1. ANNOUNCEMENT BAR
- "Applications for Summer 2026 cohort now open — Classes start June 15"
- Dismissible with X icon
- Background: #4F46E5 (indigo) with white text

2. NAVIGATION HEADER
- Logo: "LaunchCode Academy" with rocket icon
- Links: Programs, Outcomes, Admissions, Financing, Blog, Contact
- CTA button: "Apply Now" (solid indigo)
- Sticky on scroll with white background and subtle shadow

3. HERO SECTION
- Split layout: left side content, right side image of diverse students collaborating at laptops
- Headline: "Launch Your Tech Career in 12 Weeks"
- Subheadline: "Intensive, project-based bootcamps in Full-Stack Development, Data Science, and UX Design. No experience required."
- Primary CTA: "Explore Programs" (solid button)
- Secondary CTA: "Attend a Free Info Session" (outlined button)
- Small trust badge row below CTAs: "4.8★ on Course Report" · "Licensed by State Board of Education" · "1,200+ Graduates"

4. OUTCOMES STATS BAR (full-width dark background #1E1B4B)
- 4 key metrics with animated count-up on scroll:
  - 93% Job Placement Rate
  - $78K Average Starting Salary
  - 1,200+ Graduates Hired
  - 300+ Hiring Partners
- Small disclaimer link: "See our audited outcomes report →"

5. PROGRAM TRACKS (3-column card grid)
- Card 1: Full-Stack Web Development
  - Duration: 12 weeks full-time / 24 weeks part-time
  - Technologies: React, Node.js, PostgreSQL, AWS
  - Projects: 5 portfolio projects + capstone
  - Tuition: $14,900
  - "Learn More →" link

- Card 2: Data Science & Analytics
  - Duration: 12 weeks full-time / 24 weeks part-time
  - Technologies: Python, SQL, TensorFlow, Tableau
  - Projects: 4 portfolio projects + capstone
  - Tuition: $13,900
  - "Learn More →" link

- Card 3: UX Design
  - Duration: 10 weeks full-time / 20 weeks part-time
  - Technologies: Figma, Adobe XD, Maze, Hotjar
  - Projects: 3 case studies + capstone
  - Tuition: $11,900
  - "Learn More →" link

- Each card has a colored top border (blue, green, purple), icon, and hover lift effect
- "Compare All Programs" link below

6. HOW IT WORKS (horizontal timeline, 4 steps)
- Step 1: "Apply Online" — "Submit your application in 15 minutes. No coding experience needed."
- Step 2: "Interview & Prep" — "Meet with admissions + complete a 2-week prep module."
- Step 3: "Immersive Learning" — "Full-time classes with live instruction, pair programming, and daily projects."
- Step 4: "Career Launch" — "Dedicated career coach, resume review, mock interviews, and hiring partner introductions."
- Connected by a dotted progress line with numbered circles
- Each step has an illustrative icon

7. STUDENT TESTIMONIALS (2-column grid)
- Testimonial 1: Photo, "I went from bartender to software engineer in 4 months. LaunchCode gave me the structure and support I needed." — Maria Chen, Full-Stack Graduate, now at Shopify
- Testimonial 2: Photo, "The data science curriculum was incredibly hands-on. I was building real models by week 3." — Jamal Williams, Data Science Graduate, now at Capital One
- Testimonial 3: Photo, "Career services made all the difference. I had 3 offers within a month of graduating." — Priya Patel, UX Design Graduate, now at IBM
- Testimonial 4: Photo, "The part-time track let me keep my job while transitioning into tech." — Alex Rivera, Full-Stack Graduate, now at Stripe
- Each card: student photo (circular), quote, name, program, current employer with company logo

8. HIRING PARTNERS SECTION
- Headline: "Our Graduates Work At"
- Logo carousel: Google, Amazon, Shopify, Stripe, Capital One, IBM, Deloitte, Accenture (8 logos)
- Auto-scrolling with pause on hover
- Grayscale logos that colorize on hover

9. FINANCING OPTIONS (3-column layout)
- Option 1: "Pay Upfront" — Save $1,000 on tuition — "Best value"
- Option 2: "Monthly Installments" — 12 monthly payments, 0% interest
- Option 3: "Income Share Agreement" — Pay nothing until you earn $50K+ — "Most popular" badge
- "Learn About Financing →" link below
- Small text: "GI Bill® and MyCAA accepted. Scholarships available for underrepresented groups."

10. UPCOMING INFO SESSIONS (event cards, horizontal row)
- "Free Online Info Session — Wed, March 19 at 7:00 PM EST" — "Register" button
- "Campus Tour & Q&A — Sat, March 22 at 10:00 AM EST" — "Register" button
- "Intro to Coding Workshop (Free) — Thu, March 27 at 6:30 PM EST" — "Register" button
- Calendar icon on each card with date prominently displayed

11. FAQ ACCORDION
- "Do I need prior coding experience?" → "No! Our programs are designed for complete beginners..."
- "What is the class schedule?" → "Full-time: Mon-Fri 9AM-5PM. Part-time: Tue/Thu evenings + Saturdays..."
- "What happens if I don't get a job?" → "Our ISA means you don't pay until you're hired earning $50K+..."
- "Can I visit the campus?" → "Yes! We offer campus tours every Saturday..."
- 6-8 questions total, expand/collapse with + icon

12. FINAL CTA SECTION (full-width gradient background, indigo to purple)
- Headline: "Your New Career Starts Here"
- Subheadline: "Applications are rolling. Secure your spot in the next cohort."
- Large "Apply Now — It's Free" button (white text on dark)
- Below: "Or call us at (555) 412-8900"

13. FOOTER
- 4 columns: Programs, Admissions, Resources, Company
- Social links: LinkedIn, Twitter, YouTube, Instagram
- "Download Syllabus" links for each program
- Blog link, press page, careers at LaunchCode
- Accreditation badges
- © 2026 LaunchCode Academy. All rights reserved.

Design: Clean, professional with high trust signals. Primary: #4F46E5 (indigo), secondary: #7C3AED (purple), dark text: #1E1B4B, light backgrounds: #F5F3FF. Typography: Plus Jakarta Sans for headings (bold), Inter for body. Cards with 12px border-radius and subtle shadows. Generous white space.

Responsive: On mobile, program cards stack vertically, timeline switches to vertical layout, stats bar becomes 2x2 grid, testimonials stack to single column. Sticky mobile CTA bar at bottom: "Apply Now".

Cómo usar este prompt

  1. 1 Copia el prompt de arriba
  2. 2 Pégalo en tu herramienta de IA favorita (ChatGPT, Claude, v0, etc.)
  3. 3 La IA generará el código del sitio web por ti
  4. 4 Personaliza e itera según tus necesidades

Acerca de este Prompt de Education

Este prompt Coding Bootcamp Homepage está diseñado para ayudarte a crear rápidamente sitios web profesionales de education usando herramientas de IA como ChatGPT, Claude, v0 de Vercel, Cursor y Bolt.new.

Ya seas desarrollador, diseñador o emprendedor, este prompt de IA gratuito te da una ventaja al crear coding bootcamp homepage. Simplemente copia el prompt, pégalo en tu asistente de código IA favorito y personalízalo para tu marca.

Herramientas de IA Compatibles

  • ChatGPT (GPT-4) - Excelente para generación detallada de código y explicaciones
  • Claude 3 - Excelente para diseños web complejos y matizados
  • v0 de Vercel - Perfecto para componentes React y Next.js
  • Cursor - Ideal para codificación potenciada por IA en tu IDE
  • Bolt.new - Prototipado rápido y apps full-stack
  • Lovable - Constructor de sitios web IA fácil de usar

Etiquetas

Homepage Bootcamp Enrollment Education Prompt de IA Plantilla Gratis Constructor Web Diseño Web Prompt Copiar Pegar