The document outlines changes to be made to the course catalog and course details pages on a learning platform. Key changes include adding a radio button and banner to the course catalog page, removing the wishlist from course cards, and changing the layout and text on the course details page. It also describes changes to the learning dashboard such as adding back/hide buttons, enlarging video embeds, and including rating, feedback and Q&A on lesson pages.

1. Section - A
Course catalogue

2. 1. Globally - remove common navigation bar in DIGIT academy - set-up a different page hierarchy inside
2. Remove the filter option for courses on top - see
3. Add a radio button on the left side
4. Add a banner and a byline on the top of the course catalog
5. Changes on the course card
1. Remove Wishlist
2. Add Shadow to card
3. Add Categories as labels (see slide 4 to understand)
4. Add Course Description
6. Show different labels (see slide 4) depending on the radio selection
1. If ‘ All ‘ is selected, show category & subcategories (as labels on the card)
2. If a specific category is selected (engineering, product, etc.) - don’t show category labels
A: Changes - Course catalogue

3. Add
Radio-button
On side
Add banner on top
(example next slide)
Remove
Top Bar &
Filter
Visual description of changes
2
1
3
4

4. 3
4
1

5. Remove
Wishlist
Add
Shadow
to card
Add Course
Description
Add
Categories
as labels
Back-End
Engineering
5
a
5
b
5
c
5
d
like ‘labels’

6. Engineering
Back-End
Engineering
Back-End
Engineering
Back-End
6
b

7. 6
a

9. Engineering Product Strategy

11. View Course
Self Paced
Access anytime, learn at your convenience

12. Remove

13. Section - B
Course Details

14. 1. Remove categories
2. Move up the course description + remove the title (‘About Course’)
3. Remove the wishlist option
4. Change the text under the start learning button (see slide - 4)
5. Changes the section: ‘What will you learn’
1. Change the Title - What will I learn
2. Change the content layout - two-column list to single-column list
6. Push the Audience & Instructor Introduction down in the page flow
1. Change the title from ‘Audience’ to ‘Who is it for’ - Back-end developers who are new to DIGIT
2. Enhance the ‘A course by’ card: (see slide 14)
i. Change title ‘Meet your Instructor’
ii. Add the biographical information from back-end
7. Create space between the course content accordion and bottom of the website
B: Changes - Course Details

15. 1
2
Remove
Categories
Move Up +
Change title
Remove
Wishlist
B: Changes - Course Details (Learner has not enrolled yet)
3

16. Change text
and icon
B: Changes - Course Details (Learner has enrolled)
4
Self-paced - Complete the lesson
anytime to finish the course

17. Add space b/w
course & bottom
Change
text
Change
text
Push Down
Enhance-
Push down
Create
Space
B: Changes - Course Details (below one scroll) - what to change
5
.
1
6
.
1
6
.
2
6
7
5
5
.
2

18. Change
text
Push
Down
Who is it for
● Back-end developers who are new to DIGIT
Meet the Course Instructor
Subhashini Srinivasan
Subha is the Senior Architect at eGov Foundation. She was previously Head of Technical Design
for Dreamago, creating the tech behind $200M business in 1.5 years, growing a team from 0 to
500 employees. She has worked multiple governments and large-scale impact organizations to
reimagine how technology can take impact further.
Bio
Add Space
B: Changes - Course Details (below one scroll)
6
.
1
6
.
2
6

19. Add space b/w
course & bottom
7
B: Changes - Course Details (towards the bottom)

20. Section - C
Learning Dashboard

21. C: Changes - Learning Dashboard
1. Add ‘back to course’ & ‘hide side panel‘ button to the Course Navigation - panel on the left side
(see slide 18)
1. Add a ‘Back’ option on the top of content navigation - side panel
2. Add the option to hide side panel on the panel itself
2. Lesson Navigation:
1. Move down the ‘mark as complete’ button to the bottom
2. Add the previous and next button as shown in the slide - make them bigger - only keep arrows
3. Changes on the lesson page content layout
1. Embed - Increase the video size
2. Make lesson name the <title> of lesson
3. Instead of Youtube default player - use the theme player for the video to look more clean
4. Add the Rating (name it as review), Feedback, and Q&A capability on every lesson page
1. Have a message about the completing the lesson (see slide 22) - Collect review as a 5-star rating
2. The current review capability allows collection of long paragraph style text from user - rename it as feedback - add a multiple choice
option there along with the long text option.
3. Q&A - to be used as is - should allow student to ask a question against a particular lesson - and capture the information about the lesson
from the page where the question is being asked.

22. 2
.
1
1
.
2
2
.
2
3
.
1
1
1
.
1
C: Changes - Learning Dashboard
3
.
2

23. C: Changes - Learning Dashboard
Hides side-panel Goes back to course
1
.
2
1
1
.
1
Sample Output: Link

24. 2
.
1
2
.
2
C: Changes - Learning Dashboard

25. What’s what - Common Terminologies in DIGIT
Get a sense of the most common terminologies used in the DIGIT, such as Registries, Services, and APIs to start your journey
3
.
1
3
.
2
Make lesson name
the <title> of lesson
Grow the video
embed default size

26. 3.
3
Still Youtube video - but the starting screen is clean, not default
- Link to example (Click here)
Instead of the default YouTube layout on the starting screen

27. What’s what - Common Terminologies in DIGIT
Get a sense of the most common terminologies used in the DIGIT, such as Registries, Services, and APIs to start your journey
Rating Feedback
4

28. Rating Feedback
Rating Feedback Q&A
Rating Feedback Q&A
Have a question?
Write your doubts or questions about the lesson. We will get back as soon as possible.
4
.
1
4
.
2
4
.
3

29. Section - C
Student Dashboard

30. C: Changes - Learning Dashboard
1. Add ‘back to course’ & ‘hide side panel‘ button to the Course Navigation - panel on the left side
(see slide 18)
1. Add a ‘Back’ option on the top of content navigation - side panel
2. Add the option to hide side panel on the panel itself
2. Lesson Navigation:
1. Move down the ‘mark as complete’ button to the bottom
2. Add the previous and next button as shown in the slide - make them bigger - only keep arrows
3. Changes on the lesson page content layout
1. Embed - Increase the video size
2. Make lesson name the <title> of lesson
3. Instead of Youtube default player - use the theme player for the video to look more clean
4. Add the Rating (name it as review), Feedback, and Q&A capability on every lesson page
1. Have a message about the completing the lesson (see slide 22) - Collect review as a 5-star rating
2. The current review capability allows collection of long paragraph style text from user - rename it as feedback - add a multiple choice
option there along with the long text option.
3. Q&A - to be used as is - should allow student to ask a question against a particular lesson - and capture the information about the lesson
from the page where the question is being asked.

31. Remove
Remove
Remove

32. Remove
Remove

33. Remove

34. Remove

37. Sign-in options other
than just email &
password
- Google
- Company email

39. How to use this course

40. How to use this course
Start Course
Enroll to save progress. Continue learning anytime

42. Add new comments & questions here. Join existing conversations below.
● All members can see and reply to what you write
● Double check before submitting - you cannot edit/delete after you submit

44. < Prev Next >