The Mesa College website redesign project was undertaken in late 2018/early 2019 as
part of the Regional Strong Workforce “Improving the Student Enrollment Experience”
initiative, as recommend by the California Community College Chancellors office. The
long-term objective for this project was to increase student enrollment in Career
Education and other academic programs by transitioning college websites to marketing
tools that drive enrollment. Funds were provided to support colleges in making changes
to their website structures, functionality, and content that would ultimately support
prospective students in converting into enrolled students. Mesa has since leveraged
additional funding to complete the project.
1. Updated design
We have updated the look and feel of our academic pages to better illustrate the quality
of Mesa College and our available programs. The new, clean and minimal design-style
helps convey increased information for each of our programs and ensures a more efficient
and user-friendly experience.
Features include:
- Hero images for each program
- A clear hierarchy of information
- Accessible and welcoming language
- Clearly defined hyperlinks
- A completely responsive design
- Font size, padding, and margin scaled based on screen size
- Tables swapped for card elements where possible
- Highlighted calls to action
2. Standardized information/layout for each program
To improve useability, we standardized the layout and information provided for each
program. The consistency of the interface will familiarize students with where information
is located and allow for easier navigation through the different programs.
For the layout as a whole, we have maintained standard conventions to take advantage
of best practices and the procedural knowledge gained by using other websites. Based
on feedback and web analytics usage data, we added additional information to increase
utility for students, including estimated cost and support resources.
We have also worked hard to increase performance and accessibility.
Improvements include:
- Lazy loading all images
- Hardcoding critical CSS to the pages
- Delaying loading of non-essential scripts
- Limiting fonts loaded
- Reducing dependency on frameworks
- Following WCAG 2.0 Standards
3. Upgraded maintainability/data integrity
through better digital infrastructure
Before updating the website, all information for courses and program requirements
lived on its respective webpage, with no data system behind it.
This posed the following obstacles:
- All information had to be manually updated on EVERY page, leading to:
- inconsistent information across pages
- greater potential for human error
- increased workload
- Information could not be repurposed and displayed elsewhere, making it difficult to:
- build in search/sort functionality
- group the programs/courses in different views (ie. being able to filter programs by
degree type or only showing AA degrees).
To remedy these issues, we standardized the data into JSON documents and are migrating
that information into Mongo DB with a set of internal REST APIs to reference the data.
This will provide greater maintainability, data integrity, flexibility and functionality
in the long term.
Improvements include:
- A single source of truth for all data
- The option to maintain and update all information programmatically
- Repurposing data for increased functionality – search, sort, group
- For example, using the internal API we can “ask” for all AA degrees
- Greater automation
4. Automate. Automate. Automate.
We have added several automated features in an effort to provide more information
to our users without increasing the bandwidth necessary to maintain the website. Greater
automation will also require less web maintenance and upkeep from department and program
faculty and staff members.
Newly automated features include:
- Program Learning Outcomes
- Data provided by the IE office
- Estimated Cost
- Degree & Certificate Requirements
- Data provided by SDCCD/Catalog
- Pulled from newly created academics database via internal APIs*
- Courses
- Data provided by SDCCD/Catalog
- Pulled from newly created academics database via internal APIs*
- Careers
- Data provided by ONET and Career One Stop
- Pulled from newly created careers database via internal APIs
- Events & Announcements
- Pulled from the campus calendar
- Faculty & Staff
- Pulled from the campus directory
*We are still transitioning all data into the new academics database
5. Associated career data with programs
Using data from ONET and Career One Stop, we have integrated associated career data into our academic program layout, encouraging
students to engage in educational planning that includes consideration for future
career attainment.
We used ONET’s quick search to pull the relevant careers associated with each program
and will work with each program to fine-tune generated results in the following ways:
- Adjusting the search terms used
- Adding/Removing specific careers by ONET code
- Improved SEO
6. Improved SEO
To improve our online visibility and make it easier for users to find our academic
program pages, we have improved the Search Engine Optimization for each program. What is SEO?
This includes:
- Keyword research for each program
- Text content rewritten to be SEO friendly
- Custom titles/descriptions implemented on all program pages to increase web traffic
7. Added information request form
Users now have the ability to request more information about a specific program by
submitting our online request form. Program faculty and staff will be able to reach
out to these students and send information to those who are interested in their programs.
Additionally, when users input specific questions about our programs, they will help
us identify potential gaps in information or points of confusion that need clarifying
within our programs and online resources.
Coming Soon!
Data Updates
We are currently updating all the program/course information for 2021-22. If you find
information that is incorrect, please report an issue.
Federated Search
Users will be able to search programs, courses, and careers from a single search bar.
This will be a full text fuzzy (does not have to be an exact match) search covering
titles, descriptions, and keywords to give students the best possible results.
With our new architecture, users will be able to seamlessly move from program, career,
or course as an entry point to any of the other categories.
- Course > Program > Career
- Career > Program > Course
Chair / Lead Faculty Listing
We would like to list the best faculty contact for each program under the Dean. We
realize that this could be the chair or a lead faculty member or even both. We will
need the guidance of each program on who they would like listed as the best contact.
We want your feedback!
Many of the improvements to our website have been made possible through community
input. Please take our feedback survey to tell us about your suggestions for our academic program pages.
Submit Feedback
Website improvement is a dynamic process; we will continue to assess the quality of
our user experience and make incremental changes as necessary. We use Google's Lighthouse to assess our web pages in key areas. These scores are page specific and will vary
slightly from page to page but all academic program pages should score in a similar
range.
Scores according to Google’s Lighthouse:
Accounting
Chemistry
Mathematics
Sustainability
Web Development