±«ÓãÖ±²¥

How to use the ±«ÓãÖ±²¥ brand for websites and applications

As Spiderman's uncle says, with great digital branding comes great responsibility. Or was that Allison Flynn (Director of Integrated Communications), our brand owner? Either way, it's true: the ±«ÓãÖ±²¥ brand is powerful, and that means we need to be careful with it.
Image by Photo by Max Bender on Unsplash.

Our digital brand's superpower is making websites and applications look official, trustworthy, and legitimate. This power is strengthened when the ±«ÓãÖ±²¥ brand is used for well-made websites and applications that serve the needs of our community. It's weakened when the brand is used inconsistently, improperly, or on websites or applications that fall short ofÌý±«ÓãÖ±²¥'s Digital Standards.Ìý

In this article, you'll get official Digital Communications advice for how to use the brand's powers for good (and avoid being aÌýsupervillain).Ìý

What do we mean by "the brand"?

°Õ³ó±ðÌý±«ÓãÖ±²¥ brandÌýis made up of a variety of elements, many of them protected by trademarks or policy. In this article, we'll focus on ±«ÓãÖ±²¥ branding for digital products like websites and applications.Ìý

ÌýFor digital products, the key brand ingredients are:

  • A mcgill.ca/___ or ____.mcgill.ca URL,
  • The ±«ÓãÖ±²¥ logo,
  • Official ±«ÓãÖ±²¥ fonts,
  • Official ±«ÓãÖ±²¥ colors,
  • Foundational design elements from our design system (like footers, buttons, and icons).

Some sites or applications areÌýrequiredÌýto use all (or most) attributes of the ±«ÓãÖ±²¥ brand. In general, this is the case for sites and applications which...

  • Represent core public-facing academic, administrative, or research activities;
  • Represent units or services used by students across multiple academic units;
  • Are used to market ±«ÓãÖ±²¥ to prospective students or members of the general public;
  • Are likely to be interpreted as representing the institution's official views, resources, or policies;
  • Distribute ±«ÓãÖ±²¥ content which is highly visible or serves a strategically important audience segment.

