lms icon indicating copy to clipboard operation
lms copied to clipboard

Published 20 hours ago • verified publisher icon frappe

Certificate Portal Page Enhancements

Open NagariaHussain opened this issue 1 year ago • 1 comments

How it is currently?

Currently, there are two separate "certificates":

  1. The print format (which gets downloaded when the user clicks download)
  2. The HTML rendered on certificate page

Problems with this approach:

  • creation and maintenance of both the print format and HTML
  • hard to get 1-to-1 mapping
  • not responsive (will take extra effort, every time)
CleanShot 2023-11-03 at 19 16 30@2x

Proposed Solution

Embed a preview of the certificate instead of rendering separate HTML, see examples below.

Examples: Dribbble Certificate Page, Udemy Certificate Page

Mobile View

CleanShot 2023-11-03 at 19 18 39@2x

Desktop View

CleanShot 2023-11-03 at 19 12 14@2x CleanShot 2023-11-03 at 19 12 34@2x

Benefits

  • No separate designing of certificate page, single source of truth is the print format
  • No need to worry about mobile responsiveness
  • Looks nice!

Extra Benefit

If we can render this as preview image, we should be able export it as well! Which means:

2023-11-03 19 19 52

Which means: better social media sharing experience, which is currently not good.

NagariaHussain avatar Nov 03 '23 13:11 NagariaHussain

👀

NagariaHussain avatar Dec 22 '23 12:12 NagariaHussain