{"id":268,"date":"2023-05-26T13:38:21","date_gmt":"2023-05-26T13:38:21","guid":{"rendered":"https:\/\/www.umflint.edu\/mac\/?page_id=268"},"modified":"2025-09-20T10:58:33","modified_gmt":"2025-09-20T14:58:33","slug":"web-communications","status":"publish","type":"page","link":"https:\/\/www.umflint.edu\/mac\/web-communications\/","title":{"rendered":"Web Communications"},"content":{"rendered":"\n<div class=\"wp-block-umflint-templates umflint-template-default\">\n<div class=\"wp-block-cover is-light has-custom-content-position is-position-bottom-center\" style=\"margin-bottom:var(--wp--preset--spacing--40);padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;min-height:600px;aspect-ratio:unset;\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"680\" class=\"wp-block-cover__image-background wp-image-489 size-large\" alt=\"\" src=\"https:\/\/www-s3.umflint.edu\/wp\/blogs.dir\/11\/files\/2025\/09\/Web-Design-2048x1360-1-1024x680.jpg\" data-object-fit=\"cover\" srcset=\"https:\/\/www-s3.umflint.edu\/wp\/blogs.dir\/11\/files\/2025\/09\/Web-Design-2048x1360-1-1024x680.jpg 1024w, https:\/\/www-s3.umflint.edu\/wp\/blogs.dir\/11\/files\/2025\/09\/Web-Design-2048x1360-1-300x199.jpg 300w, https:\/\/www-s3.umflint.edu\/wp\/blogs.dir\/11\/files\/2025\/09\/Web-Design-2048x1360-1-768x510.jpg 768w, https:\/\/www-s3.umflint.edu\/wp\/blogs.dir\/11\/files\/2025\/09\/Web-Design-2048x1360-1-1536x1020.jpg 1536w, https:\/\/www-s3.umflint.edu\/wp\/blogs.dir\/11\/files\/2025\/09\/Web-Design-2048x1360-1.jpg 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim-0 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<div class=\"wp-block-group pb-0 is-content-justification-left is-nowrap is-layout-flex wp-container-core-group-is-layout-53caea8d wp-block-group-is-layout-flex\" style=\"min-height:0px;padding-top:var(--wp--preset--spacing--80);padding-right:0;padding-bottom:0;padding-left:0\">\n<div class=\"wp-block-cover has-x-large-font-size\" style=\"min-height:50px;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-primary-background-color has-background-dim-90 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container has-global-padding is-layout-constrained wp-block-cover-is-layout-constrained\">\n<h1 class=\"wp-block-heading has-text-align-left has-secondary-color has-text-color has-link-color wp-elements-b35856795e6fa46907a575d398fdcfc9\" style=\"font-size:clamp(31.152px, 1.947rem + ((1vw - 3.2px) * 1.863), 55px);font-style:normal;font-weight:600;text-transform:uppercase\">Web Communications<\/h1>\n\n\n<div class=\"wp-bootstrap-blocks-row row\">\n\t\n\n<div class=\"col-12 col-md-6\">\n\t\t\t\n<a\n    id=\"block-block_5e731e56de18fcd16feda71743943361\"\n    class=\"btn mb-3 d-inline-flex btn-icon bg-warning\"\n    href=\"https:\/\/teamdynamix.umich.edu\/TDClient\/92\/Portal\/Requests\/TicketRequests\/NewForm?ID=OdoREOX8xzc_&#038;RequestorType=Service\"\n    title=\"Website Update Request\"\n    target=\"\" >\n            <span class=\"btn-icon-image\">\n            <i class=\"fas fa-edit\" aria-hidden=\"true\"><\/i>        <\/span>\n        <span class=\"btn-icon-text\">\n            Website Update Request        <\/span>\n    <\/a>\n\n<a\n    id=\"block-block_a6eba17cdb5772651dda71111bcc028a\"\n    class=\"btn d-inline-flex btn-icon bg-info\"\n    href=\"https:\/\/www.umflint.edu\/mac\/style-guide\/\"\n    title=\"UM-Flint Style Guide\"\n    target=\"_blank\" >\n            <span class=\"btn-icon-image\">\n            <i class=\"fas fa-book-open\" aria-hidden=\"true\"><\/i>        <\/span>\n        <span class=\"btn-icon-text\">\n            UM-Flint Style Guide        <\/span>\n    <\/a>\n\t<\/div>\n\n\n\n<div class=\"col-12 col-md-6\">\n\t\t\t\n<a\n    id=\"block-block_cc8f8134313952c3f8a249258dafd1ed\"\n    class=\"btn d-inline-flex btn-icon bg-danger\"\n    href=\"https:\/\/www.umflint.edu\/accessibility\/\"\n    title=\"Accessibility \"\n    target=\"\" >\n            <span class=\"btn-icon-image\">\n            <i class=\"fas fa-laptop\" aria-hidden=\"true\"><\/i>        <\/span>\n        <span class=\"btn-icon-text\">\n            Accessibility         <\/span>\n    <\/a>\n\t<\/div>\n\n<\/div>\n<\/div><\/div>\n<\/div>\n<\/div><\/div>\n\n\n<div class=\"wp-bootstrap-blocks-container container mb-2\">\n\t\n<div class=\"wp-bootstrap-blocks-row row\">\n\t\n\n<div class=\"col-12 col-md-3\">\n\t\t\t\n<button class=\"btn btn-section w-100 px-0 wp-menu-block-toggle mobile-nav-toggle d-none\" data-target=\"wp-menu-block-side-menu\">\n          <span class=\"h-100 mr-3 mt-1 d-block mobile-nav-icon\" aria-hidden=\"true\">\n\t\t\t<span class=\"mb-1 transition bg-dark d-block mobile-nav-icon-line\"><\/span>\n\t\t\t<span class=\"mb-1 transition bg-dark d-block mobile-nav-icon-line\"><\/span>\n\t\t\t<span class=\"mb-1 transition bg-dark d-block mobile-nav-icon-line\"><\/span>\n\t\t  <\/span>\n          Office of Marketing &amp; Communications<\/button><nav id=\"wp-menu-block-side-menu\" class=\"wp-menu-block sidebar-nav wp-block-umflint-menu-block\"><div class=\"nav-sidebar-title-container\">\n                <div class=\"nav-sidebar-title\"><a href=\"https:\/\/www.umflint.edu\/mac\">Office of Marketing &amp; Communications<\/a><\/div>\n                <a class=\"nav-sidebar-title-close\" href=\"#\" data-target=\"side-menu\" aria-label=\"Close\" aria-expanded=\"false\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100%\" height=\"50\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n                        <title>close<\/title><path d=\"M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z\" \/>\n                    <\/svg>\n\t\t\t\t<\/a>\n            <\/div><ul id=\"menu-side-menu\" class=\"menu nav nav-sidebar flex-column\"><li itemscope=\"itemscope\" itemtype=\"https:\/\/www.schema.org\/SiteNavigationElement\" id=\"menu-item-49\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-49 nav-item\"><a title=\"Brand Tool Kit\" href=\"https:\/\/www.umflint.edu\/mac\/brand-tool-kit\/\" class=\"nav-link\">Brand Tool Kit<\/a><\/li>\n<li itemscope=\"itemscope\" itemtype=\"https:\/\/www.schema.org\/SiteNavigationElement\" id=\"menu-item-343\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-343 nav-item\"><a title=\"Graphic Communications\" href=\"https:\/\/www.umflint.edu\/mac\/graphic-communications\/\" class=\"nav-link\">Graphic Communications<\/a><\/li>\n<li itemscope=\"itemscope\" itemtype=\"https:\/\/www.schema.org\/SiteNavigationElement\" id=\"menu-item-345\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-345 nav-item\"><a title=\"Marketing and Advertising\" href=\"https:\/\/www.umflint.edu\/mac\/marketing-advertising\/\" class=\"nav-link\">Marketing and Advertising<\/a><\/li>\n<li itemscope=\"itemscope\" itemtype=\"https:\/\/www.schema.org\/SiteNavigationElement\" id=\"menu-item-342\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-342 nav-item\"><a title=\"Media Relations\" href=\"https:\/\/www.umflint.edu\/mac\/media-relations\/\" class=\"nav-link\">Media Relations<\/a><\/li>\n<li itemscope=\"itemscope\" itemtype=\"https:\/\/www.schema.org\/SiteNavigationElement\" id=\"menu-item-400\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-400 nav-item\"><a title=\"Photo Archive\" href=\"https:\/\/digitalassets.umich.edu\/portals\/vjs5xrma\/UniversityofMichigan-Flint\" class=\"nav-link\">Photo Archive<\/a><\/li>\n<li itemscope=\"itemscope\" itemtype=\"https:\/\/www.schema.org\/SiteNavigationElement\" id=\"menu-item-341\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-341 nav-item\"><a title=\"Photography\/Videography\" href=\"https:\/\/www.umflint.edu\/mac\/photo-video\/\" class=\"nav-link\">Photography\/Videography<\/a><\/li>\n<li itemscope=\"itemscope\" itemtype=\"https:\/\/www.schema.org\/SiteNavigationElement\" id=\"menu-item-352\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-352 nav-item\"><a title=\"Resources &amp; Policies\" href=\"https:\/\/www.umflint.edu\/mac\/resources-policies\/\" class=\"nav-link\">Resources &amp; Policies<\/a>\n<ul class=\"subitems-menu\" >\n\t<li itemscope=\"itemscope\" itemtype=\"https:\/\/www.schema.org\/SiteNavigationElement\" id=\"menu-item-470\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-470 nav-item\"><a title=\"UM-Flint Style Guide\" href=\"https:\/\/www.umflint.edu\/mac\/style-guide\/\" class=\"nav-link\">UM-Flint Style Guide<\/a><\/li>\n<\/ul>\n<\/li>\n<li itemscope=\"itemscope\" itemtype=\"https:\/\/www.schema.org\/SiteNavigationElement\" id=\"menu-item-344\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-344 nav-item\"><a title=\"Web Communications\" href=\"https:\/\/www.umflint.edu\/mac\/web-communications\/\" class=\"nav-link\">Web Communications<\/a><\/li>\n<li itemscope=\"itemscope\" itemtype=\"https:\/\/www.schema.org\/SiteNavigationElement\" id=\"menu-item-362\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-362 nav-item\"><a title=\"Campus Climate Support\" href=\"https:\/\/www.umflint.edu\/ccs\/\" class=\"nav-link\">Campus Climate Support<\/a><\/li>\n<li itemscope=\"itemscope\" itemtype=\"https:\/\/www.schema.org\/SiteNavigationElement\" id=\"menu-item-50\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-50 nav-item\"><a title=\"Contact Us\" href=\"https:\/\/www.umflint.edu\/mac\/contact-us\/\" class=\"nav-link\">Contact Us<\/a><\/li>\n<\/ul><\/nav>\n\t<\/div>\n\n\n\n<div class=\"col-12 col-md-9\">\n\t\t\t\n<nav aria-label=\"breadcrumb\"><ol class=\"breadcrumb mb-3\"><li class=\"breadcrumb-item\"><a href=\"\/\">Home<\/a><\/li><li class=\"breadcrumb-item\"><a href=\"https:\/\/www.umflint.edu\/mac\">Office of Marketing &amp; Communications<\/a><\/li><li class=\"breadcrumb-item active\" aria-current=\"page\">Web Communications<\/li><\/ol><\/nav>\n\n<div class=\"wp-bootstrap-blocks-row row\">\n\t\n\n<div class=\"col-12 col-md-8\">\n\t\t\t\n\n<h2 class=\"wp-block-heading has-primary-color has-text-color has-link-color wp-elements-bce461fa3b636c6d3f4bb440b800649c\">Web Communications at UM-Flint<\/h2>\n\n\n\n<p>The Office of Marketing &amp; Communications provides leadership in web communication and digital strategy to support the marketing and visibility of the University of Michigan-Flint. Our team manages the university\u2019s primary website, oversees the web content management system, and ensures that digital content follows best practices in accessibility, usability, and brand consistency. Through these efforts, we help academic and administrative units share their stories, connect with audiences, and strengthen the UM-Flint brand online.<\/p>\n\n\t<\/div>\n\n\n\n<div class=\"col-12 col-md-4\">\n\t\t\t\n\n<h3 class=\"wp-block-heading has-primary-color has-text-color has-medium-font-size\"><strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-primary-color\">Contact Information<\/mark><\/strong><\/h3>\n\n\n\n<p><strong>Jessica McPike<\/strong><br>Website Administrator<br><a href=\"mailto:mcpikej@umich.edu\">mcpikej@umich.edu<\/a><\/p>\n\n\t<\/div>\n\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading has-primary-color has-text-color has-link-color wp-elements-7d959a1fa9446bfd31d26d3371297223\">On this page<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"#writing\">Writing for the Web<\/a><\/li>\n\n\n\n<li><a href=\"#five\">Five W&#8217;s<\/a><\/li>\n\n\n\n<li><a href=\"#web-content\">Do\u2019s and Don\u2019ts for Web Content<\/a><\/li>\n\n\n\n<li><a href=\"#faq\">Frequently Asked Questions<\/a><\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading has-primary-color has-text-color has-link-color wp-elements-7c9e05023a9e68399459a99341a8aa85\" id=\"writing\">Writing for the Web<\/h2>\n\n\n\n<p>When creating web content, always think like your audience. Ask yourself: <em>If I were visiting this site, what would I need or expect to find immediately?<\/em> Users skim and scan more than they read word-for-word, so clarity and structure are key.<\/p>\n\n\n\n<h3 class=\"wp-block-heading has-primary-color has-text-color has-link-color has-medium-font-size wp-elements-4739aeeeff28c701fd3b52b28afc6f81\"><strong>Best Practices for Web Writing<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Front-load important information<\/strong><br>Place the most critical details at the top of the page. Most users scan first, then decide if they\u2019ll read more.<\/li>\n\n\n\n<li><strong>Use headings to organize content<\/strong><br>Headings act as signposts, breaking content into clear sections and making it easy for readers to find what they need quickly.<\/li>\n\n\n\n<li><strong>Keep it concise with bullets and short paragraphs<\/strong><br>Online readers prefer content that is easy to skim. Use bulleted lists with keywords upfront and break text into short, readable chunks.<\/li>\n\n\n\n<li><strong>Write descriptive link names<\/strong><br>Links should explain their destination without relying on surrounding text. Avoid vague labels like \u201cclick here.\u201d Instead, use links that describe what users will find.<\/li>\n\n\n\n<li><strong>Stick to familiar language<\/strong><br>Use plain language and common terms your audience recognizes. Avoid jargon, acronyms, or insider phrases that may confuse users.<\/li>\n\n\n\n<li><strong>Provide context<\/strong><br>Visitors may land on any page directly from a search engine, so each page should stand on its own. For example, don\u2019t just link to a PDF, explain what the file contains and who it\u2019s for.<\/li>\n\n\n\n<li><strong>Be consistent<\/strong><br>Maintain consistent formatting, style, and tone across the site. Users value clarity over cleverness and expect a uniform experience.<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading has-primary-color has-text-color has-link-color wp-elements-04e2e4b70be385f5b8351e35a36e8032\" id=\"five\">The Inverted Pyramid of Five W&#8217;s<\/h2>\n\n\n\n<p>The Inverted Pyramid is a style of writing often associated with news stories. In this style, the first sentence is the most important, providing a summary of the entire article.<\/p>\n\n\n\n<p>Writing for the web should be the same. The most important information should be at the top of the page, followed by supporting information, including the five Ws (Who, What, When, Where, Why). The supporting information should be in the middle of the page, and the least important information should be at the bottom of the page.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\t<\/div>\n\n<\/div>\n\n<\/div>\n\n\n\n<div class=\"wp-block-cover is-light\" style=\"min-height:50px;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-white-background-color has-background-dim-100 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container has-global-padding is-layout-constrained wp-block-cover-is-layout-constrained\"><div class=\"wp-bootstrap-blocks-container container mb-2\">\n\t\n\n<h2 class=\"wp-block-heading has-primary-color has-text-color has-link-color wp-elements-9b3da945287a033157a2a24b3f6c3379\" id=\"web-content\">Do\u2019s and Don\u2019ts for Web Content<\/h2>\n\n\n\n<h3 class=\"wp-block-heading has-primary-color has-text-color has-link-color has-medium-font-size wp-elements-ecae8db40af3dc2117a2790b980ca3fc\"><strong>Links<\/strong><\/h3>\n\n\n\n<p class=\"mb-2\"><strong>Do<\/strong> use descriptive, meaningful link text:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Links should make sense out of context.\n<ul class=\"wp-block-list\">\n<li>Instead of: <em>Click here to learn more about our program requirements<\/em><\/li>\n\n\n\n<li>Use: <em>Psychology program requirements are managed by the Behavioral Sciences department and updated yearly.<\/em><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Links should explain what they offer.\n<ul class=\"wp-block-list\">\n<li>Instead of: Photos of our past events are <a href=\"#\">here, here, and here<\/a>.<\/li>\n\n\n\n<li>Use: <a href=\"#\">Photos of our past events: Alumni Day, 30-Minute Mentors, and Homecoming.<\/a><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Avoid verb phrases.\n<ul class=\"wp-block-list\">\n<li>Instead of: Learn more about student leadership events<\/li>\n\n\n\n<li>Use: Student leadership events<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Avoid pasting raw URLs.\n<ul class=\"wp-block-list\">\n<li>Instead of: <a href=\"https:\/\/umflint.edu\/admissions\/transfer\">https:\/\/umflint.edu\/admissions\/transfer<\/a><\/li>\n\n\n\n<li>Use: <a href=\"https:\/\/umflint.edu\/admissions\/transfer\">Transfer Admissions<\/a><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<p><strong>Do<\/strong> link to existing UM-Flint content whenever possible. This ensures information stays accurate and eliminates duplicate updates.<\/p>\n\n\n\n<p class=\"mb-2\"><strong>Do<\/strong> open links in a new tab only if:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>They go to a file or<\/li>\n\n\n\n<li>They lead to an external website (outside of <strong>umflint.edu<\/strong>).<\/li>\n<\/ul>\n\n\n\n<p><strong>Do<\/strong> fix or remove broken links. They hurt the user experience and negatively impact Search Engine Optimization.<\/p>\n\n\n\n<p><strong>Don\u2019t<\/strong> set UM-Flint internal links to open in new tabs.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading has-primary-color has-text-color has-link-color has-medium-font-size wp-elements-06f3b7e75fd776561a2bc9303a17ffa0\"><strong>Buttons and Calls to Action<\/strong><\/h3>\n\n\n\n<p><strong>Do<\/strong> use buttons sparingly.<br><strong>Don\u2019t<\/strong> overload a page with too many buttons or links. If everything is emphasized, nothing stands out.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading has-primary-color has-text-color has-link-color has-medium-font-size wp-elements-2f72a9be9638921937e5d3fe6af0e1cb\"><strong>Left Navigation<\/strong><\/h3>\n\n\n\n<p><strong>Do<\/strong> keep left navigation items to <strong>seven or fewer<\/strong>.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>If you have more than seven, reorganize into broader, audience-friendly categories.<\/li>\n<\/ul>\n\n\n\n<p><strong>Don\u2019t<\/strong> overwhelm users with long navigation lists, they\u2019ll struggle to find what they need.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading has-primary-color has-text-color has-link-color has-medium-font-size wp-elements-c8e703c27cc09a50265afefb562c5c55\"><strong>Lists<\/strong><\/h3>\n\n\n\n<p><strong>Do<\/strong> use the Links Grid or lists to organize related content.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>This makes information concise, scannable, and easy to consume.<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading has-primary-color has-text-color has-link-color has-medium-font-size wp-elements-67dad7559396ad71c1a99b6989701655\"><strong>Images<\/strong><\/h3>\n\n\n\n<p><strong>Do<\/strong> compress images to under <strong>1 MB<\/strong>.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Use JPGs when possible, they\u2019re smaller than PNGs.<\/li>\n\n\n\n<li>Use PNGs from items that need a transparent background such as a logo.<\/li>\n\n\n\n<li>Large files slow down page loading and hurt SEO rankings.<\/li>\n<\/ul>\n\n\n\n<p><strong>Don\u2019t<\/strong> upload oversized images directly into WordPress. Compress them first with a graphics program before adding to the site.<\/p>\n\n\n\n<h3 class=\"wp-block-heading has-primary-color has-text-color has-link-color has-medium-font-size wp-elements-d5a85022106b08c97c58f250362935ee\"><strong>Image sizes used on website<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>General Photo Sizes\n<ol class=\"wp-block-list\">\n<li><a href=\"https:\/\/drive.google.com\/file\/d\/1rrGR__NPwQsyVaMPCHSTqD-6Lsazwkv-\/view?usp=drive_link\" target=\"_blank\" rel=\"noreferrer noopener\">Smaller Horizontal<\/a>: 555&#215;370<\/li>\n\n\n\n<li><a href=\"https:\/\/drive.google.com\/file\/d\/1mp81-BCZuIe11Cm19Y3DYpobzF2mXJaA\/view?usp=drive_link\" target=\"_blank\" rel=\"noreferrer noopener\">Portrait and other images<\/a>: 370&#215;450- This is the size of portraits on the website<\/li>\n<\/ol>\n<\/li>\n\n\n\n<li>How to save: In Photoshop > File > Export > Save for Web (Legacy) > Desktop\n<ul class=\"wp-block-list\">\n<li>File Type: jpg<\/li>\n\n\n\n<li>Quality: 63<\/li>\n\n\n\n<li>Level: High<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>For anything larger than 1 MB please optimize the jpg file through <a href=\"https:\/\/tinyjpg.com\/\">TinyJPG<\/a><\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading has-primary-color has-text-color has-link-color has-medium-font-size wp-elements-c8eebf09ad0895dfaaed2bcac3e19a80\"><strong>Style Guide Preferences<\/strong><\/h3>\n\n\n\n<p class=\"mb-2\"><strong>Do<\/strong> follow <a href=\"https:\/\/www.umflint.edu\/mac\/style-guide\/\">UM-Flint Style Guide<\/a>:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Phone numbers: <em>810-762-3000<\/em><\/li>\n\n\n\n<li>References: <em>UM-Flint<\/em> or <em>University of Michigan-Flint<\/em><\/li>\n<\/ul>\n\n\n\n<p class=\"mb-2\"><strong>Don\u2019t<\/strong> use these formats: <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><em>U-M Flint<\/em><\/li>\n\n\n\n<li><em>U of M Flint<\/em><\/li>\n\n\n\n<li><em>UMFlint<\/em><\/li>\n\n\n\n<li><em>U of M-Flint.<\/em><\/li>\n<\/ul>\n\n\n\n<p><strong>Don\u2019t<\/strong> use ALL CAPS for emphasis it\u2019s harder to read online.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading has-primary-color has-text-color has-link-color has-medium-font-size wp-elements-6f99e2fa5efdeaae5228c57a3de6e0f5\"><strong>Headings<\/strong><\/h3>\n\n\n\n<p><strong>Do<\/strong> use headings to structure content, like an outline:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Heading 1 (H1):<\/strong> Page title (used once per page)<\/li>\n\n\n\n<li><strong>Heading 2 (H2):<\/strong> Major sections (like book chapters)<\/li>\n\n\n\n<li><strong>Heading 3 (H3):<\/strong> Subtopics within a section<\/li>\n<\/ul>\n\n\n\n<p><strong>Do<\/strong> use headings in order (H1 \u2192 H2 \u2192 H3). This improves readability, accessibility, and SEO.<\/p>\n\n\n\n<p><strong>Don\u2019t<\/strong> use headings to make text bigger or bold. Headings must follow the correct hierarchy.<br>In WordPress, headings and paragraph text size can be changed on the right side under Styles &gt; Typography &gt; Size<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading has-primary-color has-text-color has-link-color has-medium-font-size wp-elements-bf0ac58440ec8072203176305e86bdb6\"><strong>Related Resources<\/strong><\/h3>\n\n\n\n<p><strong>Do<\/strong> include Related Resources if relevant.<br><span style=\"margin: 0px; padding: 0px;\"><strong>Don\u2019t<\/strong>&nbsp;leave the element on a page if you aren\u2019t using it; <\/span>remove it for a cleaner design.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading has-primary-color has-text-color has-link-color wp-elements-ccbf85192f52b7bec37265ba3b6c026b\" id=\"faq\">Frequently Asked Questions<\/h2>\n\n\n\n<h3 class=\"wp-block-heading has-primary-color has-text-color has-link-color has-medium-font-size wp-elements-d59a1970fe03f1e35f3c0ef6a63ae5d9\"><strong>How do I make changes to my webpage?<\/strong><\/h3>\n\n\n\n<p><strong><br><\/strong>Individuals can use&nbsp;the <a href=\"https:\/\/teamdynamix.umich.edu\/TDClient\/92\/Portal\/Requests\/TicketRequests\/NewForm?ID=OdoREOX8xzc_&amp;RequestorType=Service\">Website Update Request<\/a>&nbsp;or email&nbsp;<a href=\"mailto:mac-flint@umich.edu\">mac-flint@umich.edu<\/a> to submit feedback, issues, suggested changes, request a new page or comments.<\/p>\n\n\n\n<h3 class=\"wp-block-heading has-primary-color has-text-color has-link-color has-medium-font-size wp-elements-cdab138ea530667cc8039a4ecf54a507\"><strong>What should be on your website?<\/strong><\/h3>\n\n\n\n<p>Think about your audience, their goals, and your department\u2019s priorities. Your website content should be designed to meet the information needs of the people you serve every day.<\/p>\n\n\n\n<p class=\"mb-2\">Ask yourself:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>What questions or information is my audience looking for? Your website should provide those answers.<\/li>\n\n\n\n<li>What services do we offer? Make sure your site makes them clear and accessible.<\/li>\n\n\n\n<li>What do we want our audience to learn? This is your chance to tell your story and highlight your department\u2019s value.<\/li>\n<\/ul>\n\n<\/div>\n<\/div><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p> [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"https:\/\/www.umflint.edu\/mac\/web-communications\/\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":38,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-268","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.umflint.edu\/mac\/wp-json\/wp\/v2\/pages\/268","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.umflint.edu\/mac\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.umflint.edu\/mac\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.umflint.edu\/mac\/wp-json\/wp\/v2\/users\/38"}],"replies":[{"embeddable":true,"href":"https:\/\/www.umflint.edu\/mac\/wp-json\/wp\/v2\/comments?post=268"}],"version-history":[{"count":28,"href":"https:\/\/www.umflint.edu\/mac\/wp-json\/wp\/v2\/pages\/268\/revisions"}],"predecessor-version":[{"id":496,"href":"https:\/\/www.umflint.edu\/mac\/wp-json\/wp\/v2\/pages\/268\/revisions\/496"}],"wp:attachment":[{"href":"https:\/\/www.umflint.edu\/mac\/wp-json\/wp\/v2\/media?parent=268"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}