Associated Students, Inc.

Building an extensible, easy to manage website for years to come.

Associated Students, Inc. (ASI) is a student-driven, non-profit auxiliary organization of California Polytechnic State University, with the goal of connecting students to their ultimate college experience through a variety of facilities, programs, services, and employment opportunities.

The Ask

ASI came to Matchfire to overhaul their website which provides integral functionality (e.g. registering for activities, signing up for events) for students across campus; represents several departments; and uses multiple data sources, technologies, and platforms. The goals of the website were to create a better user experience for visitors, and an improved workflow for ASI staff, allowing for easy content and design updates.

The Solution

Matchfire completed a top-to-bottom analysis of their technology challenges, stakeholder needs, and internal organizational goals used to develop a plan for the updated ASI website employing an iterative, user-centered design philosophy. The site was built using a fully custom WordPress theme, with flexible component-based pages and robustly designed sections. We also did extensive user-journey mapping to give visitors an unobstructed path to conversion and created a visual design language geared towards students.

Side by side website comps for ASI

The visual aesthetic of the website maintains a clean and streamlined appearance while allowing for opportunities to showcase fun color and personality through the use of custom collage art and background textures. Additional color is introduced through hover states, specialty buttons and decorative line elements used in various card components.

side by side mobile comps of the ASI website
screenshot of the ASI website hero section

To solve their technology challenges, we created a modern, platform-agnostic middle-layer to keep the frontend of the website separate from the various data sources that power it, allowing for more flexibility and extensibility for years to come. Integrating multiple technologies and platforms with the data middle-layer was challenging. Communication and flexibility were of the utmost importance, especially between technical teams. We referenced the UX research and data continuously throughout the project to ensure that decisions aligned with the overall audience and business goals.

Screenshot of the ASI website's main navigation menu

The Results

Upon launch, the ASI website was met with positive reviews from staff responsible for content management and the student population alike. It has allowed them to effectively update students on the current status of facilities and programs impacted by the pandemic. Matchfire continues to support ASI on retainer, pivoting and updating functionality as required by the ever-changing landscape during these unprecedented times.

mosaic of ASI website mobile mockups