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 Copia el prompt de arriba
- 2 Pégalo en tu herramienta de IA favorita (ChatGPT, Claude, v0, etc.)
- 3 La IA generará el código del sitio web por ti
- 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