Case Study

Vancouver School Board

Richard Plantt
7 Minutes

The Vancouver School Board Case Study

The Vancouver School Board Partners with SchoolBundle to Build a Unified Web Communications Solution.
Vancouver School Board Screen Examples

The Vancouver School Board (VSB) needed a fresh website solution to better connect staff, students and parents within their district. They not only required an intuitive user experience, but a strategy centred around a powerful back-end engine to deliver content across their family of websites.

Utilizing SchoolBundle's Single-Source publishing solution, a unified communication approach was developed and implementation across the Vancouver School Board's 112 school websites is nearing completion. Better websites and streamlined information have increased communication and collaboration across the school district since launch.

Background

The Vancouver School District is among the most diverse public school systems in Canada with an annual enrolment of approximately 50,000 students in Kindergarten to grade 12. There are 90 Elementary schools, 18 secondary schools and 2 adult learning centres.

The VSB is a large, urban and multicultural school district. They are committed to providing the highest quality learning experience for all students, helping them to reach their intellectual, social, and physical potential in a safe and inclusive environment. The programs and services offered by the VSB address the extraordinary and complex challenges associated with a diverse district. Vancouver schools are involved in a wide range of partnerships with cultural, arts, and service organizations. The district also offers a multitude of services and program options to meet student interests and educational requirements. The goal of VSB is to serve the needs and tap the potential of each student so that they may achieve their unique potential.

Design Process

Strategy
VSB Screen Sketches

With our experience in the education industry—we dove in and quickly got up to speed with the Vancouver School Board's values and pain points. Our role as a strategic partner began with big decisions that go beyond marketing. A plan was put in place to clearly outline goals for the new website solution. Through a series of consultations, several milestones were defined giving everyone a clear path to follow throughout a multifaceted project involving many moving parts.

Information Architecture

Thousands of pages composed of events, news, staff, student and parent information required re-working the sitemap and information architecture. Using data gathered from marketing research, working together with VSB and passing on our experience, we consolidated pages when necessary. In turn, this made for cleaner navigation and content organization for site visitors.

Collaboration
VSB Early Wire-frames

We took the time to talk with team members from several district departments to gain a greater appreciation of their previous efforts and investments, current initiatives and future goals. Considering our initial challenge was not only to redesign their websites but also to provide a new content delivery network—we understood that our final execution would only be as effective as our preliminary research. Performing a content audit, personas and user flow mapping exercises allowed us to be confident with our recommendations as we moved forward with the solution.

Design

VSB Designs Across Multiple Devices

Before contacting SchoolBundle, the VSB in-house design team had recently re-branded. Everything was new—brand guidelines, messaging and voice. It was our job to pick up the energetic, upbeat new brand and elevate it for digital. We were careful to pay close attention to the details, subtly communicating the values of Vancouver's diverse geography and heritage.

In terms of design for the website, we worked through a series of exercises with the client to get everyone on the same page. As we progressed from sketches to wireframes a visual style started to emerge. Our design team also worked with the district to build an experience that allows site visitors to intuitively navigate each school website. Conversations during design reviews informed our decisions going forward, translating into a universal design across the new digital solution.

Goals

VSB Mobile Designs
Unified Communication

The challenge with managing multiple lines of communication across a large school board is no small task. Different technologies and workflows working in parallel to create the same content by many authors were proving to be a large investment.

Accessible Experience

Every project is an opportunity to become better and smarter. We don’t just listen to our clients; we learn from them. During the design phase, we tested our concepts to ensure that they were both visually accessible and aesthetically pleasing for low-vision users. We ensured that we differentiated beyond colour, from large elements down to the small details.

Mobile First

With the rise of mobile device usage, a responsive design strategy was required. The mobile-first approach organically leads to a design that’s more content-focused, and therefore user-focused. The heart of the site is content — that’s what the users are there for.

Consistent User Interface (UI)

Using VSB's own attention to detail as inspiration, we built subtle yet compelling features throughout the school board’s family of websites. This included customized site banners emphasizing key geographic and cultural references to intuitive hover states and scalable menus—all working to reflect the polish and sophistication of the Vancouver School Board.

Results

VSB Board of Education Example

Working with the Vancouver School Board has been a fulfilling experience. After a few creative exercises and hours pouring over our strategy—the result is a scalable, flexible website with a progressive design. The VSB team really understands its audience. From the start of the project, we've felt welcomed and collaborated as a single team. For a school board like VSB to bring us in as a partner was rewarding.

We were able to bring the full weight of our expertise to the table and they pushed us to do some of our best work. The website's success is a direct testament to our working relationship. With a refined, collaborative process in place, we're excited to continue to optimize and evolve their online unified communication solution.

Testimonial

"With Concept Interactive’s design expertise, both visually and technically, we have achieved our goals for an integrated, robust, and pleasing to the eye web experience for our communities and our internal contributors.  Prior to this change, our websites were of poor design, inconsistent information architecture, and definitely not mobile friendly.

With our new websites, we have consistency across sites that are easy to navigate, and look great on a computer and a mobile device. Our communications team members can efficiently post content and alerts across all sites or select sites, as well as into our social media channels, with essentially the same effort as posting to one site."
Takeaways
  1. The success of this project was related highly to the strength of our partnership with the VSB Team. We overcame obstacles of not only physical geography but the challenge of massive amounts of content across 112 websites.
  2. Throughout the entire project, we were continually collaborating to make sure we were creating a site that would appeal to their audience while achieving their goals. We listened to their ideas and they trusted our recommendations while challenging each other on the proposed solutions–a true partnership.
  3. The work of building a website solution of this scale and nature is a continuous process. Since going live with the redesign, we’ve worked with VSB to add more features to better serve their community who rely on this valuable service. The VSB has been extending what we built together within their own team too. We are proud to have been able to contribute to VSB's important mission of tapping the potential of each of their students so that they may achieve their goals.

VSB Logo

Let's Talk

Let’s collaborate and make an impact with our cross-discipline approach to design and development.

Return to Top of Page