{"id":742,"date":"2024-05-16T16:29:39","date_gmt":"2024-05-16T20:29:39","guid":{"rendered":"https:\/\/sites.bu.edu\/marcom-team\/?page_id=742"},"modified":"2026-02-19T16:37:53","modified_gmt":"2026-02-19T21:37:53","slug":"webteam-for-presentations","status":"publish","type":"page","link":"https:\/\/sites.bu.edu\/marcom-team\/departments\/interactive-design\/role-specific-info\/designers\/webteam-for-presentations\/","title":{"rendered":"Webteam &#038; Presenting"},"content":{"rendered":"<h2><img loading=\"lazy\" src=\"\/marcom-team\/files\/2025\/06\/Screenshot-2025-06-05-at-5.29.18\u202fPM.png\" alt=\"\" width=\"1427\" height=\"953\" class=\"alignnone size-full wp-image-3557\" srcset=\"https:\/\/sites.bu.edu\/marcom-team\/files\/2025\/06\/Screenshot-2025-06-05-at-5.29.18\u202fPM.png 1427w, https:\/\/sites.bu.edu\/marcom-team\/files\/2025\/06\/Screenshot-2025-06-05-at-5.29.18\u202fPM-636x425.png 636w, https:\/\/sites.bu.edu\/marcom-team\/files\/2025\/06\/Screenshot-2025-06-05-at-5.29.18\u202fPM-1024x684.png 1024w, https:\/\/sites.bu.edu\/marcom-team\/files\/2025\/06\/Screenshot-2025-06-05-at-5.29.18\u202fPM-768x513.png 768w\" sizes=\"(max-width: 1427px) 100vw, 1427px\" \/><\/h2>\n<p><span style=\"font-weight: 400;\">Our unlisted webteam space houses project portals for Interactive Design to house client work to view. You&#8217;ll need a space to house the raw web dev files (the HTML and CSS in particular \u2014 which would <a href=\"https:\/\/sites.bu.edu\/marcom-team\/departments\/interactive-design\/role-specific-info\/designers\/wireframing-mockups\/\">link to your figma files<\/a>) that make up your static project directory.<\/span><\/p>\n<h2>Setup<\/h2>\n<p><span style=\"font-weight: 400;\">Before your first meeting, using an SFTP GUI transmit client of your choice, you\u2019ll need to create a new project page at <code>bu.edu\/webteam\/projects\/{CLIENTNAME}<\/code>. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">We often use the college or department abbreviation[i.e.: SED for <\/span><a href=\"http:\/\/www.bu.edu\/webteam\/projects\/sed\/\"><span style=\"font-weight: 400;\">bu.edu\/webteam\/projects\/SED<\/span><\/a>]<span style=\"font-weight: 400;\"> is the abbreviation for School of Education). <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Sometimes this isn\u2019t possible, or you may find that a client folder is already in use by another (usually older) project. In those cases, use the full client name and put your assets in a folder that describes the project inside the client folder[i.e.: <\/span><a href=\"http:\/\/www.bu.edu\/webteam\/projects\/provost\/orgchart\/\"><span style=\"font-weight: 400;\">http:\/\/www.bu.edu\/webteam\/projects\/provost\/orgchart\/]<\/span><\/a><span style=\"font-weight: 400;\">.<\/span><\/p>\n<h3><strong>Uploading Your Files<\/strong><\/h3>\n<ul dir=\"auto\">\n<li><strong>Server:<\/strong><span>\u00a0<\/span><code>webdev.bu.edu<\/code><\/li>\n<li><strong>Remote Path:<\/strong><span>\u00a0<\/span><code>\/web\/w\/e\/webteam\/projects\/CLIENTNAME\/<\/code><\/li>\n<\/ul>\n<p><a href=\"https:\/\/github.com\/bu-ist\/id-tools\/tree\/master\/Client%20Presentation%20Starter%20Files#installation\" class=\"button-secondary\"><span style=\"font-weight: 400;\">Download These Files<\/span><\/a><\/p>\n<p><a href=\"https:\/\/www.bu.edu\/webteam\/projects\/wpdocs\/Client%20Presentation%20Starter%20Files\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"button-secondary\">Example<\/a><\/p>\n<hr \/>\n<h2>Presenting<\/h2>\n<p>It can be intimidating, but remember that you&#8217;re on a friendly and understanding team.<\/p>\n<ul>\n<li><strong>Maintain energy, poise, and clear communication<\/strong> when discussing visual design and its connection to the functional value from wireframes.<\/li>\n<li><strong>Always prepare<\/strong> notes or bullet points in advance.<\/li>\n<li><strong>Translate design concepts into everyday experiences<\/strong> for clients who may not be familiar with code or design.<br \/>\nFor instance, if a client questions the limited number of promo boxes, you can:<\/p>\n<ul>\n<li>Refer to strategy insights, emphasizing how focused choices drive better engagement.<\/li>\n<li>Align the question to Netflix\u2019s problem of overwhelming users with too many options \u2014 leading to indecision.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p>With your experience and knowledge of the project, empathy for the client and their needs, and the value of it&#8217;s strategy: you&#8217;re already prepared for any questions. Relax, you got this!<\/p>\n<blockquote><p>Be <span style=\"text-decoration: underline;\"><strong>personable,<\/strong><\/span>\u00a0and you&#8217;ll be <span style=\"text-decoration: underline;\"><strong>impress<\/strong><\/span><strong>ionable<\/strong>!<\/p><\/blockquote>\n<h2>Common Client Questions or Requests<\/h2>\n<div class=\"bu_collapsible_container \" aria-live=\"polite\" data-customize-animation=\"false\"><h4 class=\"bu_collapsible\" aria-expanded=\"false\"tabindex=\"0\" role=\"button\">Slideshows In The Banner Space<\/h4><div class=\"bu_collapsible_section\" style=\"display: none;\"><\/p>\n<p><span style=\"font-weight: 400;\">Our recommendation as the university\u2019s Marketing department is a resounding \u201cno\u201d. From content strategy, to design &amp; usability, and development. Slideshows will not be supported in BU Banners (2.0).<\/span><\/p>\n<p><span style=\"font-weight: 400;\">There is lots and lots of research saying slideshows are not a good use of space and are ignored.<br \/>\nHere are two:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><a href=\"https:\/\/conversionxl.com\/blog\/dont-use-automatic-image-sliders-or-carousels\/\"><span style=\"font-weight: 400;\">Don\u2019t Use Automatic Image Sliders or Carousels<\/span><\/a><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><a href=\"http:\/\/shouldiuseacarousel.com\/\"><span style=\"font-weight: 400;\">Should I Use a Carousel?<\/span><\/a><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Stronger, more relevant banner content should be used instead.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Note: clients using the older \u201cContent Banner\u201d plugin that was replaced by BU Banners can still drop a slideshow shortcode into the HTML option. We still do not recommend this, but we can\u2019t stop it.<\/span><\/p>\n<p><\/div>\n<\/div>\n\n<div class=\"bu_collapsible_container \" aria-live=\"polite\" data-customize-animation=\"false\"><h4 class=\"bu_collapsible\" aria-expanded=\"false\"tabindex=\"0\" role=\"button\">Social Media Feeds<\/h4><div class=\"bu_collapsible_section\" style=\"display: none;\"><\/p>\n<p><span style=\"font-weight: 400;\">So a client is asking for a social media feed. Because of the volatile nature of social media API\u2019s we do not build custom social media live feeds \/ integrate directly with the API\u2019s.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Why don&#8217;t we?<\/span><\/p>\n<h4><span style=\"font-weight: 400;\">So, if we don\u2019t use API\u2019s, then what? Well, there\u2019s a few directions we can go:<\/span><\/h4>\n<h4><strong>#1: Automatic Feeds<\/strong><\/h4>\n<p><span style=\"font-weight: 400;\">We recommend this option when clients say that they have a flurry of activity, and they want to show the liveliness of their social media.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">We recommend one of two paths:<\/span><\/p>\n<h4>#1A: Simple, Default<\/h4>\n<p><span style=\"font-weight: 400;\">Many social media platforms provide \u201cwidgets\u201d that you can embed in your site. For example, Twitter calls theirs \u201c<\/span><a href=\"https:\/\/dev.twitter.com\/web\/embedded-timelines\"><span style=\"font-weight: 400;\">Embedded Timelines<\/span><\/a><span style=\"font-weight: 400;\">.\u201d These are officially-endorsed widgets that give you up-to-date automatic feeds in your website. While much more safe, the downside is that they\u2019re not very customizable. Note: the embeds\/widgets\/timelines vary by social media service.<\/span><\/p>\n<h4><strong>#1B: Complex, Vendor Service<\/strong><\/h4>\n<p><span style=\"font-weight: 400;\">We recommend a platform called <\/span><a href=\"https:\/\/tagboard.com\/\"><span style=\"font-weight: 400;\">TagBoard<\/span><\/a><span style=\"font-weight: 400;\">. This paid service allows clients to log into their multiple social media accounts in a single dashboard. From there, they can generate full \u201csocial walls\u201d of up-to-date automatic social posts. TagBoard features blacklisting\/whitelisting words, hashtags, and users\u2013 amongst many other helpful features. Clients sign up and pay for TagBoard, then usually provide us the embed code to put on their site.<\/span><\/p>\n<h4><strong>#2: Curated (manual) Feeds<\/strong><\/h4>\n<p><span style=\"font-weight: 400;\">We recommend this option when clients want to display the best and brightest of their social media posts, also potentially mixed in with links to prominent faculty profiles, news posts, events, etc. This requires more development and design time to impliment, but is definitely the safest of all of the options.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">** Needs links to BU examples. (Questrom)<\/span><\/p>\n<p><\/div>\n<\/div>\n\n<div class=\"bu_collapsible_container \" aria-live=\"polite\" data-customize-animation=\"false\"><h4 class=\"bu_collapsible\" aria-expanded=\"false\"tabindex=\"0\" role=\"button\">Can Clients Add Their Own Taxonomies Using the BU Taxonomies Plugin?<\/h4><div class=\"bu_collapsible_section\" style=\"display: none;\"><\/p>\n<p>By default: Using it requires reserving careful planning and agreement on taxonomy terms ahead of the Implementation phase for a few reasons:<\/p>\n<p><strong>Potential Issues<\/strong>:<\/p>\n<ul>\n<li>Overuse by client can clutter sites, and reserved terms (i.e.: a year) can break functionality. (Reference WordPress&#8217; <a href=\"https:\/\/codex.wordpress.org\/WordPress_Query_Vars\">Reserved Taxonomy Terms<\/a>.)<\/li>\n<li>BE developers recommend managing taxonomies <em>within<\/em> themes (not a plugin) for better control and adaptability.<\/li>\n<li>Deactivated taxonomies remain in the database, but won\u2019t display without the associated companion theme or plugin.<\/li>\n<\/ul>\n<p>Outside of the aforementioned: only enable for a client when it&#8217;s necessary to avoid unpredictable results.<\/p>\n<p><\/div>\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>Our unlisted webteam space houses project portals for Interactive Design to house client work to view. You&#8217;ll need a space to house the raw web dev files (the HTML and CSS in particular \u2014 which would link to your figma files) that make up your static project directory. Setup Before your first meeting, using an [&hellip;]<\/p>\n","protected":false},"author":12906,"featured_media":0,"parent":228,"menu_order":2,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/sites.bu.edu\/marcom-team\/wp-json\/wp\/v2\/pages\/742"}],"collection":[{"href":"https:\/\/sites.bu.edu\/marcom-team\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sites.bu.edu\/marcom-team\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sites.bu.edu\/marcom-team\/wp-json\/wp\/v2\/users\/12906"}],"replies":[{"embeddable":true,"href":"https:\/\/sites.bu.edu\/marcom-team\/wp-json\/wp\/v2\/comments?post=742"}],"version-history":[{"count":10,"href":"https:\/\/sites.bu.edu\/marcom-team\/wp-json\/wp\/v2\/pages\/742\/revisions"}],"predecessor-version":[{"id":4267,"href":"https:\/\/sites.bu.edu\/marcom-team\/wp-json\/wp\/v2\/pages\/742\/revisions\/4267"}],"up":[{"embeddable":true,"href":"https:\/\/sites.bu.edu\/marcom-team\/wp-json\/wp\/v2\/pages\/228"}],"wp:attachment":[{"href":"https:\/\/sites.bu.edu\/marcom-team\/wp-json\/wp\/v2\/media?parent=742"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}