Redesign Archives - Brand Updates

Brand Updates

New design for university websites

by

We’re excited to announce that Missouri State University websites will soon have a fresh look. The first change comes next week on the homepage.

Our goal: to create an action-oriented experience for future Bears. The new homepage will also showcase bold video, imagery and content elements.

What’s new

All Missouri State University websites hosted in Web Press are moving to new templates.

In late April, we’ll start the transition with the release of a new homepage.

Top portion of new Missouri State University homepage.
A sneak-peak of the new homepage. The modern look includes an expansive “hero” video area.
New Missouri State University homepage on mobile view.
The new homepage on mobile view.

Other highlights on the new homepage include:

  • An admissions-focused layout. We’ve made it easier to apply, visit and donate to Missouri State.
  • A carousel of stories, centered around student success.
  • Upcoming events in an easy-to-read format, with quick links to the full calendar.
  • Bold, impactful stats that detail university accomplishments.

The new templates have other options for design layouts, too.

All MSU Web Press sites will switch to the new templates, and we will release a schedule for this move later in the year.

For questions or concerns

If you have any questions or feedback, please contact us.

Lessons learned from the Alumni Association and Bear Bulletin redesigns

by

We recently, by that I mean a year ago, decided it was time to redesign the Alumni Association’s digital communications. Before embarking on this glorious journey we first needed to figure out what we wanted to do and why were doing it.

Make a game plan

We developed a set of goals to help us keep our audience in mind.

  1. User access to information on mobile devices
  2. Clear calls to act for alumni to engage with the unviersity
  3. Streamline university news with alumni centered stories from the printed magazine
  4. Implement our sub-brand across all communication platforms

Then laid out the three phases we planned to execute.

Phase 1 – Missouri State Magazine online

During this phase we found alumni want to get their printed magazine in an easy to read online format. So, we tore down the old magazine site and built a new blog. Through the use of syndication we are able to pull real-time stories from the university communications department. We can now feature stories from the news, highlight faculty work, showcase student awards and give a home to all the alumni stories. The Bear Bulletin blog is mobile friendly and ties directly to our website.

From old to new – blog




Phase 2 – New mobile friendly website

Next step, updating our website to streamline information about events, programs and ways alumni can volunteer. Warning, don’t go into a website redesign before a major event. I planned to finish the redesign before Homecoming, but didn’t take into account all the updates to the Homecoming website.

Again, we went back to our goals and consulted the Alumni Association Board and Council. Since mobile stacks information into one column, we created a hierarchy for the content and used clear calls to act buttons on our Missouri State University Alumni Association website.

A mobile friendly site

old alumni site
new alumni site
old not mobile friendly alumni site
new mobile friendly alumni site

Phase 3 – New e-news letter

Again, the data showed us nearly 50% of the audience accesses our email from a mobile device.  We stuck with one column, used more full-width photos, added calls to act buttons and reduced the text.

An email you want to open




What we learned

  • Timeline for completion
    • Keep in mind vacations
    • Summer was great for us
  • Website
    • Plan ahead for any major content editing on your site
      • Ex: Homecoming is our biggest event and we were in redesign – not so good
    • Build site map
      • Before you start rearranging look at site navigation first
      • Then layout your pages
    • Review links on your site and pointing at you
  • Check mobile

You can download the full presentation for reference Alumni digital redesign-MarCom.