Rukn Systems

Conversion-focused landing page for a coding bootcamp.

CodeForge

2025EducationDemo
rukn.systems
CodeForge desktop screenshot

The brief

A landing page for a coding bootcamp, exploring how to make outcomes — not curriculum — the lead message. Most bootcamp sites bury hiring data five scrolls down; we wanted it visible in the first 30 seconds.

Design decisions

What we chose, and why.

  1. 01

    Stats above the fold

    "94% hire rate, $72k average starting salary" sits directly under the hero. The biggest reason to apply gets the biggest visual weight.

  2. 02

    ISA co-equal with upfront pricing

    The income-share option carries the "Most popular" badge instead of the high-cap upfront tier — reduces application friction for the under-served audience this kind of bootcamp actually serves.

  3. 03

    Curriculum as four modules, not 16 weeks

    A 2×2 grid scans in seconds. A sprawling week-by-week list reads like a syllabus and stops scrolls.

  4. 04

    Mentor faces and titles, no fake quotes

    Three mentor cards with real-shaped roles ("Staff Engineer @ Stripe"); no AI-generated headshots, no manufactured praise blocks.

Screenshots

Desktop and mobile, as it ships.

rukn.systems
CodeForge desktop screenshot
CodeForge mobile screenshot

What's not in scope

Marketing surface only. No application form, no curriculum CMS, no payment flow — this validates copy and trust signals before any backend gets built.

Tech stack

Built with.

  • Next.js 14
  • React 18
  • Tailwind CSS
  • Vercel