divi

1. Project Background & Overview

For nearly a decade, the Homeless Hub team from York University operated its homelesshub.ca platform, the leading resource for homelessness research and studies website on Drupal 7. However, with evolving needs, the platform became less suitable. The primary issues were a slow-loading website, lack of design flexibility, and an outdated search system, as well as a heavy backend system.

The Homeless Hub wanted a more intuitive and flexible platform that could provide a simplified backend for editors, options to create pages and sections independently, improved SEO and advanced search, plus a new, modern design to match their branding, as homelesshub.ca is their flagship site. The goal was to migrate from Drupal to WordPress while addressing these challenges.

2. Challenges Faced

Migrating such a large-scale website, with over 30,000 resources and more than 10,000 contributor profiles, posed several challenges:

• Complex Content Types: The site hosted diverse resources such as books, reports, toolkits, factsheets, journals and more, all with connected taxonomies and custom fields.
• Taxonomy and Custom Field Remapping: The existing taxonomies and custom fields required reorganization to improve efficiency and ease of use for editors.
• Search Functionality: An advanced custom search was needed to handle the volume of resources while offering granular filtering options. The old search engine was slow and not pulling relevant results.
• Design Precision: A pixel-perfect design had to be implemented, ensuring a modern, user-friendly interface and interaction.
• URL Structure and SEO: Some URL structures needed to be maintained, while others had to be improved, requiring careful redirection to ensure no loss of traffic. SEO improvements were also essential.

3. Solution & Execution

Our approach to the migration was carefully planned to ensure seamless execution:

• Migration Process: We used a combination of third-party plugins and custom scripts to migrate all resources, contributor profiles, databases, and large amount of files from Drupal to WordPress.
• Taxonomy Remapping: Custom-coded taxonomies were created to match the new improved structure and existing and new fields added using Advanced Custom Fields (ACF). We combined and remapped taxonomies during the import process, reducing the number of fields and simplifying the backend for editors.
• Custom Search with Algolia: To address the need for advanced search, we integrated Algolia, creating a granular index with custom filters based on taxonomies and fields. This was seamlessly integrated into WordPress using a custom plugin to ensure fast and accurate search results.
• Design Implementation: We developed a design system in collaboration with the Homeless Hub team. Using the Divi theme, we redesigned the entire site, ensuring a modern, user-friendly interface. Rigorous testing was done across platforms (Mac, Windows) and devices (desktop, mobile) to ensure pixel-perfect design consistency.
• URL and SEO Enhancements: Resource URLs were kept intact, while new URLs were created for blogs and taxonomies. We implemented Yoast for SEO improvements and made careful redirections to ensure SEO optimization and traffic retention.
• Custom Plugins: We developed several custom plugins, including ones for fields ordering and taxonomy hierarchy management, and another for managing books with chapters and sub-chapters.

4. Unique Highlights

Several custom solutions added exceptional value to the project:

• Custom Plugins: We created custom plugins for managing content types like books with chapters and sub-chapters, as well as for taxonomy hierarchy and field ordering.
• Search Optimization: The granular Algolia search configuration resulted in an extremely fast and accurate search experience, greatly improving user engagement with the site.
• Successful Redirects: We ensured that all necessary URL redirects were in place, maintaining SEO rankings and avoiding any broken links.
• SEO Performance: Compared to the metrics before migration, the website traffic has drastically improved and the Google indexing as been extremely fast. According to GA, clicks and impressions spiked in number of days.

5. Results & Impact

The website migration resulted in significant improvements:

• Smoother Performance: The new site runs much more efficiently, with faster load times and enhanced usability.
• Simplified Backend: The backend is now intuitive, allowing editors to easily create and edit content, as well as create custom pages independently.
• Search Efficiency: Integrating Algolia greatly enhanced the search experience. The new search is now faster, more accurate, and provides users with real-time results from the vast 30,000-resource library. Users can easily filter results by various criteria, making it far easier to find relevant information quickly. This upgrade has improved accessibility and usability for researchers, policymakers, and the public.
• SEO Boost: By utilizing Yoast SEO, the website saw a significant rise in organic traffic and search rankings. Optimized content, proper URL redirects, and better site structure all contributed to this improvement. The site’s faster loading times have also positively impacted user retention, as visitors are more likely to stay and engage with the content.
• Enhanced User Experience (UX): The site is now faster, mobile-friendly, and easier to navigate. The updated design ensures a seamless experience across devices, while the simplified backend allows the Homeless Hub team to manage content more efficiently. The new platform provides a smoother, more responsive browsing experience, supporting the organization’s mission of making homelessness research more accessible.

Homeless Hub WP Website Launch

6. Conclusion

The Homeless Hub website migration from Drupal 7 to WordPress was a resounding success, achieving all of the client’s key objectives. The transition to a more flexible, user-friendly platform has empowered the Homeless Hub team to independently manage and update their site, while users enjoy a smoother, faster experience with enhanced search functionality. The project highlights the importance of meticulous planning, custom solutions, and collaboration to overcome the challenges of large-scale website migration.

With an improved design, better performance, and significantly increased traffic thanks to enhanced SEO, the new Homeless Hub website is well-positioned to continue providing vital resources and information for years to come. This project demonstrates the transformative power of a well-executed migration, where technology, design, and functionality come together to create a more efficient and user-focused platform.

We’re proud to present our latest project, the interactive Fast TV Channels Website Series for Blue Ant Media. Headquartered in Toronto, Blue Ant Media is a privately held global media company, with offices in five other countries besides Canada.

The Blue Ant team needed a platform to promote some of the newest shows streaming on popular platforms like Roku, LG Channels, Xumo, Vizio, Samsung TV Plus and others, while targeting content for specific countries worldwide and turned to Vertical team for design and development. The Blue Ant and Vertical teams have an outstanding relationship, as we’re providing ongoing maintenance and support for their other projects, like CottageLife, MobileSyrup, BeMakeful, TheBabyShows and other successful websites over the past year.

The challenge was to create a platform that delivers a similar design template across all websites, but promotes specific content for each individual site at the same time. The platform is engineered using our in-house design and a backend structure based on WordPress and Divi, plus additional custom built plugins. At the same time, each website displays country specific shows and streaming channels using a geolocation functionality identifying visitor IP. A default page is displayed if no shows are available in a particular country; otherwise the users are redirected towards Canada, US or Europe specific pages depending on their location.

Another advanced functionality allows administrators make bulk plugin and core updates and content edits across all websites using a single master admin system. The master-slave backend system is designed to reduce operation times and simplify maintenance. At the same time, each website can be updated individually as needed and can act as an independent app.

Here’s a quick overview of the of the Fast TV Channels top features:

• Unified layout design
• Simplified administration interface using both frontend and backend access
• One site controls all
• Geolocated content display based on user IP
• Custom 3D shows carousel
• Fully responsive

The Fast TV Channels include HauntTV, CrimetimeTV, LovePetsTV, HomefulTV, DragRaceUniverseTV, TotalCrimeTV and HistoryTimeTV. The series of channels does not stop here. Several new channels will be added in the near future to complete the list, offering info on the newest and most exciting shows available on popular streaming platforms worldwide.