Audit Website Design System Development

[lrchang2]

Overview

We need to create a roadmap on how we will develop the design system.

Action Items

• read H4LA design system document
• conduct audit of reusable visual qualities and elements of current design that include:
  • color
  • typography
  • components
• after audit, standardize styles of components
• organize reusable components into categories
• create github issues based on categories for designers to develop design system

Resources/Instructions

H4LA Design System

[lrchang2]

from PM+leads meeting, added

• Design System - Component(s): Workshop Card #125
• Design System - Component(s): Carousel  #96
• Design System - Component(s): Menu and Submenu #122
• Design System - Component(s): Text Fields #123
• Design System - Component(s): Section Layout, Grid, and Spacing #124
• Design System - Design: Graphics/Images #126

@KaylenaNguyen put down any suggestions you have after reading the H4LA document

[lrchang2]

• confirm website copy and carousel sizing (above the fold) before layout/spacing

[KaylenaNguyen]

carousel has been updated.
based on feedback, text and images have been swapped for zig-zag layout, for easier reading.
buttons have been changed to fit the rest of the page. smaller button for users when viewing on their own screens.
Archana and I will go over this on Monday and discuss questions for usability testing.
If Archana doesn't have any other suggestions, I'll edit the entire desktop layout rather than just the landing page to further test using the prototype.

[lrchang2]

@KaylenaNguyen let's open the carousel issue back up and have you comment these insights in there.