Problem
SACI needed a redesign for their website, and with the new navigations system, it is easy for the visitors to tell which part or which course they are viewing. The requirement was to showcase each course separately. Having pain-points such as unaligned and missing components, as well as a lack of initially establishing both a proper grid and typography system, multiple interpretations of the website did emerge.
Solution
I was responsible with redesigning the newest iteration of the website by establishing key foundational pieces. This includes a design language, clear strategy, established sources of documentation as well as methods to reinforce importance. I have assigned a primarily blue colour for the general parts of the website, a green one for any kind of contact or sign-up information then I have made a complementary pastel palette for the individual courses.
Design system
By analyzing their components, the site was lacking a strong foundation. Organizing the style guide consists of re-establishing the typographic system, icon library, colour palette and card + shadow styles.
