海角社区

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 requiredto 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