Epic: UI Refresh

[heathermoses]

UI Refresh

Figma: https://www.figma.com/design/aYxGokLEIXDBvMysJZVNNj/Branding-Package?node-id=0-1&node-type=canvas&t=Rol4am5tnPHXniBY-0

User Stories

List the user stories that are associated with this epic.

• As a Student, I want an updated, clean user experience, so that I want to use ALL on a regular basis
• As a Teacher, I want an easy to use and follow design, so that my students can successfully complete assignments
• As a University, I want to partner with ALL, so that our students can learn about accessible software in an easy to use environment

Technical Requirements

List the technical requirements for this epic.

Components

• Update Nav Bar to New Styling: Story: Update Main Nav Bar #620
• Update Lab Card To Include Difficulty and Certificate: 623 story lab modal difficulty level #638
• Create Development Partners Grid: Story Beginning work on dev partners #636
• Create New Lab Table Navigation: 621 story lab tablenav bar #633
• Update Lab Buttons to new styling: 622 story lab backnext buttons  #635
• Create New Universal Footer: 624 story footer #637
• Create New Universal ALL Modal: Create Universal ALL-Branded Modal #639
• Implement New Lab body styling with Nav Table #661
• Create Participating Schools Carousels for Home Page #656
• Create Reusable About Us section component #654
• Create Reusable Interested in Getting Involved Component #655
• Update Site Accessibility Settings button: Story: Update Site Accessibility Settings button #670

Pages

• Create About Us Page: Story: About Us Page #634
• Refresh UI for Profile Page: Story: Profile Page Refresh #645
• Refresh Home Page: Refresh Home Page #651
• Create New Labs Page: Create New Labs Page #652
• Create Educator Resources Page: Create Educator Resources Page #653