Skip to content

Course About Page Rebrand & Migration to Catalog MFE #419

Description

@MTsomo

Course About Page Rebrand & Migration to Catalog MFE

As a Prospective Learner,
I need the Course About page migrated to the Open edX Catalog Micro-Frontend (MFE) and styled with the new WeBuddhist Academy brand kit,
So that I experience a modern, fast-loading, and brand-aligned course discovery page when reviewing course details.

Description

As part of our platform modernization and rebrand to WeBuddhist Academy, we are deprecating the legacy Django-rendered course about pages (edx-platform LMS templates) and migrating to the modern Catalog Micro-Frontend (frontend-app-catalog).

Alongside this technical migration, the new Course About page must fully adopt the updated brand design system—incorporating our new color palette (dark #1C0A00, body #5A4030, cream #FDF6EC, orange #E8873A, border #F0E8DC), typography hierarchy (Cormorant Garamond headers, Inter UI body text), and modernized component layouts (hero banner, course overview, syllabus accordion, instructor cards, and enrollment call-out box).

Acceptance Criteria

  • Course About page routing successfully resolves through the Catalog MFE instead of the legacy LMS template.
  • Page typography utilizes Cormorant Garamond for display headers/course titles and Inter for UI elements, syllabus, and body text.
  • Color scheme across hero sections, enrollment sidebar, action buttons, background containers, and borders aligns with the WeBuddhist Academy brand kit.
  • All dynamic course metadata (instructors, effort, duration, prerequisites, syllabus, and enrollment CTAs) renders accurately via backend APIs.
  • Primary enrollment CTA buttons use brand orange (#E8873A) with dark text (#1C0A00) and function properly across both free and verified enrollment tracks.
  • Page layout is fully responsive and verified across desktop, tablet, and mobile viewports.

Definition of Done

  • Migration & QA Verification: Confirmed full functionality on Staging through the Catalog MFE with no legacy template fallback.
  • Design Review Sign-Off: Verified 1:1 visual match against approved Figma specs for the rebranded Course About page.

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type

Fields

Priority

None yet

Projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions