{"id":3887,"date":"2025-03-18T08:13:14","date_gmt":"2025-03-18T08:13:14","guid":{"rendered":"https:\/\/icom.imagemakers-inc.com\/?post_type=casestudy&#038;p=3887"},"modified":"2025-04-16T16:48:27","modified_gmt":"2025-04-16T20:48:27","slug":"client-modular-website","status":"publish","type":"casestudy","link":"https:\/\/icomagencies.com\/work\/client-modular-website\/","title":{"rendered":"Client Modular Website"},"content":{"rendered":"    <div class=\"section-wrap casestudy-hero position-relative casestudy-hero-block color-definer dark-color\"  >\r\n        <img decoding=\"async\"\r\n                src=\"https:\/\/icomagencies.com\/wp-content\/themes\/icom-wp-theme\/assets\/images\/case-study-banner.jpg\"\r\n                alt=\"case study banner\"\r\n                class='position-absolute w-100 case-study-banner'\r\n        \/>\r\n        <div class=\"center-container\">\r\n            <div class='case-study-banner-row position-relative'>\r\n                <div class='case-study-column'>\r\n                    <div class=\"breadcrumbs\">\r\n                        <a class=\"breadcrumbs-link\" href=\"\/\">\r\n                         Home\r\n                        <\/a>\/<a class=\"breadcrumbs-link\" href=\"\/work\">\r\n                         Case Studies\r\n                        <\/a>\r\n                    <\/div>\r\n                    <h1 class='case-study-banner-title'>\r\n                        Client Modular Website                    <\/h1>\r\n                    <div class='case-study-location-col'>\r\n                        <div class=\"position-relative\">\r\n                            <!-- <img decoding=\"async\" class=\"map-location\" src=\"https:\/\/icomagencies.com\/wp-content\/themes\/icom-wp-theme\/assets\/images\/location_icon.svg\"\r\n                            alt=\"Map location\"\/> -->\r\n<!--                            <img-->\r\n<!--                                src=\"https:\/\/icomagencies.com\/wp-content\/themes\/icom-wp-theme\/assets\/images\/case-study-location.png\"-->\r\n<!--                                alt=\"case study banner\"-->\r\n<!--                                class='case-study-location-img'-->\r\n<!--                            \/>-->\r\n                            \r\n                            <style>\r\n                                .map-container {\r\n                                    position: relative;\r\n                                    width: 100%;\r\n                                    max-width: 160px;\r\n                                    height: auto;\r\n                                }\r\n                                .map-container img.map {\r\n                                    width: 100%;\r\n                                    height: auto;\r\n                                    display: block;\r\n                                }\r\n                                .map-container .marker {\r\n                                    position: absolute;\r\n                                    height: 30px;\r\n                                    transform: translate(-50%, -90%);\r\n                                }\r\n                                @media (max-width: 600px) {\r\n                                    .map-container .marker {\r\n                                        height: 20px;\r\n                                    }\r\n                                }\r\n                            <\/style>\r\n\r\n                            <div class=\"map-container\">\r\n                                <!-- Map Image -->\r\n                                <img decoding=\"async\" src=\"https:\/\/icomagencies.com\/wp-content\/themes\/icom-wp-theme\/assets\/images\/map\/Map_White.png\" alt=\"Map\" class=\"map case-study-location-img\">\r\n\r\n                                <!-- Markers -->\r\n                                                                    <img decoding=\"async\" src=\"https:\/\/icomagencies.com\/wp-content\/themes\/icom-wp-theme\/assets\/images\/map\/pin.png\"\r\n                                         alt=\"Pin\"\r\n                                         class=\"marker \"\r\n                                         style=\"left: 27.02%; top: 21.88%;\">\r\n                                                            <\/div>\r\n                        <\/div>\r\n                        <div class='case-study-location-box'>\r\n                            \r\n                                <a href=\"https:\/\/icomagencies.com\/agency\/assemble-and-partners\/\" class='case-study-location'>\r\n                                    <p class='case-study-location-name'>\r\n                                        Assemble and Partners                                        <span>Philadelphia, United States of America<\/span>\r\n                                    <\/p>\r\n                                <\/a>\r\n                            \r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                                                <div class='case-study-btn-wrapper'>\r\n                            <a href=\"\/work\/web-design-development-case-studies\"><button class=\"custom-button\">Web Design \/ Development<\/button><\/a>\r\n                        <script>\r\n                            document.addEventListener('DOMContentLoaded', function () {\r\n                                const showMoreButton = document.querySelector('.show-more');\r\n                                const hiddenTerms = document.querySelectorAll('.hidden-term');\r\n\r\n                                if (showMoreButton) {\r\n\r\n                                    showMoreButton.addEventListener('click', function () {\r\n                                        hiddenTerms.forEach(term => term.classList.toggle('hidden-term'));\r\n                                       \/\/ showMoreButton.textContent = showMoreButton.textContent === '...' ? 'Show Less' : '...';\r\n                                        showMoreButton.classList.toggle('hidden-term');\r\n                                    });\r\n                                }\r\n                            });\r\n                        <\/script>\r\n\r\n\r\n                    <\/div>\r\n                    \r\n                                    <p className='casestudy-banner-pera'>\r\n                        Sector: Hospitality<br>Task: Modular Websites<br>\u00a0<br><strong>Project Highlights:<\/strong><br>While under a tight deadline, an international luxury hospitality brand asked Assemble to create a new WordPress website for one of their hotel locations with full editing, updating, and page creation capabilities.<br>Since none of their team had any development or coding expertise, Assemble recommended a modular site using Elementor that would make adding and updating site components easy and highly customizable<br>The client could drag and drop UI components from galleries, accordions, text-image blocks, multi-column blocks, and more into any page and incorporate their brand style.<br>This formula cut production time down drasticallyto meet the short turnaround and gave the client the ability to update and elevate their site moving forward.<br>\u00a0<br><strong>The Approach:<\/strong><br>When a multinational hospitality company needed a quick turnaround on a new website for one of their new locations, they came to Assemble. To accommodate the tight production deadline, in addition to ever-changing rates and amenities, they needed a site that gave their team the ability to add updates, make edits, and create new pages \u2014 without any coding or development expertise. Given only a few general concepts and references of what the client wanted the site to look like and how it should function, Assemble opted for a modular site that would make any post-launch adjustments easy.<br>\u00a0<br>With the quick deadline looming, Assemble built the site on WordPress utilizing dummy\/FPO images and copy to get everything in place for the client. Using Elementor, a well-known WordPress site builder, we created a site with a simple drag and drop interface to make editing easy. We also extended its functionality by creating custom UI components, such as galleries, accordions, text-image blocks, multi-column blocks, etc., giving the client extensive control over the style of any additions made to the site.<br>\u00a0<br><strong>The Big Wins:<\/strong><br>Not only was the system extremely easy for the client to update and scale, requiring no coding or web development experience at all, but the final product was extremely high-quality and elegant \u2014 a perfect match for their high-end brand.<br>Even further, this system enabled us to cut the web development timeline down to a fraction to meet the client\u2019s quick turnaround. What would typically require a month of work on regular web development, took only a week.<br>\u00a0<br>The client was so thrilled with both the process and the result, that they asked us to use the same system to redesign for 3 of their other high-end hotel websites in their extensive portfolio. And Assemble is excited to continue our partnership!<br>\u00a0<br><strong>A Key Takeaway:<\/strong><br>In a modular site like this, the various content blocks we incorporated are very easy to style, so the client wasn\u2019t limited in terms of configuring to their ideal look and feel, and instead, could adjust to continue to meet their branding needs as they evolved. They could change the color scheme and alignment of any component that we had already built out for them. The client will be able to go to any specific page, and simply drag a component to the stage, then start adding their own copy and images to it to replace the current placeholders and add new content moving forward.<br>\u00a0<br>This formula allows non-developers to both easily create new pages and update existing pages to display final content, while keeping the creative and branding consistent across every page.<br>\u00a0<\/p>\r\n                    \r\n\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <a href=\"javascript:;\" id=\"work-scroll-link\" class=\"scroll-btn-wrapper work-scroll-btn-wrapper\">\r\n            <div class=\"scroll-text\">SCROLL<\/div>\r\n            <span class=\"scroll-btn\">\r\n                <img decoding=\"async\" src=\"https:\/\/icomagencies.com\/wp-content\/themes\/icom-wp-theme\/assets\/images\/down-arrow-round.svg\" alt=\"bottom arrow scroll icon\" \/>\r\n            <\/span>\r\n        <\/a>\r\n    <\/div>\r\n    \n\n    <div class=\"content-wrap our-work-page color-definer light-color\" id=\"content-gallery-69e0f0549317e-9980\">\r\n        <div class=\"section-wrap image-gallery-block\">\r\n            <div class=\"center-container\">\r\n                <div class=\"image-gallery-row odd-element-mob-media odd-media-lib\">\r\n                                            <div class=\"gallery-box cursor\"\r\n                             onclick=\"document.getElementById('galleryModal-gallery-69e0f0549317e-9980').style.display='block'; currentSlide(1, 'galleryModal-gallery-69e0f0549317e-9980')\">\r\n                                                            <img decoding=\"async\" src=\"https:\/\/icomagencies.com\/wp-content\/uploads\/2025\/03\/Client-Modular-Website_image-1024x442.webp\"\r\n                                     alt=\"Gallery image 1\"\r\n                                     loading=\"lazy\"\r\n                                                                         sizes=\"(max-width: 600px) 100vw, 600px\" \/>\r\n                                                    <\/div>\r\n                                    <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <div id=\"galleryModal-gallery-69e0f0549317e-9980\" class=\"image-gallery-modal\">\r\n            <button class=\"image-gallery-closeBtn cursor\"\r\n                    onclick=\"document.getElementById('galleryModal-gallery-69e0f0549317e-9980').style.display='none'\">\r\n\t\t\t\t<span class=\"flexCenter\">\r\n\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/icomagencies.com\/wp-content\/themes\/icom-wp-theme\/assets\/images\/blue-dot-shape.svg\"\r\n                         alt=\"blue icon\"\r\n                         loading=\"lazy\" \/>\r\n\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/icomagencies.com\/wp-content\/themes\/icom-wp-theme\/assets\/images\/close-icon.svg\"\r\n                         class=\"slider-close-icon position-absolute\"\r\n                         alt=\"close icon\"\r\n                         loading=\"lazy\" \/>\r\n\t\t\t\t<\/span>\r\n            <\/button>\r\n            <div class=\"image-gallery-modal-content\">\r\n                                    <div class=\"mySlides\">\r\n                                                    <img decoding=\"async\" src=\"https:\/\/icomagencies.com\/wp-content\/uploads\/2025\/03\/Client-Modular-Website_image-1024x442.webp\"\r\n                                 class=\"w-100\"\r\n                                 alt=\"Modal image 1\"\r\n                                 loading=\"lazy\"\r\n                                                                 sizes=\"(max-width: 600px) 100vw, 600px\" \/>\r\n                                            <\/div>\r\n                                <a class=\"prev-image-slide\"\r\n                   onclick=\"stopAllVideos('galleryModal-gallery-69e0f0549317e-9980'); plusSlides(-1, 'galleryModal-gallery-69e0f0549317e-9980')\">\r\n                    <img decoding=\"async\" src=\"https:\/\/icomagencies.com\/wp-content\/themes\/icom-wp-theme\/assets\/images\/arrow_right_alt.png\"\r\n                         alt=\"prev\"\r\n                         loading=\"lazy\" \/>\r\n                <\/a>\r\n                <a class=\"next-image-slide\"\r\n                   onclick=\"stopAllVideos('galleryModal-gallery-69e0f0549317e-9980'); plusSlides(1, 'galleryModal-gallery-69e0f0549317e-9980')\">\r\n                    <img decoding=\"async\" src=\"https:\/\/icomagencies.com\/wp-content\/themes\/icom-wp-theme\/assets\/images\/arrow_right_alt.png\"\r\n                         alt=\"next\"\r\n                         loading=\"lazy\" \/>\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n    ","protected":false},"featured_media":3889,"template":"","agency_industry":[176,179,180,183,185,187,192,195,199],"agency_capability":[204],"class_list":["post-3887","casestudy","type-casestudy","status-publish","has-post-thumbnail","hentry","agency_industry-adult-beverages","agency_industry-automotive","agency_industry-banking-and-financial-services","agency_industry-consumer-services","agency_industry-entertainment-sports","agency_industry-healthcare","agency_industry-pharmaceuticals","agency_industry-retail","agency_industry-travel-transportation-tourism-hospitality","agency_capability-web-design-development"],"acf":{"agency":[761],"icom_collaboration":"","logo_display":"white"},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Client Modular Website - ICOM<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/icomagencies.com\/work\/client-modular-website\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Client Modular Website - ICOM\" \/>\n<meta property=\"og:url\" content=\"https:\/\/icomagencies.com\/work\/client-modular-website\/\" \/>\n<meta property=\"og:site_name\" content=\"ICOM\" \/>\n<meta property=\"article:modified_time\" content=\"2025-04-16T20:48:27+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/icomagencies.com\/wp-content\/uploads\/2025\/03\/Client-Modular-Website_image.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1500\" \/>\n\t<meta property=\"og:image:height\" content=\"647\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/icomagencies.com\\\/work\\\/client-modular-website\\\/\",\"url\":\"https:\\\/\\\/icomagencies.com\\\/work\\\/client-modular-website\\\/\",\"name\":\"Client Modular Website - ICOM\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/icomagencies.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/icomagencies.com\\\/work\\\/client-modular-website\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/icomagencies.com\\\/work\\\/client-modular-website\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/icomagencies.com\\\/wp-content\\\/uploads\\\/2025\\\/03\\\/Client-Modular-Website_image.webp\",\"datePublished\":\"2025-03-18T08:13:14+00:00\",\"dateModified\":\"2025-04-16T20:48:27+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/icomagencies.com\\\/work\\\/client-modular-website\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/icomagencies.com\\\/work\\\/client-modular-website\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/icomagencies.com\\\/work\\\/client-modular-website\\\/#primaryimage\",\"url\":\"https:\\\/\\\/icomagencies.com\\\/wp-content\\\/uploads\\\/2025\\\/03\\\/Client-Modular-Website_image.webp\",\"contentUrl\":\"https:\\\/\\\/icomagencies.com\\\/wp-content\\\/uploads\\\/2025\\\/03\\\/Client-Modular-Website_image.webp\",\"width\":1500,\"height\":647,\"caption\":\"Client Modular Website_image\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/icomagencies.com\\\/work\\\/client-modular-website\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/icomagencies.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Client Modular Website\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/icomagencies.com\\\/#website\",\"url\":\"https:\\\/\\\/icomagencies.com\\\/\",\"name\":\"ICOM\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/icomagencies.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Client Modular Website - ICOM","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/icomagencies.com\/work\/client-modular-website\/","og_locale":"en_US","og_type":"article","og_title":"Client Modular Website - ICOM","og_url":"https:\/\/icomagencies.com\/work\/client-modular-website\/","og_site_name":"ICOM","article_modified_time":"2025-04-16T20:48:27+00:00","og_image":[{"width":1500,"height":647,"url":"https:\/\/icomagencies.com\/wp-content\/uploads\/2025\/03\/Client-Modular-Website_image.webp","type":"image\/webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/icomagencies.com\/work\/client-modular-website\/","url":"https:\/\/icomagencies.com\/work\/client-modular-website\/","name":"Client Modular Website - ICOM","isPartOf":{"@id":"https:\/\/icomagencies.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/icomagencies.com\/work\/client-modular-website\/#primaryimage"},"image":{"@id":"https:\/\/icomagencies.com\/work\/client-modular-website\/#primaryimage"},"thumbnailUrl":"https:\/\/icomagencies.com\/wp-content\/uploads\/2025\/03\/Client-Modular-Website_image.webp","datePublished":"2025-03-18T08:13:14+00:00","dateModified":"2025-04-16T20:48:27+00:00","breadcrumb":{"@id":"https:\/\/icomagencies.com\/work\/client-modular-website\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/icomagencies.com\/work\/client-modular-website\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/icomagencies.com\/work\/client-modular-website\/#primaryimage","url":"https:\/\/icomagencies.com\/wp-content\/uploads\/2025\/03\/Client-Modular-Website_image.webp","contentUrl":"https:\/\/icomagencies.com\/wp-content\/uploads\/2025\/03\/Client-Modular-Website_image.webp","width":1500,"height":647,"caption":"Client Modular Website_image"},{"@type":"BreadcrumbList","@id":"https:\/\/icomagencies.com\/work\/client-modular-website\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/icomagencies.com\/"},{"@type":"ListItem","position":2,"name":"Client Modular Website"}]},{"@type":"WebSite","@id":"https:\/\/icomagencies.com\/#website","url":"https:\/\/icomagencies.com\/","name":"ICOM","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/icomagencies.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/icomagencies.com\/api\/wp\/v2\/casestudy\/3887","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/icomagencies.com\/api\/wp\/v2\/casestudy"}],"about":[{"href":"https:\/\/icomagencies.com\/api\/wp\/v2\/types\/casestudy"}],"acf:post":[{"embeddable":true,"href":"https:\/\/icomagencies.com\/api\/wp\/v2\/agency\/761"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/icomagencies.com\/api\/wp\/v2\/media\/3889"}],"wp:attachment":[{"href":"https:\/\/icomagencies.com\/api\/wp\/v2\/media?parent=3887"}],"wp:term":[{"taxonomy":"agency_industry","embeddable":true,"href":"https:\/\/icomagencies.com\/api\/wp\/v2\/agency_industry?post=3887"},{"taxonomy":"agency_capability","embeddable":true,"href":"https:\/\/icomagencies.com\/api\/wp\/v2\/agency_capability?post=3887"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}