Content Strategy

It is essential that each uploader to Malone's website pay attention to this document. We want a website that is fresh, warm, inviting, and compelling. Please review the PDF before adding new content, and always keep the audience in mind when creating or editing content.

PDF of the Content Strategy

Creative objectives of www.malone.edu

  • Clearly articulate Malone's commitment to the Christian faith and demonstrate how it illuminates all facets of the Malone Experience using stories, profiles, testimonials, and rich multimedia content.
  • Promote ways, both big and small, that prospective students can experience Malone in person, whether that's coming to visit campus or simply talking one-on-one with an admissions counselor. 
  • Create a more genuine and friendly collegiate atmosphere on the website by tastefully interjecting more fun and interesting interactive areas through the online experience. 
  • Highlight the relationships and supportive community at Malone that enables transformative growth and helps prepare students for life after college.

Voice & tone

What is Meant by "Voice" and "Tone"? 

(An excerpt from the Content Strategy Guide) The voice of a website is a company's public personality. It comes through in our content and influences how Malone is perceived. Tone changes to fit the situation. While voice is about you (Malone), tone is about our readers and how they feel. Together, the voice and tone make up the writing style. 

Keywords

  • Intentional
  • Christ-centered
  • Humble, yet confident
  • Warm
  • Transformative

(An excerpt from the Content Strategy Guide) The above are the Voice & Tone keywords from some of the framework documents for creating our website. A piece of content doesn't need to fulfill every word, but care should be taken to avoid undermining these values. 

Font Styles/Headings 

Please note that users are not allowed to select colors or fonts - those have already been determined. However, make use of the "format" options to organize content, especially headers. Headers must be used in succession: there must be a Header 2 before there can be a Header 3, etc. Feel free to contact University Relations if you have additional questions about this.

headers

Tools

topic row sampleTopic Rows

Topic rows are a versatile & useful component. They are often used to break up long sections of text that have multiple topics or to highlight various topics within a larger category. Topic rows are not meant to give a user all of the information about a specific topic at once, but are meant to give them a preview and link them off to more in-depth content. Remember to keep your titles and blurbs short.

This component can be used just once on a page, or you can use multiple Topic Rows in succession. When only one is used, there will be a divider beneath the row. To add a topic row: 

  1. Select "Add Callout" from In-Content Callout

    add callout

  2. Select "Topic Rows" from the dropdown menu

    add topic rows

  3. You are welcome to name the Topic Row if you wish, it is optional. Next, select "Add Item."

    add item

  4. Fill out the title of the Topic Row and a short blurb. These are both required elements. 

     topic row details 1

  5. Upload an image (optional). The image must be a minimum of 300x300 pixels, but is typically pared down to about 300x200 pixels [3x2 ratio]. You may also add as many as two items to the list, but keep the titles short, as they show up as colorful buttons on the page.

    topic row details 2

related links screenshotRelated Links

The Related Links module is helpful when there is additional content that expands upon a certain topic. Using this component will allow you to provide your target audiences with key content destinations quickly and efficiently. Featuring links also will encourage exploration throughout the site.

  1. Select "Add Callout" from In-Content Callout

    add callout

  2. Select "Related Links"

    select related links

  3. Add a title if you wish; it is optional. Next, select "Add Item."

     

  4. Add the title of the link in the "Title" area. If you are linking to something in Malone's site, begin typing in the letters of the page you are looking for, and it will give you options of live pages for you to select. If you are linking to something not on Malone's site, please just copy and paste the URL into the box.  Once you have added your link, click "Save." 

    related links, insert link

media gallery sampleMedia Gallery

The Media Gallery is how you can display multiple images and/or videos. Make sure that you name your galleries and add captions to your pictures or videos to provide the user with context. 

