We started by conducting a comprehensive audit of the existing website UI, identifying inconsistent patterns, duplicated elements, and accessibility gaps. From there, we established the visual Foundations—defining a unified typographic scale, color palette, iconography, and layout grid. Components were then developed with a responsive-first mindset, ensuring flexibility across viewports. Tokens were introduced to streamline design decisions, enabling consistent spacing, colors, and styling properties across all pages. Documentation and usage guidelines were created to support adoption across teams.