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)
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)
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
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
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):Ìý
- You'll still need toÌýget permission to use the logo this way, but the process is much simpler.
- Using the logo in this way means you're only accountable forÌýlegal requirementsÌý(like accessibility and data protection) and compliance with theÌýVisual Identity Guide.
- You're not required to audit and maintain compliance for all ofÌýÎÛÎÛ²ÝÝ®ÊÓƵ's Digital Standards.Ìý
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.Ìý