Timeline: Apr 2026 to May 2026 (5 weeks)

Scope: Information architecture / UI design / HTML prototypes / Responsive design

Coursebox is an AI platform for building online courses, with an AI LMS, white-label distribution, and SCORM support. The old homepage listed every feature but never demonstrated one. It was packed with SEO text, and visitors had to imagine what the product did. So this wasn't a reskin. I restructured the page so visitors experience the product before anyone asks them to sign up.

Every section must demonstrate the product, not describe it. If a visitor can read the headline and move on without feeling anything, the section hasn't done its job. Through four rounds of client feedback, this one rule decided which requests we accepted and which we rejected. That's why the hero opens inside the product, with a prompt input at the center instead of a block of copy.

Defined the information architecture for the Homepage and the AI Video page, based on a full audit of the visitor journey

Designed an Output Showcase so visitors see a finished course the way a learner would

Collapsed five feature tabs into one sequential flow: Avatar → Script → Voice → Output

Built 5 HTML prototypes to communicate in-page interactions, and designed responsive layouts for both pages

The developer started building within 24 hours of receiving the Figma file, with no revision cycle and no clarification calls

The homepage now demonstrates the product in every section instead of listing features