--- title: Charter Oak State College’s DIY Responsive Website Redesign description: About Charter Oak State College Located in New Britain, Connecticut, Charter Oak State College (COSC) was named to commemorate the state's early success in image: https://moderncampus.com/hubfs/Imported_Blog_Media/charter-oak-state-college-social-card-Mar-20-2026-07-56-22-0022-PM.png --- [Skip to content](https://moderncampus.com/success-stories/charter-oak-state-college-diy-responsive-website-redesign#main-content) [![modern-campus-primary-color-r](https://moderncampus.com/hubfs/modern-campus-primary-color-r.svg) ](https://moderncampus.com/) - Products Web Content Management - [Web Content Management | CMS](https://moderncampus.com/products/web-content-management) - [Career Planning | Career Pathways](https://moderncampus.com/products/career-pathways-planning) Connected Curriculum & Co-Curricular - [Catalog Management | Catalog](https://moderncampus.com/products/catalog-management) - [Curriculum Management | Curriculum ](https://moderncampus.com/products/curriculum-management) - [Class Schedule Management | Schedule](https://moderncampus.com/products/class-schedule-management) - [Student Schedule Optimization | Navigate](https://moderncampus.com/products/student-schedule-optimization) - [Student Co-Curricular Management | Involve](https://moderncampus.com/products/student-engagement-and-learning-platform) - [Career Planning | Career Pathways](https://moderncampus.com/products/career-pathways-planning) - [Syllabus Management | Concourse Syllabus](https://moderncampus.com/partnerships/concourse-syllabus) Student Engagement & Involvement - [Student Co-Curricular Management | Involve](https://moderncampus.com/products/student-engagement-and-learning-platform) - [Conversational Text Messaging | Message](https://moderncampus.com/products/conversational-text-messaging-message) - [Career Planning | Career Pathways](https://moderncampus.com/products/career-pathways-planning) Continuing Education & Workforce Development - [Non-Traditional Student Management | Lifelong Learning](https://moderncampus.com/products/non-traditional-student-management) - [Career Planning | Career Pathways](https://moderncampus.com/products/career-pathways-planning) - Solutions - [Improve Enrollment](https://moderncampus.com/solutions/improve-enrollment) - [Drive Engagement](https://moderncampus.com/solutions/drive-engagement) - [Streamline Staff Operations](https://moderncampus.com/solutions/streamline-staff-operations) - [Improve Student Retention](https://moderncampus.com/solutions/improve-student-retention) - Services Professional Services - [Services](https://moderncampus.com/services) Design Services - [Design Studio](https://moderncampus.com/services/design-studio) - [Support ](https://moderncampus.com/support) - Resources - [Resource Center](https://resources.moderncampus.com/) - [Blog](https://moderncampus.com/blog) - [Illumination Podcast](https://moderncampus.com/podcast) - [Success Stories](https://moderncampus.com/success-stories) - [Web Events](https://moderncampus.com/web-events) - [Conferences & Trade Shows](https://moderncampus.com/conferences-and-tradeshows) - [Canadian User Summit](https://userconference.moderncampus.com/canadiansummit) - [The EvoLLLution](https://moderncampus.com/evolllution) - About - [Our Story](https://moderncampus.com/our-story) - [Leadership](https://moderncampus.com/leadership) - [Newsroom](https://moderncampus.com/newsroom) - [Partners](https://moderncampus.com/about/partners) - [Careers](https://moderncampus.com/careers) - [Contact Us](https://moderncampus.com/contact-us) [ Request a Demo ](https://moderncampus.com/request-demo) … × - Products Back ### Products Web Content Management - [Web Content Management | CMS](https://moderncampus.com/products/web-content-management) - [Career Planning | Career Pathways](https://moderncampus.com/products/career-pathways-planning) Connected Curriculum & Co-Curricular - [Catalog Management | Catalog](https://moderncampus.com/products/catalog-management) - [Curriculum Management | Curriculum ](https://moderncampus.com/products/curriculum-management) - [Class Schedule Management | Schedule](https://moderncampus.com/products/class-schedule-management) - [Student Schedule Optimization | Navigate](https://moderncampus.com/products/student-schedule-optimization) - [Student Co-Curricular Management | Involve](https://moderncampus.com/products/student-engagement-and-learning-platform) - [Career Planning | Career Pathways](https://moderncampus.com/products/career-pathways-planning) - [Syllabus Management | Concourse Syllabus](https://moderncampus.com/partnerships/concourse-syllabus) Student Engagement & Involvement - [Student Co-Curricular Management | Involve](https://moderncampus.com/products/student-engagement-and-learning-platform) - [Conversational Text Messaging | Message](https://moderncampus.com/products/conversational-text-messaging-message) - [Career Planning | Career Pathways](https://moderncampus.com/products/career-pathways-planning) Continuing Education & Workforce Development - [Non-Traditional Student Management | Lifelong Learning](https://moderncampus.com/products/non-traditional-student-management) - [Career Planning | Career Pathways](https://moderncampus.com/products/career-pathways-planning) - Solutions Back ### Solutions - [Improve Enrollment](https://moderncampus.com/solutions/improve-enrollment) - [Drive Engagement](https://moderncampus.com/solutions/drive-engagement) - [Streamline Staff Operations](https://moderncampus.com/solutions/streamline-staff-operations) - [Improve Student Retention](https://moderncampus.com/solutions/improve-student-retention) - Services Back ### Services Professional Services - [Services](https://moderncampus.com/services) Design Services - [Design Studio](https://moderncampus.com/services/design-studio) - Support Back ### Support - [Simple Menu Item ](https://moderncampus.com/in-the-news) - [Simple Menu Item 2](https://moderncampus.com/in-the-news) - [Simple Menu Item 3](https://moderncampus.com/in-the-news) - Resources Back ### Resources - [Resource Center](https://resources.moderncampus.com/) - [Blog](https://moderncampus.com/blog) - [Illumination Podcast](https://moderncampus.com/podcast) - [Success Stories](https://moderncampus.com/success-stories) - [Web Events](https://moderncampus.com/web-events) - [Conferences & Trade Shows](https://moderncampus.com/conferences-and-tradeshows) - [Canadian User Summit](https://userconference.moderncampus.com/canadiansummit) - [The EvoLLLution](https://moderncampus.com/evolllution) - About Back ### About - [Our Story](https://moderncampus.com/our-story) - [Leadership](https://moderncampus.com/leadership) - [Newsroom](https://moderncampus.com/newsroom) - [Partners](https://moderncampus.com/about/partners) - [Careers](https://moderncampus.com/careers) - [Contact Us](https://moderncampus.com/contact-us) [ Request a Demo ](https://moderncampus.com/request-demo) ![](https://moderncampus.com/hubfs/Imported_Blog_Media/charter-oak-state-college-social-card-Mar-20-2026-07-56-22-0022-PM.png) Share This Post # Charter Oak State College’s DIY Responsive Website Redesign --- ## About Charter Oak State College Located in New Britain, Connecticut, Charter Oak State College (COSC) was named to commemorate the state's early success in its struggle for self-governance and is quite fitting for a public institution in the "Constitution State." Offering flexible degree completion opportunities, COSC is designed to help adult learners return to finish their studies. Students can choose from 50 degree concentrations, including Philosophy, Literature, Criminal Justice, and Computer Science. ![Modern Campus at Charter Oak State College](https://moderncampus.com/hs-fs/hubfs/Imported_Blog_Media/charter-oak-state-college-image-Mar-20-2026-07-56-24-6892-PM.jpg?width=482&height=270&name=charter-oak-state-college-image-Mar-20-2026-07-56-24-6892-PM.jpg) When it came time to think about redesigning the Charter Oak State College (COSC) website in early 2015, the decision to make the site responsive was a no-brainer, according to Dan Russell, Associate Director of Marketing Technology & Analytics at COSC. With the site's mobile usage increasing several percentage points every year and 15% of the current total visitation coming from either a phone or a tablet, the entire COSC team agreed that responsive design must be a key element of the new site. It was important to the COSC team that the first impression made on their website was as welcoming as possible, regardless of what device or browser a site visitor was using. ## The DIY Decision The COSC website was managed using Modern Campus' Modern Campus CMS web content management system (CMS), so Russell considered outsourcing the redesign project to Modern Campus. However, he ultimately decided to take on the project himself because he saw it both as a great opportunity to learn something new and a cost saver for COSC. ## Choosing a Responsive Framework Responsive design can be achieved in Modern Campus CMS templates using CSS3 media queries, JavaScript, or frameworks such as Bootstrap and Foundation. Russell used Bootstrap’s HTML and CSS structure as a base for the page templates and the code pieces. When it came to selecting a responsive framework, Russell chose Bootstrap based on his previous experience with it on another project. He found it simple to use and felt comfortable knowing it was an industry standard. ## A Little Help from Modern Campus CMS An advantage of using a solution like Modern Campus CMS is that it separates content from design, which simplifies the process of applying the site changes. Russell created the new XSL templates in Modern Campus CMS using the Bootstrap design and then the content was simply dropped in. Another feature of Modern Campus CMS that Russell found both helpful and "very cool" was Multi-Channel Output. This feature made it possible for him to extensively test server-side code, develop the redesigns, and test all the changes on unlisted pages. Russell used ColdFusion Markup to publish CFM and CFML pages with different templates, so he was developing the new site with a new layout (CFML pages) while the old site (CFM pages) was still live. ## Increased Buy-In, Reduced Friction Because Russell was basically a one-man department, he was the only web marketing person so he needed the project to be low friction if it was going to be successful. Utilizing Multi-Channel Output, the new site was hidden in the CFML URL. By simply adding an L on the end of any URL in the address bar, any staff member could see what the page would look like when the new design was implemented. This helped reduce internal friction because staff could see that all their pages were still right where they had always been, while also seeing the new and improved responsive design. To keep it simple and increase buy-in, the COSC redesign was a substantial cosmetic change without any significant structural changes. The only exception was the navigation that simply changed from vertical to horizontal. Staff members could rest assured that every single page that existed in the previous site still existed in the new one. The other decision that facilitated COSC's determination to simplify the redesign process was using a preexisting template rather than dealing with a custom redesign. COSC merely purchased the rights to a template the college liked, and then Russell modified it using the school colors, logos, and images that made it unique to COSC. ##### ![Charter Oak State College's responsive website on a mobile device.](https://moderncampus.com/hs-fs/hubfs/Imported_Blog_Media/charter-oak-state-college-website-mobile-Mar-20-2026-07-56-23-6789-PM.png?width=304&height=620&name=charter-oak-state-college-website-mobile-Mar-20-2026-07-56-23-6789-PM.png) ## Changes Get Positive Feedback According to Russell, the redesign was about as difficult as he had expected, but he knew when taking on the project that it was going to be a process. His previous experience with Bootstrap as well as XSL and XSLT coding was limited, so he learned quite a bit as he was doing it. Russell said he really loves working with XSL now, so he's glad Modern Campus CMS gave him a reason to dig into it. Though COSC has not yet done a formal survey to get feedback on the site changes from current or prospective students, the internal reaction has been great. And the icing on the cake? Getting kudos from the college's president, Ed Klonoski. [![Western Illinois University Boosts Student Engagement with Points](https://moderncampus.com/hubfs/western-illinois-university-social-card.png) ](https://moderncampus.com/success-stories/western-illinois-university-boosts-student-engagement-with-points) [Western Illinois University Boosts Student Engagement with Points](https://moderncampus.com/success-stories/western-illinois-university-boosts-student-engagement-with-points) [Learn More →](https://moderncampus.com/success-stories/western-illinois-university-boosts-student-engagement-with-points) [![Central Oregon Community College Triples Engagement with Its Website](https://moderncampus.com/hubfs/Imported_Blog_Media/case-study-preview-central-oregon-community-college-Mar-20-2026-07-52-39-6504-PM.jpg) ](https://moderncampus.com/success-stories/central-oregon-community-college-triples-website-engagement) [Central Oregon Community College Triples Engagement with Its Website](https://moderncampus.com/success-stories/central-oregon-community-college-triples-website-engagement) [Learn More →](https://moderncampus.com/success-stories/central-oregon-community-college-triples-website-engagement) [![Reimagining Family Registrations: Transforming the parent experience at Harper College](https://moderncampus.com/hubfs/Imported_Blog_Media/family-registrations-Mar-20-2026-07-57-28-4317-PM.png) ](https://moderncampus.com/success-stories/reimagining-family-registrations-transforming-the-parent-experience-at-harper-college) [Reimagining Family Registrations: Transforming the parent experience at Harper College](https://moderncampus.com/success-stories/reimagining-family-registrations-transforming-the-parent-experience-at-harper-college) [Learn More →](https://moderncampus.com/success-stories/reimagining-family-registrations-transforming-the-parent-experience-at-harper-college) ## Connect with us to learn how Modern Campus can drive transformation at your institution! [ Connect with Us ](https://moderncampus.com/request-demo) ![modern-campus-white-r](https://moderncampus.com/hubfs/Modern%20Campus%202025/modern-campus-white-r.svg) Quick Links - [About Us](https://moderncampus.com/our-story) - [Customer Support](https://moderncampus.com/support) - [The EvoLLLution](https://moderncampus.com/evolllution) Contact Information [ 2482 Yonge Street #1366 Toronto, Ontario M4P 2H5 ](https://www.google.com/maps/dir//2482+Yonge+St+%231366%2C+Toronto%2C+ON+M4P+2H5%2C+Canada/@28.4431037%2C-82.5237204%2C1116m/data=!3m1!1e3!4m10!4m9!1m1!4e2!1m5!1m1!1s0x882b3323cebd384b:0x7fed5639eea15350!2m2!1d-79.3996504!2d43.7116304!3e0?entry=ttu&g_ep=EgoyMDI1MTExMi4wIKXMDSoASAFQAw%3D%3D) [ 330 N Lantana St Suite 28 PMB 1014 Camarillo, CA 93010 ](https://www.google.com/maps/dir//248https://share.google/8dOl6dh95vfPRhB5ranada/@28.4431037%2C-82.5237204%2C1116m/data=!3m1!1e3!4m10!4m9!1m1!4e2!1m5!1m1!1s0x882b3323cebd384b:0x7fed5639eea15350!2m2!1d-79.3996504!2d43.7116304!3e0?entry=ttu&g_ep=EgoyMDI1MTExMi4wIKXMDSoASAFQAw%3D%3D) [ (416) 480-0500 ](tel:+14164800500) [ (866) 403-0500 ](tel:+18664030500) [ Contact Sales ](mailto:sales@moderncampus.com) [ Contact Support ](mailto:support@moderncampus.com) [ Contact Finance ](mailto:billingsmcusa@moderncampus.com) Connect with Us Keep up with what's happening around campus. Join Our Mailing List Get the latest delivered to your inbox! © 2026 Modern Campus is a registered trademark of Modern Campus USA Inc. All rights reserved. [Privacy Policy](https://moderncampus.com/about/privacy-policy.html) | [Accessibility](https://moderncampus.com/about/accessibility.html) ```json { "@context" : "https://schema.org", "@type" : "BlogPosting", "author" : { "@type" : "Person", "name" : "Reuben Pressman", "url" : "https://moderncampus.com/success-stories/author/admin" }, "dateModified" : "2026-03-24T17:27:35.361Z", "datePublished" : "2025-03-12T04:00:00.000Z", "headline" : "Charter Oak State College’s DIY Responsive Website Redesign", "image" : [ "https://moderncampus.com/hubfs/Imported_Blog_Media/charter-oak-state-college-social-card-Mar-20-2026-07-56-22-0022-PM.png" ], "mainEntityOfPage" : { "@id" : "https://moderncampus.com/success-stories/charter-oak-state-college-diy-responsive-website-redesign", "@type" : "WebPage" }, "publisher" : { "@type" : "Organization", "logo" : { "@type" : "ImageObject", "url" : "https://moderncampus.com/hubfs/modern-campus-r-blue-@12x.png" }, "name" : "Modern Campus" } } ```