Media Education Lab website Drupal 7 to Drupal 10 migration

Industry
Education
Type Of Work
Migration
Client
Media Education Lab

Media Education Lab

The Media Education Lab, founded by Renee Hobbs, a Professor of Communication Studies at the Harrington School of Communication and Media at the University of Rhode Island, is a non-profit organization dedicated to promoting media literacy worldwide. Their website provides comprehensive information about the Lab, including details about their research, events, seminars, and workshops. It is a valuable resource for educators, teachers, and students interested in media literacy. The site also features a collection of publications by the Lab's members. The website is regularly updated with the latest activities and contributions from the Media Education Lab.

01

Project Overview

  • The goal of this project was to migrate the website from Drupal 7 to Drupal 10.
  • The website also had an old design and the Media Education Lab decided to do a complete revamp of the design and branding. So, we went with a new custom design.
  • The content was not organized into various categories such as books, events, publications, teaching resources, videos, etc.
  • The events page needed a search of its own to be able to search for upcoming events and past events.
  • The Research and Scholarship page needed a search of its own to facilitate the users to search for the right book, research paper, working paper, or book chapter.
  • It was also required to make the website mobile-friendly.
Media Education lab
02

Our Approach

  • We migrated the existing content from Drupal 7 to 10.
  • The content was organized into different content types based on the different types of information like - Book chapters, research papers, working papers, books, videos, blogs, events, etc.
  • We set up the website’s search feature to include all the content on the website to be indexed.
  • Individual searches and filters were set up on the Research & Scholarship and Events page.
  • The events page was divided into two separate tabs to show upcoming and past events.
  • New categories were added to events called “Event Types” to filter events according to the type.
  • The website was built with a brand new Drupal theme, with Media Education Lab’s colors and new logo.
  • A new “Services” page was created.
  • The website was redesigned from the ground up using the latest HTML and CSS standards to make it on-page SEO friendly.
  • Bootstrap was used as the base theme of this site and it gave the website the power of mobile responsiveness.
  • We worked closely with the branding team of Media Education Lab to implement the new brand guidelines set by the client.

Technologies Used

  • Drupal 7 to Drupal 10 migration
  • Brand new design
  • Mobile-friendliness
  • Improving the search functionality
  • Individual search and filters for required pages
  • Website made more secure and performance improvement
View Website
03

Older vs Newer Version

Media Education Lab
Media Education Lab

Responsive Design For All Devices

Media Education Lab