Other sites or applicationsÌý³¾²¹²âÌýuse elements of the ±«ÓãÖ±²¥ brand, but are not required to. To use the ±«ÓãÖ±²¥ brand, a website or application must:

  • Be managed or owned by a ±«ÓãÖ±²¥ employee or faculty member. (Student-led, alumni-led, or retiree projects aren't eligible to use the ±«ÓãÖ±²¥ brand.)
  • Concern official University business. Personal websites (or websites that advertise services not related to the owner's role at the university) aren't eligible to use the ±«ÓãÖ±²¥ brand.Ìý
  • Use an existing ±«ÓãÖ±²¥-branded system (like the WMS),Ìýor be acquired through the applicableÌýprocurement processÌýand compliant withÌýIT policiesÌý(including those related toÌýcloud services).
  • Be supported by a reasonable plan to meet allÌýlegal and institutional requirements, includingÌý±«ÓãÖ±²¥'s Digital Standards.
  • In the case of research entities,Ìýonly entities formally approved under theÌýPolicy on Research EntitiesÌýmay use the ±«ÓãÖ±²¥ name and logo alongside their own.Ìý

Ìý

Using the WMS
The WMS is the easiest way to build a ±«ÓãÖ±²¥-branded site. In the WMS, your site automatically benefits from strong ±«ÓãÖ±²¥ branding (although it is possible to customize the logo in some cases). Many units are eligible for a WMS website, even if they would not be eligible to use the full ±«ÓãÖ±²¥ brand independently. The WMS platform's design and support services make it as easy as possible to comply with all ourÌýlegal and institutional requirements.Ìý

Ìý

You don't need to follow this guide if you're building a site in the WMS. See our "Where to start when building a new website" article for how to initiate a WMS website.Ìý

Ways to use the brand

There are four common ways of using the ±«ÓãÖ±²¥ brand. The goal with this breakdown is to give you a sense of which might fit your project best. This will help us have an informed conversation about the options during yourÌý.Ìý

Full branding (centrally supported)

Screenshot of ±«ÓãÖ±²¥ Course Catalogue

Use cases

This option is intended for sites and applications that are requiredÌýto use the ±«ÓãÖ±²¥ brand,ÌýandÌýwhose needs cannot be met with an existing branded platform like the WMS.

This usually means sites or applications that have unique functional requirements, and are...

  • Used by prospective students or members of the general public;
  • Used by students of multiple academic areas;
  • Likely to be interpreted as representing the institution's official views, resources, or policies; and/or
  • Highly visible or serving a strategically important audience segment.

Brand components

A fully branded, centrally supported site or application will use...

  • AÌýÌýorÌý____.mcgill.caÌýURL;
  • The ±«ÓãÖ±²¥ logo in the site identity (to the left of the site or application name);
  • Official ±«ÓãÖ±²¥ fonts;
  • Official ±«ÓãÖ±²¥ colors;
  • A ±«ÓãÖ±²¥ or centrally-approved hosting solution;
  • ±«ÓãÖ±²¥ DS or standardized design elements for brand and UX continuity across platforms;
  • Digital Communications' support to ensure alignment with legal and institutional requirements.

Advantages

This option offers all the benefits of full digital branding (legitimacy, efficiency, usability) as well as personalized support from Digital Communications. This support can reduce project costs, mitigate risks, improve compliance, and deliver better quality overall.

Support services include:

  • Design services (which may include creation of custom wireframes, mockups, and prototypes)
  • Usability research and evaluation services
  • Auditing services for compliance withÌýtheÌýVisual Identity GuideÌýandÌýall ofÌý±«ÓãÖ±²¥'s Digital Standards
  • Support for technical teams implementing designs (including vendor teams)
  • Quality assurance (QA) and compatibility testing for the visual design
  • User experience (UX) content writing and translation support
  • Web hosting services or support

Most projects in this category are led or facilitated by ±«ÓãÖ±²¥ IT, and are driven by business needs that cannot be met in the WMS or other existing platforms. They often have an IT-assigned project manager, business analyst(s), change management advisor and training expert. Digital Communications works closely with these professionals to help deliver the best possible brand and user experience.Ìý

Disadvantages

The only disadvantage of this branding option is that it's not available to everyone: we can only accommodate a limited number of fully supported sites or applications each year.

This means projects in this category are usually highly significant and/or planned well in advance. They must also have a compelling reason to be built outside of more cost- and resource-effective options likeÌýthe WMS.

Full branding (self-supported)

Screenshot of example for self-supported full branding on Desautel's delve website

Use cases

This option is for websites which must use the ±«ÓãÖ±²¥ brand, but are not eligible for central support. Sites in this category are eligible for more cost- and resource-effective optionsÌýlikeÌýthe WMS, but choose not to take advantage of them.

Self-supported branding can be a good fit for sites and applications that are:

  • Used by academics, researchers, partners, or government audiences in connection with a specific academic topic
  • Used by students within a single faculty or area of interest
  • An initiative of an academic or administrative unit below the faculty or VP level

These sites often serve smaller audiences and carry less risk. Users may expect differences between these sites/applications and core University services.

Brand components

A fully branded, self-supported site or application will use...

  • AÌý____.____.mcgill.caÌýURL;
  • The ±«ÓãÖ±²¥ logo in the site identity (to the left of the site or application name);
  • Official ±«ÓãÖ±²¥ fonts;
  • Official ±«ÓãÖ±²¥ colors;
  • Our standard (global) footer;
  • A ±«ÓãÖ±²¥ or centrally-approved hosting solution;
  • ±«ÓãÖ±²¥ DS or standardized design elements for brand and UX continuity across platforms.

Advantages

This option is a good way to convey legitimacy to a custom website or application, while also having a high level of control over the visual design and feature set. Using the ±«ÓãÖ±²¥ brand can also simplify some design choices and improve usability, because we offer a design system with many standard theme components that developers can reuse.Ìý

Disadvantages

Building a fully branded, self-supported site or application is aÌýprivilege, and comes with responsibilities. Implementing full branding on an independent site or application means that the project sponsor will be accountable for compliance with theÌýVisual Identity GuideÌýandÌýall ofÌý±«ÓãÖ±²¥'s Digital Standards. This means:

  • The site or applicationÌýmust be acquired according toÌý±«ÓãÖ±²¥ Procurement PolicyÌýandÌýIT Acquisition Process.Ìý
  • The IT Acquisition Process must include an information security assessment, which can add delays or additional requirements to the process.
  • The project will need a knowledgeable ±«ÓãÖ±²¥ employee to conduct compliance audits at multiple stages, including post-launch. This employee must have a deep understanding of the standards, and must keep abreast of changes so that compliance can be maintained for the lifetime of the site or application.Ìý
  • If the site is built by an external vendor, you'll need to pay for any services needed to achieve or maintain compliance.Ìý
  • A non-compliant site may lead to legal challenges or complaints, and the site sponsor may be personally liable. This may lead to financial obligations if a fault is foundÌýthroughÌýÌý(officially called theÌýProgramme de prime aux bogues du gouvernement du Québec).ÌýThe University may also initiateÌýdisciplinary or corrective proceduresÌýif we see that a site is non-compliant.Ìý
  • During the process, Digital Communications may request to see:
    • Supporting documentation (such as a detailed report showing the results of your team'sÌýDigital StandardsÌýcompliance audit)
    • Vendor commitments (such as contract materials demonstrating accessibility engagements and compliance maintenance plans)
    • The site before launch, to verify that compliance audit is accurate.Ìý

See our "Where to start when building a new website" article to learn more about initiating a custom site or application. (You may also want to considerÌýusing the WMS, since this is a more cost- and resource-efficient way to benefitÌýfrom the ±«ÓãÖ±²¥ brand.)

Partial or shared branding

Partial branding example with screenshot of Worldcat search

Use cases

Partial or shared branding is most common onÌý. Licensed products usually offer limited customization options, which is a way to offer advanced features at a lower price point. If the product is popular, it may also be known to its user base (like WorldCat's Sofia product, shown above, which is used by libraries around the world).Ìý

Partial branding is also fine for specialized sites and applications that are used primarily by faculty or staff, and which aren't seen by the general public.Ìý

Brand components

Partial or shared branding means the site or application will use...

  • A URL that includes the ±«ÓãÖ±²¥ name;
  • The ±«ÓãÖ±²¥ logo alongside or as secondary branding to the software/vendor branding;
  • ±«ÓãÖ±²¥ colors or other brand elements, but only if this doesn't impact usability or transparency.

Ìý

Advantages

Partial or shared branding is a good strategy when the site or application cannot be customized to use full ±«ÓãÖ±²¥ branding. Full branding can be resource-intensive or technically impossible for some sites, since it requires the ability to use ±«ÓãÖ±²¥ fonts, complete control over color palette, and ability to apply custom styling to elements like buttons, menus, headers and footers.

It's also a good strategy if the site or application is based on a well-known platform that would be recognizable to its target audience. Partial branding keeps the familiar elements of the base platform, allowing users to use it more efficiently.Ìý

Logo use in content only

Example of logo used in content only with screenshot of CIRMMT site

Use cases

This is common when the site or application belong to a consortium, affiliate entity, or a group which includes members of other institutions. These websites are often eligible for the WMS, but choose not to use it.

In these cases:

  • The website or application isn't required to use the ±«ÓãÖ±²¥ brand.
  • It's desirable for the website to appear separate from the University.

Brand components

Logo use in content means yourÌýsite or application doesn't use any element of the ±«ÓãÖ±²¥ brandÌýexceptÌýthe logo. The logo is used in your content or footer, and not in the main identity of the site (usually the header).

The logo shows that ±«ÓãÖ±²¥ is a partner or contributor, but its position doesn't imply that ±«ÓãÖ±²¥ owns the site.

Advantages

This is the easiest way to use the brand, because it implies a connection (but not ownership):Ìý

How to get started

Once you have a sense of whether and how to use the ±«ÓãÖ±²¥ brand, it's time toÌý. We'll learn about your project and help you:

  • Explore theÌýplatform optionsÌýavailable to you and find the best fit for your needs.
  • Determine which of the branding options above will be best for your project, and identify support options or resources to help you succeed.
  • Choose anÌýappropriate URLÌýand plan other elements of the URL strategy (such as redirects or vanity URLs) as needed.
  • Identify the next steps in your project.

We recommend that you meet with usÌýbeforeÌýinitiating the project with Procurement or IT, or as soon as possible. This avoids wasted effort and unnecessary delays.Ìý

Back to top