Middlesex Community College

Project Summary

Middlesex Community College's website was a digital dinosaur. After over a decade of patchwork fixes and content overload, the website was mostly used as a library of information, and needed a major overhaul. Bogged down with usability issues, accessibility barriers, and poor SEO, the site made it difficult for students, faculty, and staff to find the information they needed.

By focusing on user-centered design, accessibility, and SEO, I transformed the website into a modern, intuitive, and inclusive platform that truly reflects the college's values and serves the diverse needs of its community.

My Role

As the Lead UX Designer, I was responsible for guiding cross-functional teams through every phase of the project, from initial research and planning to design and implementation. I worked closely with content strategists, developers, and college stakeholders to ensure that every decision we made was aligned with our goals.

Problem

  • Internal audience focus
  • Overwhelming content volume, yet users can't find what they need
  • Poor Navigation and Usability
  • Lack of Alignment with College Mission and Values
  • Poor SEO, making content invisible to search engines
  • Poor Mobile Experience

Goals

  • Content lignment with College Mission 
  • Prioritize forward-facing content
  • Provide easy navigation
  • Inclusive content that meets accessibility standards
  • Clean and modern look
  • Improve SEO score
  • Clear and optimized Information Architecture

The Process

Website Audit > Research & Ideation > Prototype & Design > Testing > Delivery

Website Audit

The audit identified 25 areas where MCC could make changes and improve the user experience. The main issues found were:

  • Student Stories & Diversity needed better integration.

  • Mobile Experience needed significant enhancement.

  • Navigation (Information Architecture) needed a complete rebuild focused on user engagement.

  • The website's search engine visibility was low.

  • Too much content was intended for internal users.

  • Inconsistent tone and messaging across the site.

  • Lacking alignment with the college’s brand and mission.

  • Poor user experience overall

  • Pages served both external and internal audiences, leading to confusion.

  • Approximately 75% of content was outdated, internally focused, lacked calls to action, or was used merely as a historical reference.

Research & Ideation

User research revealed that students' primary frustrations with college websites include difficulty finding major-specific information, unclear admissions guidance, and complex navigation.

They also struggle with limited details on program and career information, lengthy online forms, and a lack of engaging media like campus photos and videos.

Persona Study

To ensure the new design aligns with the diverse student audience, I teamed up with various college departments to develop these loyal persona profiles. This collaborative effort allowed us to gather insights from different perspectives on who our students were. We also relied on data from our enrolled students to further refine these personas, ensuring they were grounded in real experiences and needs.

We found our audience to be diverse, encompassing first-generation students, dual enrollment participants, health students, adult learners, seniors (60+), and traditional students. Each group with its own set of challenges and needs.

Prototype & Design

Based on our findings, I refined my design by focusing on an information architecture that delivers personalized content tailored to our diverse audiences, while adhering to best usability practices.

Using tools like Miro and Figma, I created wireframes that clearly conveyed the vision for our new pages. This approach led to positive and valuable feedback from the college community and vendors.

Delivery

The final product was a recruitment-focused website that reflected the College’s mission while meeting the needs of users with improved usability and accessibility.

The next step on this project will be redesigning internal content, with a commitment to continuous updates and ongoing user feedback to ensure the site remains effective and relevant.