Wireframe template

Wireframe template

Plan desktop and mobile course-detail screens with information hierarchy, calls to action, and access states.

  1. Open wireframe.svg in a compatible design tool and inspect both layouts.
  2. Prioritize the course value, prerequisites, price, and next action.
  3. Review narrow screens, keyboard navigation, long text, and loading or error states.