Missouri State University

Skip to content Skip to navigation
a b c d e f g h i j k l m n o p q r s t u v w x y z

Web Strategy and Development Blog

  • Web Strategy and Development
  • Web Support
  • @msuweb

Redesigned kinesiology website: A fresh look for active programs

December 5, 2018 by Kai Raymer

Students and children in kinesiology class.

The redesigned kinesiology website recently launched. It’s the latest outcome of the Academic Website Project.

Academic websites have a tremendous influence on the college search process. Redesigns provide new content, design and photo/video elements.

Three specific areas we improved on kinesiology were:

Photography

Students in kinesiology undergraduate programs
All five of kinesiology’s undergraduate degree programs have hands-on learning opportunities for students.

Kinesiology has eight overall degree programs. However, the department lacked current photos.

Through several photo sessions, we gave the kinesiology website an appearance overhaul.

Getting new photos creates an accurate depiction of their programs.

Respiratory therapy students during a class.
The respiratory therapy program includes a clinical portion.

Clear application/admission language

We made it easier for future students to major in a kinesiology program.

Each program sub-site has prominent call-to-action (CTA) buttons that aid recruiting efforts. For undergraduate programs:

  • First, apply to Missouri State
  • Then, declare your major (to a kinesiology program)
The “Get started” button takes the user to the program’s admission requirements page.
Physical education undergraduate admission requirements page with apply now call-to-action box highlighted
The “Apply now” button takes the user to a
Missouri State University application form.

The application/admission process is a bit different for graduate programs, but the concept we used remained the same.

Track options

Four of kinesiology’s five undergraduate programs include track options or emphasis areas, which are specific areas of focus within the overall program.

We wanted to make these options better known.

Emphasis areas for the recreation, sport and park administration program website
The recreation, sport and park administration program offers four emphasis areas students can pursue.
Track option areas on exercise and movement science program homepage.
Exercise and movement science majors can pursue one of two track options depending on their career goals.

Track options/emphasis areas now have feature blocks that provide more information about that specific area and its outcomes.

Site credits

  • Project lead and content: Kai Raymer, content strategist in web strategy and development
  • Photography: Bob Linder, Kevin White and Jesse Scheve, visual media
  • Videography: Carter Williams, student videographer in web strategy and development
  • Design: Abby Isackson, graphic designer in editorial and design services
  • Editors: Sara Clark, director in web strategy and development and Nicki Donnelson, assistant director of university communications
  • Implementation: Student coders Alyson Jones and Nikki Jenkins along with Brian Heaton, content management programmer/analyst, in web strategy and development
  • Client: Dr. Sarah McCallister, kinesiology department head

Filed Under: Academic websites, News, Redesign, web strategy and development Tagged With: academic websites, kinesiology, Redesign, web strategy and development

Redesigned Doctor of Pharmacy website: Connecting one program at two schools

November 30, 2018 by Kai Raymer

Top part of Doctor of Pharmacy homepage.

The redesigned doctor of pharmacy website recently launched. It’s the latest outcome of the Academic Website Project.

Academic websites have a tremendous influence on the college search process. Redesigns provide new content, design and photo/video elements.

Three specific areas we targeted for improvement on pharmacy were:

Content

Top part of Doctor of Pharmacy's Admission and Application Requirements page.
The admission and application requirements page details how students qualify for, and apply to, the program.

The previous pharmacy website only had a handful of pages. We built the new site from the ground up, which meant creating and formatting content for pages like:

  • Admission and application requirements
  • Program requirements
  • Careers and outcomes
  • Scholarships and financial aid

Most users access a website to solve a problem.

Creating these pages helped answer crucial questions such as how to apply and how to finish the program, and how to get financial help.

Through reverse transfer, you can even complete your Missouri State bachelor’s degree while you’re in the program.

We kept duplicate content to a minimum. Most links refer back to the UMKC website, which lessens the chances for content becoming outdated.

Clarity

Details about collaborative program on Doctor of Pharmacy homepage.
The intro message on the Doctor of Pharmacy website notes that it’s a collaborative program.

Pharmacy is a collaborative program between the University of Missouri-Kansas City (UMKC) and Missouri State.

You’re part Kangaroo, part Bear.

You take UMKC pharmacy courses at the Missouri State site in Springfield. UMKC provides the scholarships and financial aid.

You have access to Missouri State student resources and services, but you end up with a UMKC Doctor of Pharmacy (PharmD) degree.

We wanted to make this unique partnership clear throughout the site.

Multimedia

The Careers and Outcomes page includes a video detailing what you can do with a pharmacy degree.

We shined a new light on the program with photo sessions, video packages and Spotlight stories.

  • Mica Henry Spotlight
  • Jackie Bradley Spotlight
Photos of students in the Doctor of Pharmacy program.
New photography highlights degree options and where graduates of the program can work.

Site credits

  • Project lead and content: Kai Raymer, content strategist in web strategy and development
  • Photography: Kevin White and Jesse Scheve, visual media
  • Videography: Carter Williams, student videographer in web strategy and development
  • Design: Veronica Adinegara, senior graphic designer in editorial and design services
  • Editors: Sara Clark, director in web strategy and development and Andrea Mostyn, director of university communications
  • Implementation: Student coders Alyson Jones and Nikki Jenkins along with Brian Heaton, content management programmer/analyst in web strategy and development
  • Client: Paul Gubbins, Associate Dean Vice Chair and Professor of UMKC School of Pharmacy

Filed Under: Academic websites, News, Redesign, web strategy and development Tagged With: academic websites, pharmacy, Redesign, UMKC, web strategy and development

