{"id":151889,"date":"2024-06-26T13:00:59","date_gmt":"2024-06-26T18:00:59","guid":{"rendered":"https:\/\/wpengine.com\/?p=151889"},"modified":"2025-05-14T13:33:26","modified_gmt":"2025-05-14T18:33:26","slug":"crafted-with-code-design-accessibility-2024","status":"publish","type":"post","link":"https:\/\/wpengine.com\/case-studies\/crafted-with-code-design-accessibility-2024\/","title":{"rendered":"Crafted With Code 2024: Design & Accessibility Showcase"},"content":{"rendered":"\n

Crafted with Code<\/a> is back, and this year\u2019s collection of Webby<\/a>-recognized projects features some of the best and most beautifully built sites yet.<\/p>\n\n\n\n

The Webby Awards exist to honor excellence online, and for the past five years, WP Engine has partnered with The Webbys to curate Crafted with Code as a digital showcase that lifts the veil and provides a deep dive into what it takes to build a Webby-recognized website.<\/p>\n\n\n\n

\n
Check out the showcase!<\/strong><\/a><\/div>\n<\/div>\n\n\n\n
<\/div>\n\n\n\n

Through interviews with the designers and developers responsible for creating each site, the showcase provides a backstory to explain the whos, hows, and whys that go into creating excellent experiences online, and this year, we\u2019re going all in on WordPress! Every one of this year\u2019s Crafted with Code projects was created using the world\u2019s favorite open-source platform.<\/p>\n\n\n\n

\u201cIt was important for us to highlight what\u2019s possible with WordPress to inspire the next generation of creators to bring Webby Award-worthy experiences to the web via the most flexible and powerful CMS\u201d said WP Engine Director of Brand Regina Yuan. <\/p>\n\n\n\n

\u201cBy sharing the experiences of the builders, designers, and creative visionaries, we\u2019re inspiring confidence online, which is at the heart of our brand promise and commitment to our customers. We also reformatted this year\u2019s showcase to be video-first to ensure the stories are engaging and easily consumable.\u201d<\/p>\n\n\n\n

First edition: Design & accessibility<\/h2>\n\n\n\n

Throughout the year, the showcase will be launched in three phases, each focusing on a different theme. This first phase places a spotlight on sites that feature exceptional design and accessibility<\/strong>. They\u2019re equal parts beautiful and functional, striking the right balance between style and user convenience.<\/p>\n\n\n\n

Later in the year, the showcase will release two additional collections, each curated around a new theme. The next collection, set to release later this summer, will focus on sites with a high level of performance<\/strong>. The final collection, full of sites on the cutting edge of WordPress innovation<\/strong>, will be released this fall.  <\/p>\n\n\n\n

This year\u2019s design and accessibility projects<\/h2>\n\n\n\n

To give you a taste of what\u2019s in store, here are a few of the projects highlighted by this year\u2019s Crafted with Code showcase that were built on WP Engine\u2019s award-winning platform.<\/p>\n\n\n\n

These sites are beautifully built and highly accessible to their audiences, making them the perfect digital gathering place for the communities they serve. With the best practices for modern development in mind, these projects capture the essence of the organizations they represent and the attention of the visitors they attract through their exceptional interface design and ease of use!<\/p>\n\n\n\n

\"the<\/figure>\n\n\n\n

Guild<\/a><\/h3>\n\n\n\n

Agency experts at Athletics<\/a> built this Webby Award-winning site for Guild<\/a>, a platform full of learning programs, dedicated career coaches, and tools to explore career pathways. The goal of the site is to promote Guild and its platform.\u00a0<\/p>\n\n\n\n

By partnering with top employers, Guild is able to curate learning programs that help individuals achieve their goals and grow within their company, connecting them with educational resources and 1:1 coaching, removing financial barriers to learning, and making economic mobility a reality for millions of Americans.<\/p>\n\n\n\n

The new Guild site fully represents the intersection of design and accessibility, ensuring that their digital home base is able to connect with users in a sleek yet functional manner. <\/p>\n\n\n\n

At a time when millions of Americans struggle to advance in their careers because they lack access to education and professional support, Guild is filling the gap, helping both employers and employees align skill-building resources to unlock career opportunities and growth.\u00a0<\/p>\n\n\n\n

\"the<\/figure>\n\n\n\n

SEGD<\/a><\/h3>\n\n\n\n

For more than fifty years, The Society for Experiential Graphic Design<\/a> has been the go-to resource for connecting designers to projects in need of expertise in wayfinding, placemaking, and experience design.\u00a0<\/p>\n\n\n\n

The nonprofit professional organization connected with agency experts at Wide Eye<\/a> to build a new site that speaks both to the history of SEGD and to the mission of the organization moving forward while enticing new members to join.<\/p>\n\n\n\n

As any SEGD member would attest, great design comes with great accessibility. The new, Webby People\u2019s Voice-winning site has a perfect accessibility score, with a hero header that can be switched to a static image.<\/p>\n\n\n\n

With 2,200 members across 36 countries and 46 chapters, having a single, centralized location to connect members with important news and updates is crucial to the growth of the organization.\u00a0<\/p>\n\n\n\n

The new site offers a directory<\/a> where visitors can sort through to find individual members as well as design firms, fabricators, and suppliers, information on the group\u2019s origins and major contributions to experiential design over the last 50 years<\/a>, the ability to join SEGD<\/a> directly, and a login page to access members-only content.<\/p>\n\n\n\n

\"the<\/figure>\n\n\n\n

BRIC Arts & Media<\/a><\/h3>\n\n\n\n

Brooklyn Information & Culture (BRIC)<\/a> has been shaping Brooklyn\u2019s cultural and media landscape since 1979. The group\u2019s mission is to advance opportunities for visual artists, performers, and media makers to build Brooklyn\u2019s creative future.<\/p>\n\n\n\n

BRIC offers classes, produces its own TV and podcast content, holds events, and provides community resources for local artists, all with the intention of facilitating creative risk-taking while centering diverse voices to drive culture forward.<\/p>\n\n\n\n

As an institution rooted in the arts, a sleek, functional design was crucial to telling the BRIC story. The new BRIC Arts & Media site\u2019s navigation is seamless, even on mobile, earning it a nomination for Best Responsive\/Adaptive Design for Mobile to go along with its Webby win in the Best Cultural Institution Website category.<\/p>\n\n\n\n

The site, created by digital experts at Bellweather<\/a>, is available in eleven languages to serve a diverse audience and includes a simple, responsive calendar<\/a> that makes it easy to view upcoming BRIC events.<\/p>\n\n\n\n

\"the<\/figure>\n\n\n\n

Travel by Design by Marriott<\/a><\/h3>\n\n\n\n

Marriott is one of the biggest names in travel, so when their team wanted to curate a behind-the-scenes look at the design and architecture of some of the most extraordinary hotels from around the world, they knew an elevated design and seamless navigation were crucial to telling the right story. <\/p>\n\n\n\n

The vibrant photography and engaging short films load quickly with flawless playback, promoting the importance of good design everywhere.<\/p>\n\n\n\n

A Webby Honoree for Best Home Page at this year\u2019s Webby Awards, the Travel by Design<\/a> site has similar goals to Crafted With Code: showcasing brand stories behind some of the top Marriott-managed hotels to ignite inspiration in the minds of tourists, encouraging them to travel in style from Aruba to Abu Dhabi and beyond!<\/p>\n\n\n\n

Tune in to our Crafted Future event to learn more!<\/h2>\n\n\n\n

Interested in hearing even more about the projects above or have a question for the creators? We\u2019ll be inviting digital leaders featured in this year\u2019s showcase to speak at a Crafted Future event on Design & Accessibility that we\u2019ll be co-hosting with the Webbys later next month. Register now<\/a> to save your seat!\u00a0<\/p>\n\n\n\n

We\u2019ll keep highlighting future editions of the stories behind the sites on our blog as well, so stay tuned for more project deep dives to come later this year!<\/p>\n\n\n\n

\n
View the Crafted With Code Showcase!<\/strong><\/a><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

Crafted with Code is back, and this year\u2019s collection of Webby-recognized projects features some of the best and most beautifully built sites yet. The Webby Awards exist to honor excellence online, and for the past five years, WP Engine has partnered with The Webbys to curate Crafted with Code as a digital showcase that lifts…<\/span><\/span><\/p>\n","protected":false},"author":318,"featured_media":151891,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1290],"tags":[1479,688],"class_list":["post-151889","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tech-partnerships","tag-crafted-with-code","tag-webby-awards"],"yoast_head":"\nCrafted With Code 2024: Design & Accessibility Showcase<\/title>\n<meta name=\"description\" content=\"Explore the stories behind the best designed and most accessible Webby-recognized website experiences of the year!\" \/>\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=\"Crafted With Code 2024: Design & Accessibility Showcase\" \/>\n<meta property=\"og:description\" content=\"Explore the stories behind the best designed and most accessible Webby-recognized website experiences of the year!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wpengine.com\/case-studies\/crafted-with-code-design-accessibility-2024\/\" \/>\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=\"2024-06-26T18:00:59+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-05-14T18:33:26+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2024\/06\/WPE-IMG-CWC-1200x627@2x.png\" \/>\n\t<meta property=\"og:image:width\" content=\"2400\" \/>\n\t<meta property=\"og:image:height\" content=\"1254\" \/>\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:title\" content=\"Crafted With Code 2024: Design & Accessibility Showcase\" \/>\n<meta name=\"twitter:description\" content=\"Explore the stories behind the best designed and most accessible Webby-recognized website experiences of the year!\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2024\/06\/WPE-IMG-CWC-1200x627@2x.png\" \/>\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=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/crafted-with-code-design-accessibility-2024\/\",\"url\":\"https:\/\/wpengine.com\/case-studies\/crafted-with-code-design-accessibility-2024\/\",\"name\":\"Crafted With Code 2024: Design & Accessibility Showcase\",\"isPartOf\":{\"@id\":\"https:\/\/wpengine.com\/case-studies\/#website\"},\"datePublished\":\"2024-06-26T18:00:59+00:00\",\"dateModified\":\"2025-05-14T18:33:26+00:00\",\"author\":{\"@id\":\"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/ba34e9468cbf591c7537e6c846b8a0d0\"},\"description\":\"Explore the stories behind the best designed and most accessible Webby-recognized website experiences of the year!\",\"breadcrumb\":{\"@id\":\"https:\/\/wpengine.com\/case-studies\/crafted-with-code-design-accessibility-2024\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/wpengine.com\/case-studies\/crafted-with-code-design-accessibility-2024\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/crafted-with-code-design-accessibility-2024\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/wpengine.com\/case-studies\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Crafted With Code 2024: Design & Accessibility Showcase\"}]},{\"@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":"Crafted With Code 2024: Design & Accessibility Showcase","description":"Explore the stories behind the best designed and most accessible Webby-recognized website experiences of the year!","robots":{"index":"noindex","follow":"follow"},"og_locale":"en_US","og_type":"article","og_title":"Crafted With Code 2024: Design & Accessibility Showcase","og_description":"Explore the stories behind the best designed and most accessible Webby-recognized website experiences of the year!","og_url":"https:\/\/wpengine.com\/case-studies\/crafted-with-code-design-accessibility-2024\/","og_site_name":"WP Engine","article_publisher":"https:\/\/www.facebook.com\/wpengine","article_published_time":"2024-06-26T18:00:59+00:00","article_modified_time":"2025-05-14T18:33:26+00:00","og_image":[{"width":2400,"height":1254,"url":"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2024\/06\/WPE-IMG-CWC-1200x627@2x.png","type":"image\/png"}],"author":"Riley Cullen","twitter_card":"summary_large_image","twitter_title":"Crafted With Code 2024: Design & Accessibility Showcase","twitter_description":"Explore the stories behind the best designed and most accessible Webby-recognized website experiences of the year!","twitter_image":"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2024\/06\/WPE-IMG-CWC-1200x627@2x.png","twitter_creator":"@wpengine","twitter_site":"@wpengine","twitter_misc":{"Written by":"Riley Cullen","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/wpengine.com\/case-studies\/crafted-with-code-design-accessibility-2024\/","url":"https:\/\/wpengine.com\/case-studies\/crafted-with-code-design-accessibility-2024\/","name":"Crafted With Code 2024: Design & Accessibility Showcase","isPartOf":{"@id":"https:\/\/wpengine.com\/case-studies\/#website"},"datePublished":"2024-06-26T18:00:59+00:00","dateModified":"2025-05-14T18:33:26+00:00","author":{"@id":"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/ba34e9468cbf591c7537e6c846b8a0d0"},"description":"Explore the stories behind the best designed and most accessible Webby-recognized website experiences of the year!","breadcrumb":{"@id":"https:\/\/wpengine.com\/case-studies\/crafted-with-code-design-accessibility-2024\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wpengine.com\/case-studies\/crafted-with-code-design-accessibility-2024\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/wpengine.com\/case-studies\/crafted-with-code-design-accessibility-2024\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/wpengine.com\/case-studies\/"},{"@type":"ListItem","position":2,"name":"Crafted With Code 2024: Design & Accessibility Showcase"}]},{"@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\/151889","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=151889"}],"version-history":[{"count":0,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/posts\/151889\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/media\/151891"}],"wp:attachment":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/media?parent=151889"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/categories?post=151889"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/tags?post=151889"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}