Also, be cautious of where on the page you add your Media Gallery. Try your best not to place it next to another component with a large image, somewhere it might distract a user from completing a task, or in a place that would delay someone from getting important information.

  1. Select "Add Callout" from In-Content Callout

    add callout

  2. Select "Media Gallery."



  3. Add a title. Select "Add Photo" if you're adding a photo. 

    media gallery-add-photo

  4. Select a photo. The minimum pixel size for a photo is 980x552. Ignore the "Upload" button, as it will not put the photo into a proper folder. Select "Browse." 

    media gallery browse

  5. The "Browse" button will take you to all the folders in the system. Select the folder that you need. 

    media gallery folder
  6. Select "Upload Files" 

    media gallery - upload files

  7. Select a file from your computer and click "Open." 

    media gallery - select - open

  8. Select the photo you would like to use by clicking it, and part of the photo should turn blue. If the file is large enough to be used in a media gallery, it will be available to select, otherwise it will be greyed out. Next, click "Use Selected Item." 

    media gallery - select item - use selected item  

  9. Repeat to use as many photos as you would like. To rearrange the the order of the photos, simply hover around a photo. The cursor will change to four arrows, and you may drag the photo anywhere you would like. 

    media gallery, move photos

  10. To use a video instead of a photo, select "Add Video" (YouTube or Vimeo are fine; you'll just be adding the link." If you have a video clip that is not on YouTube, send it to University Relations, and if appropriate, we'll add it to Malone's YouTube channel. 

    Media gallery - add YouTube video


  11. Insert the URL from the YouTube Video, and add a caption. Then select "Save." 
    media gallery - add a video - 2

  12. Click "Save" and your Media Gallery is added.

testimonialTestimonial

Testimonials offer an opportunity to hear directly from Malone students, faculty, and alumni in their own words. Make it a habit to regularly gather quotes from folks in yourdepartment so that you always have fresh ones on hand. Choose quotes that are intelligent, thoughtful, and inspiring.

When attributing the source, include a photo, their name and graduation year (if applicable) as well as any distinctive information about their current role.

  1. Select "Add Callout" from In-Content Callout

    add callout

  2. Select "Testimonial" from the list

    select testimonial

  3. Select a background image. The image must be a minimum pixel size of 1440x740. (See Uploading images for detailed instructions of how to add images.)

    testimonial - adding a background image

  4. Add the additional details

  5. Select the smaller image and add a compelling quote. 

    Testimonial, smaller image, quote

  6. Save the Testimonial you just created.

profile sampleProfile

The Profile module is designed to showcase individual students and faculty. Include a paragraph sharing some of their story, or use a direct quote. If the profile is more in-depth, you have the option to include a link to a detail page. 
Photographs should be professionally shot and capture the subject's face and expression clearly. 

For faculty members, include their title and department. For students, include their major and anticipated graduation date.

    1. Select "Add Callout" from In-Content Callout

      add callout
    2. Select "Profile" from list



    3. Begin filling out the Profile information

      profile information 1

    4. Select an image (here's how if you need to: Uploading images) and write a brief description—there's a maximum of 200 characters.

      profile-Karli

    5. If applicable, add a link. 



      profile - add link

    6. Click "Save" to save the link and "Save" to add the Callout, and your Profile will be added. 

featured events sampleFeatured Events 

Use the Featured Event component when you want to call attention to upcoming events. Events must be added manually in the CMS and should include a high quality photograph, event title, date, category, and short blurb. Highlight events that are happening soon or are related to the topic of the page. Try to offer an appropriate amount of lead time for events in the future that people may need to acquire reservations, take time off work, etc.

  1. Select "Add Callout" from In-Content Callout

    add callout

  2. The callout automatically defaults to "Featured Events," so you may simply begin filling out the information. After you fill out a Title and All Events Link (if applicable), begin adding items.

     featured events-add item

  3. Add a title of the event and select a date from the calendar.

    featured events - calendar

  4. Enter an End Date and Time. You may leave the End Date blank if it is an event that takes place over a few hours, rather than a few days. 

    end date, time

  5. Enter the Location Name and an Image of at least 300x300 pixels. Both are strongly suggested but optional.

    featured events-location & image
  6. Enter a link for more information if one is available. 
    featured events-links

  7. Continue adding events if there are more than one you would like to feature, and then click "Save" to add the callout. You may add as many events as you like, but only five will be shown at once, so if you want to feature more than five on the same page, simply add a new callout (you may add as many as you like). Also, once the date has passed, the event will automatically not display. However, it will not be deleted from the callout, so if it's an annual event, you can update the event to reflect the next year (or month, or semester, etc.). 

    featured events with five items

WYSIWYG

This "What you see is what you get" Callout allows you to add regular text in between other modules.

    1. Select "Add Callout" from In-Content Callout

      add callout

    2. Select "WYSIWYG" 

      WYSIWYG

    3. Edit this as you would regular page content, save, and your work will be added. 

contact information sampleContact Information

Personal connections are important to who Malone is, so if a prospective student is exploring your website, it should be easy for them to get in contact with you. 

This component will allow you to add contact information to the sidebar of any subpage. Many of the fields are optional, so you can use this for people, offices, or departments. 

If you are using this component with other sidebar components, it is best to put the Contact Information closest to the top of the page. 

NOTE: A number of Contact Information Callouts have been created in the "Reusable Callouts" section (see the instructions following this entry), so check to make sure if one exists before you add a new one. It is important that the style and information is consistent. 

      1. Select "Add Callout" from the "Sidebar Callouts." 

        sidebar-callouts-add-callout
      2. Remember to search through the Existing Callouts to see if one exists for your area. They are
        listed in alphabetical order.
        contact-information - existing callouts 

      3. The Title field automatically defaults to "Contact Info." Fill out the rest of the form. Unless the end user would likely be mailing something, simply use the office location rather than a complete mailing address. 

        contact information - details

      4. Continue filling out the form... please note that phone numbers should be separated by dashes. No parentheses or periods should be used. 

        More Contact Information details

      5. Note that social media links may also be adding by clicking "Add Item" and simply pasting the URLS of the user's social media sites to the page. Available options include Twitter, Facebook, LinkedIn, YouTube, Instagram, and Vimeo. 

        contact information callout - social links 1

        contact information callout - social links 2

        contact information callout - social links 3

      6. Click "Save" to add your callout. 

Reusable Callouts

Reusable Callouts are callouts that you want to use on more than one page. For the "Normal User," they can be used for Contact Info, Image/Video Headers or Special Headers, Featured Events, Media Galleries, Profiles, Related Links, Testimonials, Topic Rows, Why Malone?, or WYSIWYG Callouts. 

      1. Navigate to the "Modules" section. 
        modules section
      2. Select which Reusable Callout you'd like to create. 

        reusable callout - contact selected

      3. Be sure to name your callout in the "Callout Title." After it is saved, it will be available for use by all content uploaders and listed by type and in alphabetical order. 

        callout title - reusable callouts

      4. Fill out your selected Callout type by the instructions shown above.