Lessons learned from the Alumni Association and Bear Bulletin redesigns

March 2, 2018 by Web Strategy and Development

person using mouse at computer

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 we’re 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 university
  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

Old magazine format on desktop.
New blog format for featured magazine stories on desktop.
Old magazine format on mobile.
New blog format for featured magazine stories on mobile.

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
Old outdated alumni desktop site.
new alumni site
Newly updated and organized desktop site.
old not mobile friendly alumni site
Old and not mobile friendly website.
new mobile friendly alumni site
New and very mobile friendly website.

Phase 3 – New e-newsletter

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

Old desktop version of the Bear Bulletin e-news letter.
New desktop version of the Bear Bulletin e-news letter.
Old mobile version of the Bear Bulletin e-news letter.
New mobile friendly version of the Bear Bulletin e-news letter.

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 sitemap
      • 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.

Filed Under: brand, Mobile, Redesign Tagged With: Blogs, digital communication, mobile friendly, Redesign, web and new media, websites

Redesigned physical therapy website: Identity and student success

April 10, 2017 by Kai Raymer

The new homepage of the physical therapy department website.

The redesigned physical therapy website recently launched as part of the academic website project. It is the latest academic website to receive a full redesign for the mobile-friendly template, a process that includes the creation of new content, design and multimedia elements.

Visual improvement

The redesigned homepage features distinct headers, brevity and a centerpiece photo showcasing a department student in action. Fresh photos give an identity to physical therapy students and faculty.

PT student in action.
A physical therapy student demonstrates techniques learned within the program.

Links on the left side of the page were also prioritized. Visitors are now one click away from high-interest department information such as curriculum and scholarships and financial aid.

Student achievements

Since 2009, the physical therapy department has held an ultimate pass rate of 100 percent. This information is highlighted in a call to action block on the home page, which links to year-by-year graduation rates – a vital recruiting tool for the department.

PT exam pass rates.
Exam pass rates a focal point for the physical therapy department.

Experience and opportunities

What, and where, will you be learning in the physical therapy department? Find out by visiting the Experience and Opportunities page, which explains your potential full-scale educational experience and the amenities of McQueary Family Health Sciences Hall.

Site credits

  • Project lead and content: Lucie Amberg, new media specialist, office of web and new media
  • Design: Abby Isackson
  • Photography: Bob Linder
  • Videography: Carter Williams
  • Editor: Nicki Donnelson
  • Implementation: Alyson Jones and Louis Freeman, with oversight from Brian Heaton

Filed Under: Academic websites, Mobile, News, Redesign, Web Press, Web redesign 2015, web strategy and development, WordPress blogs Tagged With: academic website, academic website project, mobile, mobile friendly, mobile redesign, physical therapy, Redesign

Redesigned physician assistant studies website: Academic excellence + work-life balance

October 3, 2016 by Lucie Amberg

Homepage of the physician assistant studies website

The redesigned physician assistant studies website recently launched as part of the Academic Website Project. It is the seventh academic website to receive a full redesign for the mobile-friendly website template, a process that includes the creation of new content, design and multimedia elements.

Homepage of the physician assistant studies website

Clarifying and communicating unique benefits

Early in the redesign process, we worked with the department to identify the following recruitment messages:

  • Physician assistants play a vital role in health care while also maintaining a positive work-life balance.
  • Missouri State’s physician assistant studies program allows students to finish in just 24 months — faster than many other PA programs.
  • Graduates of this program have a history of success on the physician assistant certification exam.

Emphasizing key recruitment messages

Photography throughout the site features physician assistants in action and students learning through hands-on experiences. The careers and outcomes page emphasizes the positive work-life balance associated with the profession.

The program’s efficiency, which gives it a strong recruitment advantage over programs that take longer to complete, is spotlighted on both the departmental homepage and the physician assistant program page. These pages consistently reinforce the message, “You will finish our program in just 24 months.”

The website highlights graduates’ success on the certification exam, which is required for anyone wishing to practice as a physician assistant. These pass rates have a permanent home on the exam pass rates page.

Site credits

  • Project lead and content: Lucie Amberg, new media specialist in the office of Web and new media
  • Design: Abby Isackson, graphic designer in the office of publications
  • Photography: Kevin White, senior photographer in the office of publications
  • Editor: Kevin Agee, new media specialist in the offices of communications and Web and new media
  • Implementation: Brian Heaton, content management programmer in the office of Web and new media, with Lucie Amberg and Sara Clark, director of the office of Web and new media, and student coder Louis Freeman

Filed Under: Academic websites, Mobile, Web redesign 2015 Tagged With: academic website, mobile, mobile friendly, recruitment, Redesign

Next Page »

Subscribe

Enter your email address to subscribe to this blog and receive notifications of new posts by email.

Follow @MSUWeb

My Tweets

Calendar

  • Complete Calendar

Categories

  • Accessibility
  • brand
  • email marketing
  • Mobile
  • News
  • Omni CMS
  • Redesign
    • Academic websites
    • Web redesign 2015
  • Social media
    • Social media kit
  • template
    • updates
  • Training
  • Video
  • Web Press
  • web strategy and development
    • Technical
  • Web Support
  • WordPress blogs

Meta

  • Log in
  • Entries feed
  • Comments feed
  • WordPress.org

Connect with web strategy and development

  • Twitter

Make your Missouri statementMake your Missouri statement
  • Last Modified: October 1, 2016
  • Accessibility
  • Disclaimer
  • Disclosures
  • EO/AA/M/F/Veterans/Disability/Sexual Orientation/Gender Identity
  • © 2013 Board of Governors, Missouri State University
  • Contact Information
 

Loading Comments...