Our Visual Editing feature is live! 🎉 Learn more
Directus Logo
  • Use Cases and Features
    • Headless CMS
      Manage and deliver content with ease
    • Backend-as-a-Service
      Build and ship applications faster
    • Headless Commerce
      A single source of truth for products
    • 100+ More Use Cases
      Build anything (or everything)
    • Instant APIs
      Connect a database, get REST + GraphQL APIs
    • Granular Policy-Based Auth
      Provide secure, autonomous data access
    • Visual Automation Builder
      Automate content and data workflows with ease
    • 50+ More Features
      Get everything you need out-of-the-box
    Project Showcase
    Built With Directus

    Built With Directus

    See what everyone's been building with Directus

  • Learn More
    • Blog
      Read our latest articles and guides
    • Case Studies
      Case studies and success stories
    • Community
      Join our 13k member Discord community.
    • Agency Directory
      Browse our list of agency partners
    • About Us
      Learn more about Directus and the team
    • Wall of Love
      See what others are saying about us
    • Contact
      Have a general inquiry or question for us?
    • Support
      Reach out to Directus support
    Watch Directus TV
    Directus TV
    Video

    Directus TV

    Go down the rabbit hole with hours of original video content from our team.

  • Developers
  • Enterprise
  • Pricing
Chat With UsGet Started Free
GitHub logo30,512
Back to Projects
CMSBackend

Submitted By Agency Partner –  Okam

How Vanier College Unified and Enhanced Its Digital Presence with Okam

Vanier College faced the challenge of unifying its fragmented web presence. The need for a cohesive and efficient solution became paramount with numerous accounts/microsites managed by different internal teams. They partnered with Okam to transform their digital infrastructure using Directus.

Project Overview

Objectives

Vanier College aimed to achieve the following:

  • Unify all web content on a single platform to provide flexibility and ease of use.

  • Centralize all sub-platforms into one cohesive system to streamline management and improve efficiency.

  • Simplify navigation for quick and intuitive access to information.

  • Prioritize content for prospective students while maintaining effective communication with other users.

  • Improve mobile responsiveness to ensure a consistent user experience across all devices.

  • Ensure online accessibility standards are met, allowing everyone to navigate the platform easily.

Strategy

The strategy involved transitioning from WordPress to Directus to leverage its flexibility in content management and its capacity to integrate with modern technologies like React and Next.js, enabling more interactive user experiences.

  • Directus Implementation: Centralized all content on Directus, streamlining content management and enhancing flexibility. Its user-friendly interface enabled the standardization of content entry and page building.

  • Headless CMS and Front-End: Combined with Directus, it provides performance, flexibility, and security, enhancing user experience and simplifying maintenance and scalability.

  • Design System with Storybook: Facilitated collaboration between developers and designers through reusable components, ensuring design consistency across the site and optimizing development and maintenance.

  • AI-Assisted Migration: Combined web scraping with large language models (LLM) to automate and optimize the migration process for specific sections with structured content, such as blog articles, events, articles, courses and so on.

CMS Programs

How Directus Simplified the Structure

Directus's features played a critical role in simplifying the site's structure:

  • Centralized Management: By consolidating all content into Directus, the platform eliminated the complexity of managing multiple systems, allowing for a streamlined approach to content updates and maintenance.

  • Flexible Content Modeling: Directus's flexible schema allowed for easy adaptation and organization of content, catering to the specific needs of different user personas.

  • User-Friendly Interface: The interface simplified the process for non-technical users to manage content, ensuring that updates could be made quickly and efficiently without extensive technical knowledge.

CMS Course

"The challenge was considerable in simplifying navigation and consolidating numerous subsites into a single, integrated platform. Okam was sensitive to our users' needs and provided valuable advice and guidance. With their support, we met our objective of creating a mobile-first, streamlined site with longevity, discoverability and uniformity top of mind."
- Isabelle Moncion, Director of Communications and Corporate Affairs

Results

Implementing headless technology transformed the site's performance, making it faster and more secure. The navigation was redesigned to offer a smooth and intuitive experience, allowing users to find what they need quickly.

In the first 10 weeks after the launch, preliminary results showed:

  • A 19.4% increase in active users

  • A 26.8% rise in new users

  • A 21% increase in active users on mobile

  • User engagement was up by 26.6%

Content prioritization: Essential information for students is now prominently featured. The site's responsive platform fully optimizes mobile access, minimizing UX frustrations.

Nav Mobile

Finally, we successfully centralized and optimized the content in both the front-end and CMS and enhanced the relevance of available information.

Conclusion

The redesign of Vanier College's web platform not only resolved initial issues but also transformed the site into a dynamic, user-centred tool, intending to enhance engagement with prospective students. Directus was instrumental in achieving these objectives, providing the tools for effective and adaptable content management.

Project Details

View Project
Client
Vanier College
Built With
  • Next.js
  • React
  • Graphqul
  • Tailwindcss
  • Typesense
Agency Partner
Okam

Okam

North America

Other Directus Projects

Creating Topper, a Seamless User Experience in the Cryptocurrency Industry

Creating Topper, a Seamless User Experience in the Cryptocurrency Industry

We developed a secure platform for purchasing cryptocurrencies, ensuring regulatory compliance and p...

How we helped i-charging beat the market

How we helped i-charging beat the market

i-charging came with a challenge to us: to develop an interface to provide support for charging elec...

PIS - Product Information System

PIS - Product Information System

The Wüstenrot Product Information System (PIS) enables both internal and external employees to find ...

  • Directus LogoDirectus Logo

    A composable backend to build your Headless CMS, BaaS, and more. 

  • Solutions
    • Headless CMS
    • Backend-as-a-Service
    • Product Information
    • 100+ Things to Build
  • Resources
    • Documentation
    • Guides
    • Community
    • Release Notes
  • Support
    • Issue Tracker
    • Feature Requests
    • Community Chat
    • Cloud Dashboard
  • Organization
    • About
    • Careers
    • Brand Assets
    • Contact
©2025 Monospace Inc
  • Cloud Policies
  • License
  • Terms
  • Privacy