Background
California State University, Northridge (CSUN) is a public university in the Northridge neighborhood of Los Angeles, California. CSUN serve over 30,000 currently enrolled students and offer over 100 majors programs. With CSUN wanting to improve their online presence and introduction of a new proprietary page builder for faculty. The team at Intersect LA saw the opportunity to create prototyping kit that can benefit the whole university.
Project Objectives
The team aimed to enhance the overall navigation across CSUN’s web resources and establish CSUN as an exceptional university that future students would aspire to attend. To achieve this, the team developed a design system that anyone across the university can utilize in their own projects. Regardless of their department within the university.
Inspiration
The team was inspired by the Google Material design system and Atomic Design by Brad Frost. Where every component is documented regarding their typography properties, colors, and sizing. Hover we still wanted to make the design system approachable to use even for novice designers.
In Practice
Giving a demonstration of WebTwo Prototyping to IntersectLA
It one thing to spend the time and energy to create a robust design system. It is another thing to get people and organization to adopt the design system in their workflow. Once the internal team felt ready to share our design system. We organized a demonstration session to help educate our organization what is a design system and how it can benefit us for this process of translating outdated CSUN page into these new modern templates. IntersectLA team members were quick to adopt the prototyping kit.
Instead of having team members wasting time adjusting font sizes, spacings of elements, and/or finding the right colors. Team members could focus on more complex issues such as restructuring the department’s web content to be more easy to navigate and finding the right photo for the page.
Future Plans
Currently the WebTwo Prototyping Kit being utilized at IntersectLA and CSUN University Relations and Advancement (URA). However, our team hope that other department could adopt the WebTwo Prototyping Kit in their project. In the future we plan to add components for mobile. In case stakeholder are curious on how their content will appear in mobile screens. Due to a larger percentage of college student being on their mobile device regularly.