Marketing https://sitemasonry.gmu.edu/ en How to... Plan a User Journey https://sitemasonry.gmu.edu/news/2023-03/how-plan-user-journey <span>How to... Plan a User Journey</span> <span><span lang="" about="/user/616" typeof="schema:Person" property="schema:name" datatype="">Lynn Tierney</span></span> <span>Tue, 03/28/2023 - 10:11</span> <div class="layout layout--gmu layout--twocol-section layout--twocol-section--70-30"> <div class="layout__region region-first"> <div data-block-plugin-id="field_block:node:news_release:body" class="block block-layout-builder block-field-blocknodenews-releasebody"> <div class="field field--name-body field--type-text-with-summary field--label-visually_hidden"> <div class="field__label visually-hidden">Body</div> <div class="field__item"><p><span class="intro-text">You may have heard of the terms "user journeys" and "marketing funnels" before. Both are critical concepts to think about when developing and designing websites. Let's explore these concepts and how they can help you better understand and engage with your website's visitors.</span></p> <h2>User Journeys</h2> <p>A user journey is the path that a user takes when interacting with a product or service. In the context of college admissions, a user journey might include the steps a student takes from initially researching colleges to submitting an application and ultimately enrolling in a school. Understanding a user's journey through your site allows you to see the user's perspective and tailor your marketing efforts accordingly.</p> <p>Let's take a closer look at an example of a user journey in college admissions using a hypothetical college and its rocket science program:</p> <div class="align-right"> <div class="field field--name-image field--type-image field--label-hidden field__item"> <img src="/sites/g/files/yyqcgq131/files/styles/small_content_image/public/2023-03/undraw_Search_engines_ij7q.png?itok=cjV5hgyH" width="350" height="218" alt="A cartoon-ish person debates what to write in an oversized search bar." loading="lazy" typeof="foaf:Image" /></div> </div> <p>The user traveling this journey is Jane. Jane is a high school student seeking to apply for college to earn a degree in rocket science. She wants to know that the university she applies to will have opportunities for her to take part in groundbreaking research. With this goal in mind, she is going to begin her journey by doing research into a variety of colleges.</p> <p>When Jane stumbles upon our hypothetical college's rocket science program, she will move to investigate, searching specifically for content related to this college. Let's say she finds a landing page for the college's rocket science degree program. This page gives insights on the program, what research is being done on campus, and more. This page may lead Jane to delve into other pages around the college's website, learning more information relevant to her search.</p> <p>If this site does a good job, Jane may be convinced this program is a good fit for her needs. At this point, she is looking for information on how to apply for the program, such as due dates, requirements, and forms. Presuming her search is successful, she will submit an application to the college. Her search has been successful, and she has achieved her goal.</p> <p>As marketers, we need to take a look at how each step in this user journey plays out. Like a hiker on a forest trail, there need to be markers and points of interest along the way to keep the user on the correct path. Should they get lost along the way, we risk losing users as they do not achieve their goal. How do we make sure they don't get lost? We need to design our websites and pages with various user journeys in mind.</p> <h2>Marketing Funnels</h2> <figure role="group" class="align-left"><div> <div class="field field--name-image field--type-image field--label-hidden field__item"> <img src="/sites/g/files/yyqcgq131/files/styles/small_content_image/public/2023-03/Screenshot%202023-03-30%20at%202.27.11%20PM.png?itok=ePVYCjCU" width="350" height="329" alt="Example of a marketing funnel. The image has tiers, each smaller than the other, in an inverted triangle shape. The tiers are awareness, interest, desire, and action, with the final one being simply a &quot;We are Mason&quot; logo with the green and gold shooting star." loading="lazy" typeof="foaf:Image" /></div> </div> <figcaption>Marketing funnels can help you plan how to walk a user from hearing of us to joining the Mason Nation.</figcaption></figure><p>While user journeys deal with the user's side of things, marketing funnels are how you can think about all the user journeys from a more designer side of things. By combining various user journeys together, we get an idea of the general stages different users might go through on their journeys through our site.</p> <p>A marketing funnel is a way of visualizing user journeys in stages. The funnel metaphor represents how users will inevitably be lost at each step of the process, with only a percent of those who visit reaching their goal. Keep in mind that not all of this loss is negative. Your user may be looking for something that just does not align with what you are marketing. The goal is to prevent unnecessary loss.</p> <p>There are many variations of the marketing funnel, depending on your industry and what makes sense for your team. However, for today, we're going to use this one:</p> <table><thead><tr><td>Stage</td> <td>Meaning</td> <td>Related Concepts</td> </tr></thead><tbody><tr><td>awareness</td> <td>the user has heard of us</td> <td>SEO</td> </tr><tr><td>interest</td> <td>the user wants to know more</td> <td>content connections</td> </tr><tr><td>desire</td> <td>the user wants to know the next steps</td> <td>sitewide navigation, CTAs</td> </tr><tr><td>action</td> <td>the user is taking steps to be involved</td> <td>user experience</td> </tr><tr><td>success</td> <td>the user has completed the goal</td> <td> </td> </tr></tbody></table><p>Using the example of Jane from earlier, we can see her in the awareness stage when she is researching which schools have a rocket science program. To capture her in the first stage of the funnel, we would need to make sure our school's website shows up in search results, or that it is well represented on social media. Anything that serves to get the word out there that we exist is a boon to this stage.</p> <p>As soon as Jane heard of the program, she entered the interest stage as she seeks to learn more about the hypothetical school's specific degree program. In this stage, we are most interested in making sure we present ourselves well on our marketing landing pages, that we have related information easily findable from there, and that we are showcasing as many potential areas of interest as we can (within reason).</p> <p>Once Jane decides she is interested in applying, she enters the desire stage. At this point, Jane wants specifics on how to apply and what the timeline looks like. Having easy calls to action that point to admissions information will go a long way here.</p> <p>After Jane starts the application process, she enters the action phase. This step is complicated, as losing users here can be as simple as "their wallet was across the room and they didn't want to get up." However, you can cover your bases by making sure things are as easy to use as possible.</p> <p>Once the application is completed, Jane is at the success stage. She is what we would call a "conversion" now, someone who has completed the transition from visitor to customer, to use more consumer-minded language.</p> <figure class="quote">Ideally, this is where a savvy marketer will aim to preserve loyalty from converted users. For example, emailing Jane with details on the admissions timeline will keep her informed and watching for updates. In the long run, Jane may be entering another marketing funnel as she debates accepting the offer of admission to this college. And so the marketing life cycle goes on!</figure><h2>Utilizing This with Your Sites</h2> <div class="align-right"> <div class="field field--name-image field--type-image field--label-hidden field__item"> <img src="/sites/g/files/yyqcgq131/files/styles/small_content_image/public/2023-03/undraw_Design_notes_re_eklr.png?itok=7cj4hs--" width="350" height="274" alt="Decorative drawing of a man standing beside a wireframed website with specific elements highlighted." loading="lazy" typeof="foaf:Image" /></div> </div> <p>By understanding the user journey and the marketing funnel, you can create targeted campaigns that address the needs and concerns of potential users at each stage of the journey. Here are some steps to consider:</p> <ul><li><strong>Define user personas</strong>: Define user personas based on your target audiences. This will help you understand how users might interact with the website and design journeys that meet everyone's needs.<br />  </li> <li><strong>Define the goal of your content</strong>: Determine the overall goal of your page (or series of pages) and consider the journey your user would take to achieve that goal. What do you want your users to do on each page? What information do you want them to find?<br />  </li> <li><strong>Map the journey</strong>: Lay out the intended journey step-by-step. Make sure the journey is clear and easy to follow, with clear calls to action and visual cues to guide users through the content.<br />  </li> <li><strong>Analyze user behavior</strong>: Take a look at your metrics at every step of the user journey to identify areas for improvement. Using analytics tools, you can track things like where users click and how long they stay on each page. Use this information to make data-driven decisions to optimize the user experience.<br />  </li> <li><strong>Optimize for mobile</strong>: With more and more users accessing websites on mobile devices, it is essential to design user journeys that are optimized for mobile. Make sure the user journey is just as easy to follow on small screens!</li> </ul></div> </div> </div> </div> <div class="layout__region region-second"> <div data-block-plugin-id="inline_block:text" data-inline-block-uuid="26298be4-7849-4064-bc63-83ede0762f6c" class="block block-layout-builder block-inline-blocktext"> <h2>Seeking to Learn More?</h2> <div class="field field--name-body field--type-text-with-summary field--label-hidden field__item"><p>Check out these related articles!</p> <ul> <li><a href="https://sitemasonry.gmu.edu/news/2022-11/how-toformat-news-story">Format a News Story</a></li> <li><a href="https://sitemasonry.gmu.edu/news/2023-03/how-make-your-news-story-stand-out">Make Your News Story Stand Out</a></li> <li><a href="https://sitemasonry.gmu.edu/news/2023-03/how-connect-content-together">Connect Content Together</a></li> </ul> </div> </div> <div data-block-plugin-id="field_block:node:news_release:field_content_topics" class="block block-layout-builder block-field-blocknodenews-releasefield-content-topics"> <h2>Topics</h2> <div class="field field--name-field-content-topics field--type-entity-reference field--label-visually_hidden"> <div class="field__label visually-hidden">Topics</div> <div class='field__items'> <div class="field__item"><a href="/taxonomy/term/931" hreflang="en">SiteMasonry Tutorial</a></div> <div class="field__item"><a href="/taxonomy/term/811" hreflang="en">Content Editors</a></div> <div class="field__item"><a href="/taxonomy/term/616" hreflang="en">Site Owners</a></div> <div class="field__item"><a href="/taxonomy/term/901" hreflang="en">Marketing</a></div> </div> </div> </div> </div> </div> Tue, 28 Mar 2023 14:11:41 +0000 Lynn Tierney 1606 at https://sitemasonry.gmu.edu How to... Connect Content Together https://sitemasonry.gmu.edu/news/2023-03/how-connect-content-together <span>How to... Connect Content Together</span> <span><span lang="" about="/user/616" typeof="schema:Person" property="schema:name" datatype="">Lynn Tierney</span></span> <span>Thu, 03/23/2023 - 09:54</span> <div class="layout layout--gmu layout--twocol-section layout--twocol-section--30-70"> <div class="layout__region region-first"> <div data-block-plugin-id="inline_block:text" data-inline-block-uuid="e49bce0a-f86c-44f0-a399-10c50b18edd0" class="block block-layout-builder block-inline-blocktext"> <div class="field field--name-body field--type-text-with-summary field--label-hidden field__item"><p><span class="intro-text">Learning Journey: <a href="https://sitemasonry.gmu.edu/working-content-hub">Working with Content Hub</a></span></p> </div> </div> </div> <div class="layout__region region-second"> <div data-block-plugin-id="field_block:node:news_release:body" class="block block-layout-builder block-field-blocknodenews-releasebody"> <div class="field field--name-body field--type-text-with-summary field--label-visually_hidden"> <div class="field__label visually-hidden">Body</div> <div class="field__item"><p><span class="intro-text">Every piece of content, every page, every link, is a piece of the Mason story.</span></p> <figure role="group" class="align-left"><div> <div class="field field--name-image field--type-image field--label-hidden field__item"> <img src="/sites/g/files/yyqcgq131/files/styles/media_library/public/2023-03/content%20tree.jpg?itok=YHxWX_Q5" width="220" height="124" alt="An example of a content tree. There are three levels to the diagram with colored orbs at each level. Each tier is connected to prior one with lines, mapping back to the top level's one orb." loading="lazy" typeof="foaf:Image" /></div> </div> <figcaption>An example of a top-down content tree. Each piece of content relates back to the top level piece of content, rather than being a focus on its own.</figcaption></figure><p>You may be used to thinking of content from a top-down view. However, content is not just a tree you navigate to reach the fruit. Content forms webs, networks that are forged by in-page links and other such connections. The easier it is for guests to navigate these connections, the better their stay will be and the better their understanding of our story.</p> <figure role="group" class="align-right"><div> <div class="field field--name-image field--type-image field--label-hidden field__item"> <img src="/sites/g/files/yyqcgq131/files/styles/media_library/public/2023-03/content%20web.jpg?itok=0YUPj74C" width="220" height="220" alt="An example of a content web. A myriad of colored circles are all connected to each other with a series of black lines." loading="lazy" typeof="foaf:Image" /></div> </div> <figcaption>An example of a content web. Notice how you can start anywhere on the web and get to any other piece of content by navigating between pieces of content.</figcaption></figure><p>Think of a piece of content as a dot, a single point of content in a sea of unconnected articles. Now think of what happens when you create a link from one piece of content to another. Suddenly there is a one-way street from one piece of content to another. However, should you come in at the “wrong” end of that connection, you cannot find your way to the other piece of content. If you take the time to add a link back to the previous content, you create a two-way street.</p> <p>This new two-way connection is good, but not the most solid. You might go from one page to another and back, but there is no telling where a user might journey next, especially if the content is purely informative. Instead, let’s add a third piece of content to the mix. Now we have a triangle, with links between all the pages going in both directions. Someone at any point on the triangle can get to any other point on the triangle easily enough. It is a solid shape with a solid narrative.</p> <figure role="group" class="align-right"><div> <div class="field field--name-image field--type-image field--label-hidden field__item"> <img src="/sites/g/files/yyqcgq131/files/styles/small_content_image/public/2023-03/article%20example.jpg?itok=tigHT9sy" width="280" height="350" alt="Screenshot of an example article about a rocket launch" loading="lazy" typeof="foaf:Image" /></div> </div> <figcaption><a href="https://sitemasonry.gmu.edu/news/2023-03/tutorial-example-professor-john-doe-launches-rocket-made-recycled-materials-space">See the Example Article</a></figcaption></figure><h2>Putting it into Practice</h2> <p>Implementing these changes is relatively easy but can take some thinking outside what you are used to. Consider the following scenario:</p> <p>There is a news story planned to talk about Professor John Doe and his project to launch a rocket made of only recycled materials into space. This is a very important rocket launch that will get a lot of community attention, with potential for high schoolers to take an interest in the university. We want them to know how the university made this possible for Doe, how Doe teaches classes at Mason, and that they too can do the sorts of things Doe does by studying here.</p> <p>To make this content set glow as much as possible, we need to start with some planning. We are, of course, going to investigate the usual things that we can feature in a news story: images, quotes, potentially a video… but we also want to showcase Doe himself. To do this, we’re going to include in our interview process a few questions that are more evergreen. For example, let’s get a quote on what John Doe loves most about teaching at Mason. That would work well to feature on his faculty profile.</p> <figure role="group" class="align-right"><div> <div class="field field--name-image field--type-image field--label-hidden field__item"> <img src="/sites/g/files/yyqcgq131/files/styles/small_content_image/public/2023-03/sample%20profile.jpg?itok=fyab26hm" width="280" height="350" alt="A screenshot of an example profile for a hypothetical professor" loading="lazy" typeof="foaf:Image" /></div> </div> <figcaption><a href="https://sitemasonry.gmu.edu/profiles/exampleprofile">See the Example Profile</a></figcaption></figure><p>When we write the article, we are going to make sure to add in John Doe’s profile as a person featured in the article. Then we are going to make sure John Doe’s profile is as good as it can possibly look. We can add in a box titled “research spotlight” to showcase the news article about the rocket launch. This creates a strong connection between the two pages as related content.</p> <p>Now we need to make sure we connect John Doe and his research to the corresponding academic program. On John Doe’s profile, we’re going to add a section titled “Related Programs” and add a link to the academic program page for the rocket science program that John Doe teaches for. We can also add a link to this page in the body of the news article. On the academic program page itself, we can add another “featured research” or even a “featured faculty” section to showcase John Doe and his rocket project, linking to his profile and the news article as mentioned. With this, we have the third point of our triangle, connected with strong, two-way connections.</p> <figure role="group" class="align-right"><div> <div class="field field--name-image field--type-image field--label-hidden field__item"> <img src="/sites/g/files/yyqcgq131/files/styles/small_content_image/public/2023-03/program%20example.jpg?itok=8seNZSbT" width="280" height="350" alt="A screenshot of an example academic program page for a hypothetical rocket science program." loading="lazy" typeof="foaf:Image" /></div> </div> <figcaption><a href="https://sitemasonry.gmu.edu/program/tutorial-example-rocket-science-bs">See the Example Program</a></figcaption></figure><h2>Benefits for your Content</h2> <p>Payoff is what makes the effort worth the while, and we don't expect you to put in this level of effort where it isn't going to give returns. However, here are some of the benefits that can come from going through these sorts of steps for your content.</p> <h3>Improved SEO</h3> <p>Search engine optimization (SEO) is a critical component of any successful online strategy. By linking news articles to relevant people profiles and program pages, we can signal to search engines the relationships between different pieces of content on our website. This, in turn, can help improve our website's search rankings and increase our organic traffic.</p> <h3>Enhance User Journey</h3> <p>When visitors come to our website, they are often seeking information about a specific topic or program. By linking news articles to relevant people profiles and program pages, we can provide visitors with a more comprehensive and engaging experience. This allows visitors to seamlessly navigate between content that is related to their interests and ultimately leads to a more positive user experience.</p> <h3>Increase Discoverability</h3> <p>Linking news articles to related people profiles and program pages can also increase discoverability. Visitors who are interested in a particular program or topic may not be aware of related content that exists on our website. By linking content together, we can expose visitors to a broader range of relevant information, which can ultimately lead to increased engagement and support for our mission.</p> <h3>Boost Engagement</h3> <p>Finally, linking news articles to related people profiles and program pages can help increase engagement. When visitors come across content that they find interesting, they are more likely to spend more time on our website and engage with our organization in other ways, such as investigating academic opportunities or making a donation.</p> </div> </div> </div> <div data-block-plugin-id="field_block:node:news_release:field_content_topics" class="block block-layout-builder block-field-blocknodenews-releasefield-content-topics"> <h2>Topics</h2> <div class="field field--name-field-content-topics field--type-entity-reference field--label-visually_hidden"> <div class="field__label visually-hidden">Topics</div> <div class='field__items'> <div class="field__item"><a href="/taxonomy/term/676" hreflang="en">Content Hub</a></div> <div class="field__item"><a href="/taxonomy/term/886" hreflang="en">Content Hub News Items</a></div> <div class="field__item"><a href="/taxonomy/term/841" hreflang="en">Content Hub Profiles</a></div> <div class="field__item"><a href="/taxonomy/term/1046" hreflang="en">Content Hub Programs</a></div> <div class="field__item"><a href="/taxonomy/term/931" hreflang="en">SiteMasonry Tutorial</a></div> <div class="field__item"><a href="/taxonomy/term/901" hreflang="en">Marketing</a></div> <div class="field__item"><a href="/taxonomy/term/1186" hreflang="en">Content Strategy Tutorial</a></div> </div> </div> </div> </div> </div> Thu, 23 Mar 2023 13:54:55 +0000 Lynn Tierney 1536 at https://sitemasonry.gmu.edu How to...Create a Marketing Landing Page https://sitemasonry.gmu.edu/news/2022-07/how-tocreate-marketing-landing-page <span>How to...Create a Marketing Landing Page</span> <span><span lang="" about="/user/621" typeof="schema:Person" property="schema:name" datatype="">Kelly Hansen</span></span> <span>Fri, 07/22/2022 - 14:53</span> <div class="layout layout--gmu layout--twocol-section layout--twocol-section--30-70"> <div class="layout__region region-first"> </div> <div class="layout__region region-second"> <div data-block-plugin-id="field_block:node:news_release:body" class="block block-layout-builder block-field-blocknodenews-releasebody"> <div class="field field--name-body field--type-text-with-summary field--label-visually_hidden"> <div class="field__label visually-hidden">Body</div> <div class="field__item"><p><span class="intro-text">Whether it’s called a landing page, lead capture page, single property page, or squeeze page - the purpose of a marketing landing page is the same - prompt a visitor into completing a specific action, or ‘conversion’.  </span></p> <p>Building a marketing landing page within SiteMasonry is as simple as building a regular page. In her <a href="https://mymasonportal.gmu.edu/bbcswebdav/xid-254008499_1" target="_blank" title="Quick Start Guide - Marketing Landing Pages">Quick Start Guide to Marketing Landing Pages</a>, Kristin Heydt, OUB's Digital Strategist, explains the basics and walks through a sample <a href="https://mymasonportal.gmu.edu/bbcswebdav/xid-254008500_1" target="_blank" title="Sample SiteMasonry marketing landing page layout">SiteMasonry marketing landing page layout</a>.</p> <p> </p> <p><a href="https://mymasonportal.gmu.edu/bbcswebdav/xid-254008499_1" target="_blank" title="Quick Start Guide - Marketing Landing Pages"></a></p> <div class="align-center"> <div class="field field--name-image field--type-image field--label-hidden field__item"> <img src="/sites/g/files/yyqcgq131/files/2022-07/Marketing-Link.jpg" width="1230" height="670" alt="Slide sample from a Marketing Landing Page Presentation" loading="lazy" typeof="foaf:Image" /></div> </div> <p></p> <p> </p> </div> </div> </div> <div data-block-plugin-id="field_block:node:news_release:field_content_topics" class="block block-layout-builder block-field-blocknodenews-releasefield-content-topics"> <h2>Topics</h2> <div class="field field--name-field-content-topics field--type-entity-reference field--label-visually_hidden"> <div class="field__label visually-hidden">Topics</div> <div class='field__items'> <div class="field__item"><a href="/taxonomy/term/916" hreflang="en">Marketing Area Page</a></div> <div class="field__item"><a href="/taxonomy/term/911" hreflang="en">Marketing Landing Page</a></div> <div class="field__item"><a href="/taxonomy/term/506" hreflang="en">SiteMasonry</a></div> <div class="field__item"><a href="/taxonomy/term/901" hreflang="en">Marketing</a></div> <div class="field__item"><a href="/taxonomy/term/931" hreflang="en">SiteMasonry Tutorial</a></div> </div> </div> </div> </div> </div> Fri, 22 Jul 2022 18:53:08 +0000 Kelly Hansen 1211 at https://sitemasonry.gmu.edu