{"id":130111,"date":"2022-08-08T09:54:00","date_gmt":"2022-08-08T14:54:00","guid":{"rendered":"https:\/\/wpengine.com\/?p=130111"},"modified":"2025-05-14T13:31:03","modified_gmt":"2025-05-14T18:31:03","slug":"journey-to-site-monitoring","status":"publish","type":"post","link":"https:\/\/wpengine.com\/case-studies\/journey-to-site-monitoring\/","title":{"rendered":"The Journey to WP Engine\u2019s New Site Monitoring Tool\u00a0"},"content":{"rendered":"\n<p>WP Engine\u2019s new <a href=\"https:\/\/wpengine.com\/website-monitoring\/\" target=\"_blank\" rel=\"noreferrer noopener\">Site Monitoring tool<\/a> was launched earlier this year as a way to help our customers gain critical visibility into outages, uptime, and average response times across their portfolio of websites.<\/p>\n\n\n\n<p>Like all of the tools and products we release, months of ideating, testing, and gathering user insight went into making Site Monitoring possible, and none of it could have happened without a lot of hard work and collaboration among our UX Research, Engineering, Design, and Development teams.<\/p>\n\n\n\n<p>This new add-on feature was once just a concept, and the long journey toward General Availability was not without its challenges. Read on to hear how WP Engine\u2019s teams used a collaborative approach to conceptualize, create, test, and release Site Monitoring to our users.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">What Is Site Monitoring?<\/h2>\n\n\n\n<p>If you\u2019re responsible for building and maintaining websites, you never want to hear that a site is down\u2014especially when your boss or your client is the one who has to call and tell you there\u2019s a problem. <a href=\"https:\/\/wpengine.com\/blog\/wp-engine-new-site-monitoring-tool\/\" target=\"_blank\" rel=\"noreferrer noopener\">Site Monitoring<\/a> is a way to proactively keep tabs on the sites you manage to ensure errors are detected and reported quickly, so they can be resolved before becoming larger issues.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"768\" src=\"https:\/\/wpengine.com\/wp-content\/uploads\/2022\/05\/concept-design-site-monitoring-1024x768.png\" alt=\"Early hand-drawn concept of the Site Monitoring tool with the title Uptime Monitoring and subsequent lines that show columns for multiple sites and their Errors, Incidents, Uptime, and Response Time\" class=\"wp-image-130114\" srcset=\"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/05\/concept-design-site-monitoring-1024x768.png 1024w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/05\/concept-design-site-monitoring-540x405.png 540w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/05\/concept-design-site-monitoring-768x576.png 768w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/05\/concept-design-site-monitoring-1536x1152.png 1536w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/05\/concept-design-site-monitoring-1500x1125.png 1500w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/05\/concept-design-site-monitoring.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"681\" src=\"https:\/\/wpengine.com\/wp-content\/uploads\/2022\/05\/early-design-site-monitoring-1024x681.png\" alt=\"An early design created by WP Engine's UX Design team that mirrors the early hand-drawn concept.\" class=\"wp-image-130115\" srcset=\"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/05\/early-design-site-monitoring-1024x681.png 1024w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/05\/early-design-site-monitoring-540x359.png 540w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/05\/early-design-site-monitoring-768x510.png 768w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/05\/early-design-site-monitoring.png 1440w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Conceptualizing Site Monitoring<\/h2>\n\n\n\n<p>The road to Site Monitoring began the way many of our products do: with customer research. WP Engine\u2019s UX Research team was at the ground floor of the process, kicking things off by conducting user interviews and sending surveys to current customers, asking about their experience overall, their needs, and their desires.<\/p>\n\n\n\n<p>What the team uncovered was that, despite their different roles, responsibilities, and geographic locations, the users they interviewed wanted the same thing: a single tool they could use to monitor multiple client sites for outages at a glance and identify issues before clients realized there was a problem.<\/p>\n\n\n\n<p>From there, the UX Research team began ideating on a solution. First, they reached out to members of WP Engine\u2019s Engineering team who identified a piece of partner software that would allow them to address uptime monitoring. After some trial and error, the teams were ready to submit the initial concepts for what would become Site Monitoring.<\/p>\n\n\n\n<p>\u201cWe showed users the ideas that our designers came up with alongside our engineers, which allowed them to focus on the ideas more than the design,\u201d said WP Engine Associate Researcher Kate Meyer. \u201cThe users\u2019 expectations were aligning with our vision, so we started building.\u201d&nbsp;<\/p>\n\n\n\n<p>After initial concepts were presented, select users were allowed to opt into a beta testing phase, and the actual product design began in earnest.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/wpengine.com\/wp-content\/uploads\/2022\/05\/Site-Monitoring-beta-iteration-workflow.pptx-1024x576.png\" alt=\"A designed element illustrating the Beta Iteration Cycle. An orange circle with clockwise rotating arrows follows the pattern from Beta Release to Feedback From Users &amp; Development to Design Changes to Iteration with Triad to Iteration with Development Team and back to Beta Release\" class=\"wp-image-130116\" srcset=\"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/05\/Site-Monitoring-beta-iteration-workflow.pptx-1024x576.png 1024w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/05\/Site-Monitoring-beta-iteration-workflow.pptx-540x304.png 540w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/05\/Site-Monitoring-beta-iteration-workflow.pptx-768x432.png 768w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/05\/Site-Monitoring-beta-iteration-workflow.pptx-960x540.png 960w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/05\/Site-Monitoring-beta-iteration-workflow.pptx.png 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Ideation, Creation, and Implementation<\/h2>\n\n\n\n<p>The workflow for beta testing the new tool and designing new iterations was a cyclical one. When the first iteration of beta was released, it generated feedback from both users and developers. The design team would use that feedback to make their changes before passing the project onto the Prod Quad (formerly known as the Triad, now with four members), which is a smaller team comprised of a Product Manager, Product Designer, UX Researcher, and Engineering Manager all working together.<\/p>\n\n\n\n<p>Once that group came to a consensus on the changes, the project would move to the development team which would ideate on the best way to bring the new design vision to life. After the development team made their changes, the updates would be released to beta customers who would then provide more feedback, starting the whole cycle over again.<\/p>\n\n\n\n<p>One of the most important pieces of feedback our builders received during this process had to do with alerting on site outages.&nbsp;<\/p>\n\n\n\n<p>\u201cWe knew users wanted and needed alerts, and that it would make monitoring more effective for them,\u201d said WP Engine Senior Product Designer Kameron Fehrmann. \u201cWe also wanted to ensure our messaging was both understandable and actionable, so users could fix issues with ease.\u201d<\/p>\n\n\n\n<p>This feedback led to one of the most important pieces of the Site Monitoring tool: the email alert. Now, when a user adds Site Monitoring for a client site, they\u2019ll receive an email alert as well as notifications within the portal, ensuring that site managers are made aware of outage issues the instant they\u2019re detected.<\/p>\n\n\n\n<p>User feedback also led to the implementation of other important features, including an explanatory element which tells users whether an outage is due to a problem on site or a wider outage on WP Engine\u2019s platform, site-specific error logs, and a simplified process for adding, pausing, or deleting monitored sites.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">The Future of Site Monitoring<\/h2>\n\n\n\n<p>Our teams\u2019 work is never finished, and they are already looking into additional updates that will make Site Monitoring even more useful to more users. One that\u2019s on the horizon is a notification integration with Slack, so site managers can choose the notification style that best matches their unique workflow.<\/p>\n\n\n\n<p>\u201cAs we look ahead, we are certainly planning on integrating Slack as an additional alert channel, and we\u2019re exploring SMS as well,\u201d said WP Engine Product Manager Bryan Smith. \u201cThis really is V1, and we have so many plans in store, so stay tuned for more configuration options with the monitoring, more improvements to the user portal, and we\u2019ll continue to follow the design process that led us to this point.\u201d<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Avoid Outages with Site Monitoring<\/h2>\n\n\n\n<p>WP Engine\u2019s UX researchers, designers, and developers are continually working to improve the experiences of our customers, taking insight from actual users and creating new products to meet their most pressing needs.&nbsp;<\/p>\n\n\n\n<p class=\"has-text-align-left\">Check out our <a href=\"https:\/\/web.cvent.com\/hub\/events\/61de3570-be6a-4182-a365-c12d5236cef3\/sessions\/0aa94813-f270-4e91-83e6-41a70a379d30?autoPlay=true\" target=\"_blank\" rel=\"noreferrer noopener\">DE{CODE} session<\/a> about Site Monitoring to hear the full story behind how this tool came to be as told by the people who made it possible!<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button aligncenter\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/web.cvent.com\/hub\/events\/61de3570-be6a-4182-a365-c12d5236cef3\/sessions\/0aa94813-f270-4e91-83e6-41a70a379d30?autoPlay=true\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>WATCH SESSION<\/strong><\/a><\/div>\n<\/div>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>WP Engine\u2019s new Site Monitoring tool was launched earlier this year as a way to help our customers gain critical visibility into outages, uptime, and average response times across their portfolio of websites. Like all of the tools and products we release, months of ideating, testing, and gathering user insight went into making Site Monitoring<span class=\"tile__ellipses\">&hellip;<\/span><span class=\"tile__ellipses--animated\"><\/span><\/p>\n","protected":false},"author":318,"featured_media":130112,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1294],"tags":[1385],"class_list":["post-130111","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-products","tag-ux-research"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>The Journey to WP Engine\u2019s New Site Monitoring Tool\u00a0<\/title>\n<meta name=\"description\" content=\"Product, UX Design and Research teams led the way through ideation, iteration, and implementation of WP Engine&#039;s new Site Monitoring tool.\" \/>\n<meta name=\"robots\" content=\"noindex, follow\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"The Journey to WP Engine\u2019s New Site Monitoring Tool\u00a0\" \/>\n<meta property=\"og:description\" content=\"Product, UX Design and Research teams led the way through ideation, iteration, and implementation of WP Engine&#039;s new Site Monitoring tool.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wpengine.com\/case-studies\/journey-to-site-monitoring\/\" \/>\n<meta property=\"og:site_name\" content=\"WP Engine\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/wpengine\" \/>\n<meta property=\"article:published_time\" content=\"2022-08-08T14:54:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-05-14T18:31:03+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/05\/Site-Monitoring_1200x628-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"628\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Riley Cullen\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@wpengine\" \/>\n<meta name=\"twitter:site\" content=\"@wpengine\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Riley Cullen\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/journey-to-site-monitoring\/\",\"url\":\"https:\/\/wpengine.com\/case-studies\/journey-to-site-monitoring\/\",\"name\":\"The Journey to WP Engine\u2019s New Site Monitoring Tool\u00a0\",\"isPartOf\":{\"@id\":\"https:\/\/wpengine.com\/case-studies\/#website\"},\"datePublished\":\"2022-08-08T14:54:00+00:00\",\"dateModified\":\"2025-05-14T18:31:03+00:00\",\"author\":{\"@id\":\"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/ba34e9468cbf591c7537e6c846b8a0d0\"},\"description\":\"Product, UX Design and Research teams led the way through ideation, iteration, and implementation of WP Engine's new Site Monitoring tool.\",\"breadcrumb\":{\"@id\":\"https:\/\/wpengine.com\/case-studies\/journey-to-site-monitoring\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/wpengine.com\/case-studies\/journey-to-site-monitoring\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/journey-to-site-monitoring\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/wpengine.com\/case-studies\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"The Journey to WP Engine\u2019s New Site Monitoring Tool\u00a0\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/#website\",\"url\":\"https:\/\/wpengine.com\/case-studies\/\",\"name\":\"WP Engine\",\"description\":\"Managed Hosting for WordPress\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/wpengine.com\/case-studies\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/ba34e9468cbf591c7537e6c846b8a0d0\",\"name\":\"Riley Cullen\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/ea30d05fc6f0519be29943b17a1980c89f9e0897251cf1983191b3f380ed8c74?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/ea30d05fc6f0519be29943b17a1980c89f9e0897251cf1983191b3f380ed8c74?s=96&d=mm&r=g\",\"caption\":\"Riley Cullen\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"The Journey to WP Engine\u2019s New Site Monitoring Tool\u00a0","description":"Product, UX Design and Research teams led the way through ideation, iteration, and implementation of WP Engine's new Site Monitoring tool.","robots":{"index":"noindex","follow":"follow"},"og_locale":"en_US","og_type":"article","og_title":"The Journey to WP Engine\u2019s New Site Monitoring Tool\u00a0","og_description":"Product, UX Design and Research teams led the way through ideation, iteration, and implementation of WP Engine's new Site Monitoring tool.","og_url":"https:\/\/wpengine.com\/case-studies\/journey-to-site-monitoring\/","og_site_name":"WP Engine","article_publisher":"https:\/\/www.facebook.com\/wpengine","article_published_time":"2022-08-08T14:54:00+00:00","article_modified_time":"2025-05-14T18:31:03+00:00","og_image":[{"width":1200,"height":628,"url":"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/05\/Site-Monitoring_1200x628-1.png","type":"image\/png"}],"author":"Riley Cullen","twitter_card":"summary_large_image","twitter_creator":"@wpengine","twitter_site":"@wpengine","twitter_misc":{"Written by":"Riley Cullen","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/wpengine.com\/case-studies\/journey-to-site-monitoring\/","url":"https:\/\/wpengine.com\/case-studies\/journey-to-site-monitoring\/","name":"The Journey to WP Engine\u2019s New Site Monitoring Tool\u00a0","isPartOf":{"@id":"https:\/\/wpengine.com\/case-studies\/#website"},"datePublished":"2022-08-08T14:54:00+00:00","dateModified":"2025-05-14T18:31:03+00:00","author":{"@id":"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/ba34e9468cbf591c7537e6c846b8a0d0"},"description":"Product, UX Design and Research teams led the way through ideation, iteration, and implementation of WP Engine's new Site Monitoring tool.","breadcrumb":{"@id":"https:\/\/wpengine.com\/case-studies\/journey-to-site-monitoring\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wpengine.com\/case-studies\/journey-to-site-monitoring\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/wpengine.com\/case-studies\/journey-to-site-monitoring\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/wpengine.com\/case-studies\/"},{"@type":"ListItem","position":2,"name":"The Journey to WP Engine\u2019s New Site Monitoring Tool\u00a0"}]},{"@type":"WebSite","@id":"https:\/\/wpengine.com\/case-studies\/#website","url":"https:\/\/wpengine.com\/case-studies\/","name":"WP Engine","description":"Managed Hosting for WordPress","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wpengine.com\/case-studies\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/ba34e9468cbf591c7537e6c846b8a0d0","name":"Riley Cullen","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/ea30d05fc6f0519be29943b17a1980c89f9e0897251cf1983191b3f380ed8c74?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/ea30d05fc6f0519be29943b17a1980c89f9e0897251cf1983191b3f380ed8c74?s=96&d=mm&r=g","caption":"Riley Cullen"}}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/posts\/130111","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/users\/318"}],"replies":[{"embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/comments?post=130111"}],"version-history":[{"count":0,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/posts\/130111\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/media\/130112"}],"wp:attachment":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/media?parent=130111"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/categories?post=130111"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/tags?post=130111"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}