{"id":3501,"date":"2015-06-29T17:03:21","date_gmt":"2015-06-30T00:03:21","guid":{"rendered":"https:\/\/limelightdept.wpengine.com\/?post_type=project&#038;p=3501"},"modified":"2019-09-11T16:22:44","modified_gmt":"2019-09-11T16:22:44","slug":"project-mayhem-fight-club-2","status":"publish","type":"project","link":"https:\/\/limelightdept.com\/articles\/project\/project-mayhem-fight-club-2\/","title":{"rendered":"Project Mayhem &#8211; Fight Club 2"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"3501\" class=\"elementor elementor-3501\" data-elementor-post-type=\"project\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-331dc2ba elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"331dc2ba\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-16126745\" data-id=\"16126745\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6a2ec1aa elementor-widget elementor-widget-text-editor\" data-id=\"6a2ec1aa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p style=\"margin: 0px 0px 16px; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 16px;\">We were excited to work with Dark Horse Comics, an established and respected comics publisher. They were ready to promote a highly anticipated new comic, Fight Club 2. As the follow-up to Fight Club, a book with a massive cult following, the publication required a powerful online presence foundation to reach a worldwide audience.<\/p><p style=\"margin: 0px 0px 16px; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 16px;\">Project Mayhem is the underground movement that promoted the new release, so our design incorporated all of the elements of a secret and rebellious group. We showcased fan artwork and writing, while also giving the page a professional edge. We knew that devoted comics readers expect a high level of quality and craftsmanship, so we focused on using color and gritty styling in our design.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-63dc3971 elementor-widget elementor-widget-button\" data-id=\"63dc3971\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"http:\/\/joinprojectmayhem.com\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">GO TO WEBSITE<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3c432078 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3c432078\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6e662363\" data-id=\"6e662363\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2da12315 ld-project-pointer elementor-widget elementor-widget-heading\" data-id=\"2da12315\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><a href=\"#custom-web-design\">CUSTOM WEB DESIGN<\/a><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-45a35f52 elementor-widget elementor-widget-text-editor\" data-id=\"45a35f52\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p style=\"margin: 0px 0px 16px; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 16px;\">Dark Horse came to us with a clear vision for the Project Mayhem website, but encouraged us to be creative with the design and implementation. Starting with a base idea of a painted map of the USA with distinct sections, we explored many different concepts in order to give the project a unique look and an immersive feel that matches the existing artwork.<\/p><p style=\"margin: 0px 0px 16px; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 16px;\">Animations add a sensory element to the experience, giving readers a higher level of engagement. We placed shadows under each string and small details to the Polaroids and notes give the site a depth to the design that few dynamic websites can match.<\/p><p style=\"margin: 0px 0px 16px; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 16px;\">One of the amazing aspects of this website is the way that visitors explore the contents. They never leave the homepage, but rather move between sections. This gives navigation a smooth feel and draws readers in to explore further. Each section gives the reader access to interviews with the author and opportunities to submit artwork. This design allows fans to feel included as well as streamline the promotion of the publication.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-715a4bf1 elementor-skin-carousel elementor-arrows-yes elementor-pagination-type-bullets elementor-pagination-position-outside elementor-widget elementor-widget-media-carousel\" data-id=\"715a4bf1\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;slides_per_view&quot;:&quot;1&quot;,&quot;skin&quot;:&quot;carousel&quot;,&quot;effect&quot;:&quot;slide&quot;,&quot;show_arrows&quot;:&quot;yes&quot;,&quot;pagination&quot;:&quot;bullets&quot;,&quot;speed&quot;:500,&quot;autoplay&quot;:&quot;yes&quot;,&quot;autoplay_speed&quot;:5000,&quot;loop&quot;:&quot;yes&quot;,&quot;pause_on_hover&quot;:&quot;yes&quot;,&quot;pause_on_interaction&quot;:&quot;yes&quot;,&quot;space_between&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]},&quot;space_between_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]},&quot;space_between_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]}}\" data-widget_type=\"media-carousel.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-swiper\">\n\t\t\t\t\t<div class=\"elementor-main-swiper swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Slides\">\n\t\t\t\t<div class=\"swiper-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-carousel-image\" role=\"img\" aria-label=\"ProjectMayhem_DesignDevelopment_image02\" style=\"background-image: url(&#039;https:\/\/i0.wp.com\/limelightdept.com\/wp-content\/uploads\/2015\/06\/ProjectMayhem_DesignDevelopment_image02.jpg?fit=1080%2C745&amp;ssl=1&#039;)\">\n\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-carousel-image\" role=\"img\" aria-label=\"ProjectMayhem_DesignDevelopment_image03\" style=\"background-image: url(&#039;https:\/\/i0.wp.com\/limelightdept.com\/wp-content\/uploads\/2015\/06\/ProjectMayhem_DesignDevelopment_image03.jpg?fit=1080%2C745&amp;ssl=1&#039;)\">\n\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-carousel-image\" role=\"img\" aria-label=\"ProjectMayhem_DesignDevelopment_image06\" style=\"background-image: url(&#039;https:\/\/i0.wp.com\/limelightdept.com\/wp-content\/uploads\/2015\/06\/ProjectMayhem_DesignDevelopment_image06.jpg?fit=1080%2C717&amp;ssl=1&#039;)\">\n\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-carousel-image\" role=\"img\" aria-label=\"ProjectMayhem_DesignDevelopment_image04\" style=\"background-image: url(&#039;https:\/\/i0.wp.com\/limelightdept.com\/wp-content\/uploads\/2015\/06\/ProjectMayhem_DesignDevelopment_image04.jpg?fit=1080%2C745&amp;ssl=1&#039;)\">\n\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-carousel-image\" role=\"img\" aria-label=\"ProjectMayhem_DesignDevelopment_image05\" style=\"background-image: url(&#039;https:\/\/i0.wp.com\/limelightdept.com\/wp-content\/uploads\/2015\/06\/ProjectMayhem_DesignDevelopment_image05.jpg?fit=1080%2C915&amp;ssl=1&#039;)\">\n\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-prev\" role=\"button\" tabindex=\"0\" aria-label=\"Previous\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"eicon-chevron-left\"><\/i>\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-next\" role=\"button\" tabindex=\"0\" aria-label=\"Next\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"eicon-chevron-right\"><\/i>\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-pagination\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5a5c0a29 elementor-align-right elementor-widget elementor-widget-button\" data-id=\"5a5c0a29\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"\/articles\/project_type\/website-design\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">View All Custom Web Design Projects<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1604dd06 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1604dd06\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6bb68e59\" data-id=\"6bb68e59\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6cbf22fd elementor-widget__width-auto elementor-widget elementor-widget-button\" data-id=\"6cbf22fd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"http:\/\/joinprojectmayhem.com\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">GO TO WEBSITE<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-27806d33 elementor-widget__width-auto strategy-call elementor-widget elementor-widget-button\" data-id=\"27806d33\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">REQUEST YOUR FREE STRATEGY CALL<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"featured_media":3532,"template":"","project_type":[184],"industry":[190],"class_list":["post-3501","project","type-project","status-publish","has-post-thumbnail","hentry","project_type-website-design","industry-action"],"acf":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/limelightdept.com\/wp-json\/wp\/v2\/project\/3501","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/limelightdept.com\/wp-json\/wp\/v2\/project"}],"about":[{"href":"https:\/\/limelightdept.com\/wp-json\/wp\/v2\/types\/project"}],"version-history":[{"count":0,"href":"https:\/\/limelightdept.com\/wp-json\/wp\/v2\/project\/3501\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/limelightdept.com\/wp-json\/wp\/v2\/media\/3532"}],"wp:attachment":[{"href":"https:\/\/limelightdept.com\/wp-json\/wp\/v2\/media?parent=3501"}],"wp:term":[{"taxonomy":"project_type","embeddable":true,"href":"https:\/\/limelightdept.com\/wp-json\/wp\/v2\/project_type?post=3501"},{"taxonomy":"industry","embeddable":true,"href":"https:\/\/limelightdept.com\/wp-json\/wp\/v2\/industry?post=3501"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}