University at Buffalo - The State University of New York
Skip to Content
UB Web Management

Transforming UB’s digital communications through process and tools

Sites Created April or Later

Your site was created with the new digital brand set up for you. Follow these directions to be sure to take advance of using the brand to enhance your site performance and to optimize your site for mobile viewers (RWD).

Digital Brand Launch

This page is intended for new UBCMS sites, created April, 2017 or later.

On this page:

Overview

  • All UBCMS styles and many components will be updated to support the UB brand in digital.
  • New sites created after April 2017, are already set up for the new brand, so you just need to concentrate on choosing your brand settings.
  • Your sites come RWD-enabled (ready for mobile), so you will need to be aware of how your pages perfom in smaller screen sizes as you build.

Step 1: Build Your Site

As a new site, you can focus on adding your new content. Just remember to keep an eye on smaller screen performance (RWD). 

Only those with a Specialist role in the UBCMS can edit header and footer files.

CHECKLIST:

  1. Set up your header (real easy)
    • Choose your header colors
    • Add your call to action buttons (if applicable) (Be sure to set the color)
    • Activate your search (if applicable)
    • Add your social icons (if applicable)
  2. Set up your color pops in your navigation (primary, secondary)
  3. Set up your brand footer file
    • Add your call to action buttons (if applicable) (Be sure to set the color)
    • Add your social icons (if applicable)
  4. Choose a background (you can start without one even and add later)

Digital Brand Master Classes

We have prepared a selection of Digital Brand Master Classes and Lessons Learned to coach you through the steps of elevating your site performance.
> See the full list below in Additional Resources

Step 2: Optimize Your Site for Mobile (RWD)

Many of your visitors will use mobile devices to view your site. Since this is so crticial to successful web communications, we have paired enabling the new digital brand for your site with enabling it for Responsive Web Design (RWD). Thus, as you prepare for the new brand you must also consider how your pages will respond when they are viewed by mobile users on mid or small-sized screens.

Use the RWD Resizer Tool

Any site within the Author environment can be viewed as it would look on different screen sizes by simply changing the window size. The RWD Resizer tool will temporarily display these changes as they would appear in the exact mobile device size.

You should view how your site performs for moble screens using the Resizer Tool.

Training Resources

We have prepared a selection of Digital Brand Master Classes and Lessons Learned to coach you through the steps of elevating your site performance.

Solution Groups and Master Classes for the UB brand

Was this page helpful?

(Required)
(Required)
(so we can thank you or request more details)
(Required)
(buffalo.edu addresses only please)