Conseil Scolaire Catholique Providence

  1. Overview
The Client

Consiel Scolaire Catholique Providence 

 

The Challenges:

  1. Create a fully integrated website and portal that is also able to utilize third-party document storage solutions. 
  2. Update the website look and feel to something modern and refreshing, while keeping consistent with existing branding.
  3. Help client with information architecture and organization of all content using best practices.

 

Outcome: A fun and unique design that captured the client’s district with a portal solution that provided ease of access to documents for all levels of staff.

 

Role: Lead Web/UX Designer, Project Manager

  1. Research

Research Goals:

  1. Establish what is most important for users on the client website and how to organize that content appropriately
  2. Define website branding and elements that reflects the client’s fun and professional nature.
  3. Solve navigational and content issues from the current site

 

I created a high-level list of site features to further define and guide the vision for the project. Prioritizing the features with supporting research created a clear order of execution:

  1. Information Architecture: the current site is disorganized and users find it difficult to locate important documents. Provide client with new organized sitemap.
  2. Mockups: Homepage lacks information – client wants to showcase news and events, 5 unique traits of the district, and better quicklinks to help parents find information. Make sure to have these on the homepage mockup.
  3. Provide options for integrating social media channels (Facebook and Twitter) and document storage with Office 365 and Microsoft Teams.

 

Researching the existing branding for this client was very refreshing; unlike many previous clients, this one had a solid brand guideline document in place and had in-house graphic designers that maintained the social media channels and printed materials. I was able to utilize patterns and colours that were pre-existing in their other marketing materials, and brought them into the website to create something cohesive.

  1. Design

First step was mocking up the website design using wireframes, making sure all important information from the client was accounted for.

There’s quite a few things to keep in mind when designing for a proprietary content management system – there were many custom things we could do, but there was also a lot of constraints. Using wireframes helped me visualize how the end product would fit into the framework of the Edlio CMS, and I could make adjustments as necessary before handing anything concrete to the client or the coding team.

Mockups

After several iterations, and using the branding research, I fleshed out the details of the homepage with images, typography, navigation menus, etc.

I then scheduled a client meeting to go over the design, gather feedback, and spent more time making revisions.

It was particularly challenging working with a language barrier with this client; their English speaking skills were great, but there were some things that needed to be said multiple ways before they understood what I was trying to tell them. Particularly, many clients have an issue understanding that mockups and prototypes aren’t fully responsive or functional, and are simply a visual representation of the final product.

 

Unfortunately my time with Scholantis ended as we were wrapping up the design phase of this project and I’m not sure where it stands now. However, I did gain valuable experience and loved the creativity this client showed.