{"id":139780,"date":"2018-09-17T14:07:29","date_gmt":"2018-09-17T19:07:29","guid":{"rendered":"https:\/\/getflywheel.com\/?p=29252"},"modified":"2024-02-08T14:19:13","modified_gmt":"2024-02-08T20:19:13","slug":"design-for-web-using-design-patterns-how-to","status":"publish","type":"resource","link":"https:\/\/wpengine.com\/case-studies\/resources\/design-for-web-using-design-patterns-how-to\/","title":{"rendered":"How to Design for the Web Using Design Patterns"},"content":{"rendered":"\n<p>Along with high-quality <a href=\"https:\/\/wpengine.com\/wordpress-hosting\/\" target=\"_blank\" rel=\"noreferrer noopener\">WordPress hosting<\/a>, design patterns are the foundation of good website usability, and they\u2019re the pieces websites are built upon. They\u2019re a strategic design decision a web designer makes to ensure a good user experience. A designer\u2019s job is to solve common usability issues and to create the most user-intuitive solution, and patterns create a predictable, intuitive, and optimized user experience. Whether you\u2019re new to design or a seasoned pro, you must remain aware of common UI design patterns and keep up as patterns evolve.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Examples of Design Patterns<\/h2>\n\n\n\n<p>You\u2019ve probably heard of components; things like buttons, form fields, search bars, etc. are all examples of them. To use them, you can put them to good use by creating patterns in your design.<\/p>\n\n\n\n<p>One thing to be aware of: sometimes the terms \u201ccomponents\u201d and \u201cdesign patterns\u201d are used interchangeably. For the purposes of this article, components are the building blocks of a website, and patterns are established ways that users are used to performing tasks.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img decoding=\"async\" src=\"https:\/\/getflywheel-images.s3.us-east-2.amazonaws.com\/uploads\/2018\/09\/component-examples.jpg\" alt=\"design patterns tutorial component examples screenshot\" class=\"wp-image-29356\" \/><\/figure>\n\n\n\n<p>As you\u2019ll see, a pattern is \u201cbigger\u201d than a just a single component. Patterns are how you optimize what\u2019s done with individual components. There are many traditional design patterns, such as:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>A logo that links to homepage in a website header<\/li>\n\n\n\n<li>Hamburger navigation on mobile websites<\/li>\n\n\n\n<li>Login forms with a \u201cReset password\u201d link<\/li>\n\n\n\n<li>Breadcrumbs that allow users to keep track of their location on a site<\/li>\n\n\n\n<li>Carts with item counters on them<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Why Should Designers Focus on Design Patterns?<\/h2>\n\n\n\n<p>There are many advantages to using design patterns. Not only do they make your work more efficient as a designer, but more importantly, patterns make the experience easier for your users.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img decoding=\"async\" src=\"https:\/\/getflywheel-images.s3.us-east-2.amazonaws.com\/uploads\/2018\/09\/design-patterns-desk-scene.png\" alt=\"design patterns keyboard and mouse with paper pen pencil and sketches on white desk\" class=\"wp-image-29364\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Design Patterns Establish Trust<\/h3>\n\n\n\n<p>Users make quick assumptions the moment they arrive on your site. In a split second, they determine if it\u2019s worth interacting with the content or if they should find another option.&nbsp;<\/p>\n\n\n\n<p>Is your site easy to navigate? Is it easy to find the information your users are looking for? They won\u2019t have the patience to click around and troubleshoot. It\u2019s absolutely critical to make a good first impression and establish trust with your users.<\/p>\n\n\n\n<p>In what\u2019s become the history of the web, certain patterns have become commonplace. Designers have relied on these established user interface elements to design websites, and users have become used to seeing these design patterns. They recognize commonalities between sites and trust what\u2019s familiar.<\/p>\n\n\n\n<p>Let\u2019s take an example of an established design pattern on an eCommerce site. Users are used to seeing small product previews in a grid and then clicking to learn more about the individual item. By using established patterns in your design and creating an easy to use experience, you\u2019re building trust with your users, plus it\u2019s more likely they\u2019ll be a return visitor.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Design Patterns are Intuitive<\/h3>\n\n\n\n<p>As users interact with your site, the predictability factor becomes very important. <strong>Predictable patterns allow for the most intuitive experience.<\/strong> Having familiar patterns is key, but making sure those patterns are used consistently is also important.<\/p>\n\n\n\n<p>One common, predictable pattern example is found on forms. Specifically that all forms provide validation and error messages. Do all forms on your site do this consistently? Are all the messages in the same place? How about the submit button? Is there a message indicating the form has been sent?<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img decoding=\"async\" src=\"https:\/\/getflywheel-images.s3.us-east-2.amazonaws.com\/uploads\/2018\/09\/form-pattern.jpg\" alt=\"design pattern tutorial form pattern examples\" class=\"wp-image-29357\" \/><\/figure>\n\n\n\n<p>From a design perspective, users have encountered these patterns many times before. Providing form validation with helpful messaging indicates to the user where problems are, and having a message indicating the form has been sent is a helpful indicator that an action has taken place.<\/p>\n\n\n\n<p>It may seem like common sense when you hear that patterns and predictability are necessary for a good user experience. However, it isn\u2019t too hard to come across sites that break common patterns, which can cause frustration or confusion. With that in mind, keep designing with helpful UI patterns. The more users are familiar with them, the more they know what behavior to expect. Patterns and conventions keep users from getting confused, and sticking to patterns creates a predictable experience.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Design Patterns Provide a Common Language Between Designers<\/h3>\n\n\n\n<p class=\"has-text-align-center\"><strong>Great experiences start with effective design.<\/strong><\/p>\n\n\n\n<p>In many cases, designers are working on a team. It helps the team work more efficiently when there are established design patterns. There\u2019s no need to reinvent the wheel if the problem has already been solved.<\/p>\n\n\n\n<p>Keeping all patterns in one central front-end style guide is a great place to keep inventory. As a global resource, it\u2019s a quick guide for all team members to understand the use case for each pattern. Even if you\u2019re working solo, keeping track of the design patterns you\u2019re using will allow you to work more efficiently and look back at them in the future.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">The Planning Phase<\/h2>\n\n\n\n<p>It\u2019s pretty clear why design patterns should be utilized, but how do web designers actually put these into place when designing for the web? Here are a few tips that help make the design process easier.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Use What you Already Know to Get Started<\/h3>\n\n\n\n<p>If you\u2019re designing a complete redesign or a site \u201cexpansion,\u201d it\u2019s helpful to take inventory and look at what you know already. Getting a good starting point is key. If it\u2019s an entirely new project, it\u2019s important to think about these things and expect that some questions will be unknown at first. For this situation, using past design experience to get started is a good first step. This informs the initial decisions because they\u2019ve worked on other projects.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Beginning Research<\/h3>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img decoding=\"async\" src=\"https:\/\/getflywheel-images.s3.us-east-2.amazonaws.com\/uploads\/2018\/09\/design-patterns-andy-working.png\" alt=\"design patterns tutorial working on research in coworking space\" class=\"wp-image-29365\" \/><\/figure>\n\n\n\n<p>Research is key to a strong project foundation. As you\u2019re well aware of, users will always look for the easiest way to accomplish a certain action on a website. Understanding the problems and tasks at hand will ensure you\u2019re designing the right thing. To start, think about these items:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Who are the current users? (Their goals, demographic, etc.)<\/li>\n\n\n\n<li>What else do you want to learn about these users?<\/li>\n\n\n\n<li>What patterns do they interact with the most?<\/li>\n\n\n\n<li>Are there any patterns these users have issues with?<\/li>\n\n\n\n<li>What improvements can be made?<\/li>\n\n\n\n<li>What new features are being designed?<\/li>\n\n\n\n<li>Can any currently-established patterns work?<\/li>\n<\/ul>\n\n\n\n<p>The research phase is the time to identify what your users need to accomplish when interacting with your website. Examples would be things like searching for content, signing up for a newsletter, making a purchase, etc. Faced with familiar elements, users will need less time to think and have more reason to convert. Keep design focused on creating patterns in a way that feels familiar to your users based on their existing knowledge from what they experience on the web.<\/p>\n\n\n\n<p>When solving design problems, time and budget are always a factor but do as much research as you can. It\u2019s your time to uncover the main pain points of your users and to study existing design patterns. What\u2019s common on the web? What patterns have you utilized successfully in the past? Once you define the problems you need to solve, explore sites with patterns that target the same user goals. That will serve as good inspiration for the project. It\u2019s not necessary to \u201ccopy\u201d them, but it\u2019s helpful to take note of what\u2019s out there.<\/p>\n\n\n\n<p>Up to this point, I\u2019ve recommended you stay consistent and predictable. It\u2019s worth mentioning that existing patterns can be modified and there may be cases for doing something new. Just make sure that if you\u2019re introducing a new pattern, it\u2019s justified by user data and is well tested.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Designing for the Web with Design Patterns<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Prototype and Testing<\/h3>\n\n\n\n<p>After the research phase, it\u2019s time to start putting what you\u2019ve learned to good use. This is where the design comes to life with prototyping. Depending on your process, prototypes can be simple low-fidelity wireframes or more complex high-fidelity designs.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img decoding=\"async\" src=\"https:\/\/getflywheel-images.s3.us-east-2.amazonaws.com\/uploads\/2018\/09\/wireframe-examples.jpg\" alt=\"wireframe examples for design patterns\" class=\"wp-image-29358\" \/><\/figure>\n\n\n\n<p>Start with existing patterns from your research as a baseline. As you go through the process, make sure the prototype covers all the features you need and that it accounts for all user goals. It can take a bit of revision and fine-tuning to get to a good starting point.&nbsp;<\/p>\n\n\n\n<p>Once you\u2019re confident that all requirements are included in the prototype, it\u2019s time to do some testing to gain insight into the usability of the design. This is where you\u2019ll validate the effectiveness of the design patterns along with the overall functionality.<\/p>\n\n\n\n<p>The reason that testing is so important in the prototype phase is that in some cases, clients can\u2019t articulate or fully predict their thoughts and needs. User testing allows them to show instead of tell. Participants demonstrate how they\u2019d actually use the site, while you observe and learn from their actions. This is both useful for participants and you as the designer.<\/p>\n\n\n\n<p>It\u2019s important to keep notes on the core user goals when you go into testing, to stay focused. After you\u2019ve invited the test participants, put the design in front of as many users as you can. If time constraints are tight, make sure that you test with at least five users.<\/p>\n\n\n\n<p>The subject of user testing is a whole topic in itself. Choose whatever method makes the most sense based on your time and budget. It would be great to always have adequate time, but this may not always be possible. In a pinch, \u201challway\u201d or \u201ccafeteria-style\u201d usability tests can be useful (a usability test set up in a high foot-traffic area, utilizing people that walk by to test your product). Even involving a couple of coworkers is always better than no testing.<\/p>\n\n\n\n<p>Chances are, your design patterns won\u2019t be perfect out of the gate. Changes will need to be made and more testing will be needed to validate the updated design. You\u2019ll gain more insight from each testing phase, however, and be able to incorporate what you\u2019ve learned to continue iterating and testing until the design is optimized.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img decoding=\"async\" src=\"https:\/\/getflywheel-images.s3.us-east-2.amazonaws.com\/uploads\/2018\/09\/design-patterns-screen-replace-crop.png\" alt=\"design patterns tutorial example with pattern in Adobe Illustrator on desktop scene\" class=\"wp-image-29366\" \/><\/figure>\n\n\n\n<p>Web design patterns ensure a consistent user experience. Below are helpful links that provide more information to get started:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.smashingmagazine.com\/2018\/03\/guide-user-testing\/\" target=\"_blank\" rel=\"noopener noreferrer\">Comprehensive Guide to User Testing<\/a><\/li>\n\n\n\n<li><a href=\"http:\/\/usabilitypost.com\/2010\/01\/18\/rocket-surgery-made-easy\/\" target=\"_blank\" rel=\"noopener noreferrer\">Steve Krug\u2019s Rocket Surgery Made Easy <\/a><\/li>\n\n\n\n<li><a href=\"http:\/\/styleguides.io\/\" target=\"_blank\" rel=\"noopener noreferrer\">Style Guide Examples<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Along with high-quality WordPress hosting, design patterns are the foundation of good website usability, and they\u2019re the pieces websites are built upon. They\u2019re a strategic design decision a web designer makes to ensure a good user experience. A designer\u2019s job is to solve common usability issues and to create the most user-intuitive solution, and patterns<span class=\"tile__ellipses\">&hellip;<\/span><span class=\"tile__ellipses--animated\"><\/span><\/p>\n","protected":false},"author":1,"featured_media":141619,"template":"","resource-topic":[1396],"resource-role":[1397],"resource-type":[916],"class_list":["post-139780","resource","type-resource","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Design for the Web Using Design Patterns<\/title>\n<meta name=\"description\" content=\"Design patterns are the foundation of good website usability, and they\u2019re the pieces websites are built upon.\" \/>\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=\"How to Design for the Web Using Design Patterns\" \/>\n<meta property=\"og:description\" content=\"Design patterns are the foundation of good website usability, and they\u2019re the pieces websites are built upon.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wpengine.com\/case-studies\/resources\/design-for-web-using-design-patterns-how-to\/\" \/>\n<meta property=\"og:site_name\" content=\"WP Engine\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/wpengine\" \/>\n<meta property=\"article:modified_time\" content=\"2024-02-08T20:19:13+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2018\/09\/website-design-patterns_1200x627.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"627\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2018\/09\/website-design-patterns_1200x627.png\" \/>\n<meta name=\"twitter:site\" content=\"@wpengine\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/resources\/design-for-web-using-design-patterns-how-to\/\",\"url\":\"https:\/\/wpengine.com\/case-studies\/resources\/design-for-web-using-design-patterns-how-to\/\",\"name\":\"How to Design for the Web Using Design Patterns\",\"isPartOf\":{\"@id\":\"https:\/\/wpengine.com\/case-studies\/#website\"},\"datePublished\":\"2018-09-17T19:07:29+00:00\",\"dateModified\":\"2024-02-08T20:19:13+00:00\",\"description\":\"Design patterns are the foundation of good website usability, and they\u2019re the pieces websites are built upon.\",\"breadcrumb\":{\"@id\":\"https:\/\/wpengine.com\/case-studies\/resources\/design-for-web-using-design-patterns-how-to\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/wpengine.com\/case-studies\/resources\/design-for-web-using-design-patterns-how-to\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/resources\/design-for-web-using-design-patterns-how-to\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/wpengine.com\/case-studies\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Resources\",\"item\":\"https:\/\/wpengine.com\/case-studies\/resources\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How to Design for the Web Using Design Patterns\"}]},{\"@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\/f5301455463371a10d1fc290e9ad0085\",\"name\":\"WP Engine\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/d8770fe9625ca7c4601f13d9d0ab86565a6dac8cd6a77bfe2ada6d83c6837870?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/d8770fe9625ca7c4601f13d9d0ab86565a6dac8cd6a77bfe2ada6d83c6837870?s=96&d=mm&r=g\",\"caption\":\"WP Engine\"},\"sameAs\":[\"https:\/\/wpengine.com\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Design for the Web Using Design Patterns","description":"Design patterns are the foundation of good website usability, and they\u2019re the pieces websites are built upon.","robots":{"index":"noindex","follow":"follow"},"og_locale":"en_US","og_type":"article","og_title":"How to Design for the Web Using Design Patterns","og_description":"Design patterns are the foundation of good website usability, and they\u2019re the pieces websites are built upon.","og_url":"https:\/\/wpengine.com\/case-studies\/resources\/design-for-web-using-design-patterns-how-to\/","og_site_name":"WP Engine","article_publisher":"https:\/\/www.facebook.com\/wpengine","article_modified_time":"2024-02-08T20:19:13+00:00","og_image":[{"width":1200,"height":627,"url":"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2018\/09\/website-design-patterns_1200x627.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_image":"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2018\/09\/website-design-patterns_1200x627.png","twitter_site":"@wpengine","twitter_misc":{"Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/wpengine.com\/case-studies\/resources\/design-for-web-using-design-patterns-how-to\/","url":"https:\/\/wpengine.com\/case-studies\/resources\/design-for-web-using-design-patterns-how-to\/","name":"How to Design for the Web Using Design Patterns","isPartOf":{"@id":"https:\/\/wpengine.com\/case-studies\/#website"},"datePublished":"2018-09-17T19:07:29+00:00","dateModified":"2024-02-08T20:19:13+00:00","description":"Design patterns are the foundation of good website usability, and they\u2019re the pieces websites are built upon.","breadcrumb":{"@id":"https:\/\/wpengine.com\/case-studies\/resources\/design-for-web-using-design-patterns-how-to\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wpengine.com\/case-studies\/resources\/design-for-web-using-design-patterns-how-to\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/wpengine.com\/case-studies\/resources\/design-for-web-using-design-patterns-how-to\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/wpengine.com\/case-studies\/"},{"@type":"ListItem","position":2,"name":"Resources","item":"https:\/\/wpengine.com\/case-studies\/resources\/"},{"@type":"ListItem","position":3,"name":"How to Design for the Web Using Design Patterns"}]},{"@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\/f5301455463371a10d1fc290e9ad0085","name":"WP Engine","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/d8770fe9625ca7c4601f13d9d0ab86565a6dac8cd6a77bfe2ada6d83c6837870?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/d8770fe9625ca7c4601f13d9d0ab86565a6dac8cd6a77bfe2ada6d83c6837870?s=96&d=mm&r=g","caption":"WP Engine"},"sameAs":["https:\/\/wpengine.com"]}]}},"acf":[],"grid_image_url":"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2018\/09\/website-design-patterns_343x245.png","media-type":{"term_id":916,"name":"Article","slug":"article"},"role":"<strong>Roles:<\/strong> Designer","topic":"<strong>Topics:<\/strong> Design","_links":{"self":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/resource\/139780","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/resource"}],"about":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/types\/resource"}],"author":[{"embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/users\/1"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/media\/141619"}],"wp:attachment":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/media?parent=139780"}],"wp:term":[{"taxonomy":"resource-topic","embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/resource-topic?post=139780"},{"taxonomy":"resource-role","embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/resource-role?post=139780"},{"taxonomy":"resource-type","embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/resource-type?post=139780"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}