GMB, a leader in engineering and architecture, faced hurdles with an outdated website that didn't showcase their projects effectively and was difficult to manage their content without the assistance from a developer. They turned to Inclind for a modern redesign and solutions. Complicating matters, GMB lacked a clear vision for their website's direction so we stepped in to update the design and provide crucial project management, guiding GMB towards a clear and purposeful web design.
User-Centric Digital Experience
Purposeful Web Design
Inclind provided GMB with a Custom WordPress design tailored to their brand, ensuring mobile-friendliness and adherence to accessibility guidelines. We’ve developed a library of reusable templates, one of them being a standardized project template, which simplified project creation for the GMB team. The introduction of mega navigation improved user experience and SEO. An animated history timeline added interactivity, enhancing visitor engagement. Inclind's solutions collectively revitalized GMB's digital landscape, making it visually appealing, user-friendly, and strategically optimized to showcase their engineering and architectural expertise.
Customized Web Design
Custom Video Integration
Search Integration
Reusable Templates and Components
Mega Navigation
History Timeline
Technology Used
The outcome of Inclind's website design and development for GMB is a modern digital platform impeccably tailored to resonate with their target audience. Through strategic design choices and thoughtful user experience enhancements, the website emerges as an engaging showcase for GMB's diverse projects and services. The result is not merely a static online presence but a dynamic and compelling platform that captivates visitors, effectively communicates GMB's expertise, and invites meaningful engagement from their intended audience.
{
"jsonapi": {
"version": "1.0",
"meta": {
"links": {
"self": {
"href": "http:\/\/jsonapi.org\/format\/1.0\/"
}
}
}
},
"data": {
"type": "node--article",
"id": "380fc54f-d8fa-4f88-bedf-a8bb0b0a44f4",
"links": {
"self": {
"href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/380fc54f-d8fa-4f88-bedf-a8bb0b0a44f4?resourceVersion=id%3A493"
}
},
"attributes": {
"internalId": 491,
"isPublished": true,
"title": "George, Miles \u0026 Buhr, LLC (GMB) Website Revamp ",
"created": "2023-12-22T19:27:37+00:00",
"changed": "2024-02-02T19:26:27+00:00",
"promote": false,
"sticky": false,
"metatag": [
{
"tag": "meta",
"attributes": {
"name": "title",
"content": "George, Miles \u0026 Buhr, LLC (GMB) Website Revamp | Inclind"
}
},
{
"tag": "meta",
"attributes": {
"name": "abstract",
"content": "Delaware Drupal web development company specializing in custom Drupal development, real estate and rental brokerage websites, internet marketing and ecommerce"
}
},
{
"tag": "link",
"attributes": {
"rel": "canonical",
"href": "https:\/\/www.inclind.com\/news\/george-miles-buhr-llc-gmb-website-revamp"
}
},
{
"tag": "meta",
"attributes": {
"name": "robots",
"content": "index, follow"
}
},
{
"tag": "meta",
"attributes": {
"property": "og:site_name",
"content": "Inclind"
}
},
{
"tag": "meta",
"attributes": {
"property": "og:url",
"content": "https:\/\/www.inclind.com\/news\/george-miles-buhr-llc-gmb-website-revamp"
}
},
{
"tag": "meta",
"attributes": {
"property": "og:title",
"content": "George, Miles \u0026 Buhr, LLC (GMB) Website Revamp"
}
},
{
"tag": "meta",
"attributes": {
"property": "og:description",
"content": "Delaware Drupal web development company specializing in custom Drupal development, real estate and rental brokerage websites, internet marketing and ecommerce"
}
},
{
"tag": "meta",
"attributes": {
"property": "place:location:latitude",
"content": "38.77513"
}
},
{
"tag": "meta",
"attributes": {
"property": "place:location:longitude",
"content": "-75.13974"
}
},
{
"tag": "meta",
"attributes": {
"property": "og:street_address",
"content": "119 W. Third St., Suite 6"
}
},
{
"tag": "meta",
"attributes": {
"property": "og:locality",
"content": "Lewes"
}
},
{
"tag": "meta",
"attributes": {
"property": "og:region",
"content": "Delaware"
}
},
{
"tag": "meta",
"attributes": {
"property": "og:postal_code",
"content": "19958"
}
},
{
"tag": "meta",
"attributes": {
"property": "og:country_name",
"content": "United States"
}
},
{
"tag": "meta",
"attributes": {
"property": "og:email",
"content": "hello@inclind.com"
}
},
{
"tag": "meta",
"attributes": {
"property": "og:phone_number",
"content": "(800) 604-8139"
}
}
],
"path": {
"alias": "\/news\/george-miles-buhr-llc-gmb-website-revamp",
"pid": 1331,
"langcode": "en"
},
"body": null,
"articleType": "case-study",
"author": "Nick Bumgarner",
"authorTitle": null,
"challenge": {
"value": "\u003Cdiv class=\u0022z-1 relative pb-20\u0022\u003E\u003Cdiv class=\u0022container mx-auto\u0022\u003E\u003Cdiv class=\u0022mb-4\u0022\u003E\u003Cp\u003EGMB, a leader in engineering and architecture, faced hurdles with an outdated website that didn\u0027t showcase their projects effectively and was difficult to manage their content without the assistance from a developer. They turned to Inclind for a modern \u003Ca href=\u0022\/solutions\/website-redesigns\u0022\u003Eredesign\u003C\/a\u003E and solutions. Complicating matters, GMB lacked a clear vision for their website\u0027s direction so we stepped in to update the design and provide crucial project management, guiding GMB towards a clear and purposeful web design.\u003C\/p\u003E\u003C\/div\u003E\u003Cdiv class=\u0022flex flex-col space-x-0 space-y-12 lg:grid lg:grid-cols-2 lg:gap-5 lg:space-y-0\u0022\u003E\u003Cdiv class=\u0022flex\u0022\u003E\u003Cdiv class=\u0022flex w-full\u0022\u003E\u003Cdiv class=\u0022feature-block-wrapper h-full flex \u0022\u003E\u003Cdiv class=\u0022flex justify-start sm:px-10 h-full rounded bg-secondary-100 p-4 dark:bg-secondary-900 sm:p-4 flex-col lg:flex-row\u0022\u003E\u003Cdiv class=\u0022content-wrapper flex w-full basis-full flex-col justify-center \u0022\u003E\u003Ch2 class=\u0022mt-4 text-secondary-900 dark:text-secondary-50 text-2xl lg:text-left\u0022\u003EUser-Centric Digital Experience\u003C\/h2\u003E\u003Cdiv class=\u0022text-md mb-4 mt-2 text-secondary-900 dark:text-secondary-50 lg:text-left\u0022\u003EWe streamlined navigation, identified and refined the target audience, ensuring that GMB\u0027s revamped website would resonate effectively with visitors. This collaborative effort transformed uncertainty into a well-defined design strategy, enriching the user experience and aligning GMB with their intended audience.\u003C\/div\u003E\u003C\/div\u003E\u003C\/div\u003E\u003C\/div\u003E\u003C\/div\u003E\u003C\/div\u003E\u003Cdiv class=\u0022flex\u0022\u003E\u003Cdiv class=\u0022flex w-full\u0022\u003E\u003Cdiv class=\u0022feature-block-wrapper h-full flex \u0022\u003E\u003Cdiv class=\u0022flex justify-start sm:px-10 h-full rounded bg-secondary-100 p-4 dark:bg-secondary-900 sm:p-4 flex-col lg:flex-row\u0022\u003E\u003Cdiv class=\u0022content-wrapper flex w-full basis-full flex-col justify-center \u0022\u003E\u003Ch2 class=\u0022mt-4 text-secondary-900 dark:text-secondary-50 text-2xl lg:text-left\u0022\u003EPurposeful Web Design\u003C\/h2\u003E\u003Cdiv class=\u0022text-md mb-4 mt-2 text-secondary-900 dark:text-secondary-50 lg:text-left\u0022\u003EWe stepped in to create a website that highlights GMB\u0027s expertise and engages visitors, encouraging them to explore the potential of partnering on future engineering and architectural projects. A well-crafted web design became the key to communicating GMB\u0027s value proposition and inviting prospective clients to explore possibilities.\u003C\/div\u003E\u003C\/div\u003E\u003C\/div\u003E\u003C\/div\u003E\u003C\/div\u003E\u003C\/div\u003E\u003C\/div\u003E\u003C\/div\u003E\u003C\/div\u003E",
"format": "full_html",
"processed": "\u003Cdiv class=\u0022z-1 relative pb-20\u0022\u003E\n\u003Cdiv class=\u0022container mx-auto\u0022\u003E\n\u003Cdiv class=\u0022mb-4\u0022\u003E\n\u003Cp\u003EGMB, a leader in engineering and architecture, faced hurdles with an outdated website that didn\u0027t showcase their projects effectively and was difficult to manage their content without the assistance from a developer. They turned to Inclind for a modern \u003Ca href=\u0022\/solutions\/website-redesigns\u0022\u003Eredesign\u003C\/a\u003E and solutions. Complicating matters, GMB lacked a clear vision for their website\u0027s direction so we stepped in to update the design and provide crucial project management, guiding GMB towards a clear and purposeful web design.\u003C\/p\u003E\n\u003C\/div\u003E\n\u003Cdiv class=\u0022flex flex-col space-x-0 space-y-12 lg:grid lg:grid-cols-2 lg:gap-5 lg:space-y-0\u0022\u003E\n\u003Cdiv class=\u0022flex\u0022\u003E\n\u003Cdiv class=\u0022flex w-full\u0022\u003E\n\u003Cdiv class=\u0022feature-block-wrapper h-full flex \u0022\u003E\n\u003Cdiv class=\u0022flex justify-start sm:px-10 h-full rounded bg-secondary-100 p-4 dark:bg-secondary-900 sm:p-4 flex-col lg:flex-row\u0022\u003E\n\u003Cdiv class=\u0022content-wrapper flex w-full basis-full flex-col justify-center \u0022\u003E\n\u003Ch2 class=\u0022mt-4 text-secondary-900 dark:text-secondary-50 text-2xl lg:text-left\u0022\u003EUser-Centric Digital Experience\u003C\/h2\u003E\n\u003Cdiv class=\u0022text-md mb-4 mt-2 text-secondary-900 dark:text-secondary-50 lg:text-left\u0022\u003EWe streamlined navigation, identified and refined the target audience, ensuring that GMB\u0027s revamped website would resonate effectively with visitors. This collaborative effort transformed uncertainty into a well-defined design strategy, enriching the user experience and aligning GMB with their intended audience.\u003C\/div\u003E\n\u003C\/div\u003E\n\u003C\/div\u003E\n\u003C\/div\u003E\n\u003C\/div\u003E\n\u003C\/div\u003E\n\u003Cdiv class=\u0022flex\u0022\u003E\n\u003Cdiv class=\u0022flex w-full\u0022\u003E\n\u003Cdiv class=\u0022feature-block-wrapper h-full flex \u0022\u003E\n\u003Cdiv class=\u0022flex justify-start sm:px-10 h-full rounded bg-secondary-100 p-4 dark:bg-secondary-900 sm:p-4 flex-col lg:flex-row\u0022\u003E\n\u003Cdiv class=\u0022content-wrapper flex w-full basis-full flex-col justify-center \u0022\u003E\n\u003Ch2 class=\u0022mt-4 text-secondary-900 dark:text-secondary-50 text-2xl lg:text-left\u0022\u003EPurposeful Web Design\u003C\/h2\u003E\n\u003Cdiv class=\u0022text-md mb-4 mt-2 text-secondary-900 dark:text-secondary-50 lg:text-left\u0022\u003EWe stepped in to create a website that highlights GMB\u0027s expertise and engages visitors, encouraging them to explore the potential of partnering on future engineering and architectural projects. A well-crafted web design became the key to communicating GMB\u0027s value proposition and inviting prospective clients to explore possibilities.\u003C\/div\u003E\n\u003C\/div\u003E\n\u003C\/div\u003E\n\u003C\/div\u003E\n\u003C\/div\u003E\n\u003C\/div\u003E\n\u003C\/div\u003E\n\u003C\/div\u003E\n\u003C\/div\u003E\n"
},
"introText": null,
"location": null,
"f_metatag": null,
"publishDate": "2023-12-22",
"result": {
"value": "\u003Cp\u003EThe outcome of Inclind\u0027s website design and development for GMB is a modern digital platform impeccably tailored to resonate with their target audience. Through strategic design choices and thoughtful user experience enhancements, the website emerges as an engaging showcase for GMB\u0027s diverse projects and services. The result is not merely a static online presence but a dynamic and compelling platform that captivates visitors, effectively communicates GMB\u0027s expertise, and invites meaningful engagement from their intended audience.\u003C\/p\u003E",
"format": "full_html",
"processed": "\u003Cp\u003EThe outcome of Inclind\u0027s website design and development for GMB is a modern digital platform impeccably tailored to resonate with their target audience. Through strategic design choices and thoughtful user experience enhancements, the website emerges as an engaging showcase for GMB\u0027s diverse projects and services. The result is not merely a static online presence but a dynamic and compelling platform that captivates visitors, effectively communicates GMB\u0027s expertise, and invites meaningful engagement from their intended audience.\u003C\/p\u003E\n"
},
"solution": {
"value": "\u003Cdiv class=\u0022z-1 relative pb-20\u0022\u003E\u003Cdiv class=\u0022container mx-auto\u0022\u003E\u003Cdiv class=\u0022mb-4\u0022\u003E\u003Cp\u003EInclind provided GMB with a \u003Ca href=\u0022\/services\/wordpress-websites\u0022\u003ECustom WordPress design\u003C\/a\u003E tailored to their brand, ensuring mobile-friendliness and adherence to \u003Ca href=\u0022\/solutions\/accessibility-audits\u0022\u003Eaccessibility guidelines\u003C\/a\u003E. We\u2019ve developed a library of reusable templates, one of them being a standardized project template, which simplified project creation for the GMB team. The introduction of mega navigation improved user experience and \u003Ca href=\u0022\/solutions\/technical-seo\u0022\u003ESEO\u003C\/a\u003E. An animated history timeline added interactivity, enhancing visitor engagement. Inclind\u0027s solutions collectively revitalized GMB\u0027s digital landscape, making it visually appealing, user-friendly, and \u003Ca href=\u0022\/solutions\/conversion-optimization\u0022\u003Estrategically optimized\u003C\/a\u003E to showcase their engineering and architectural expertise.\u003C\/p\u003E\u003C\/div\u003E\u003Cdiv class=\u0022flex flex-col space-x-0 space-y-12 lg:grid lg:grid-cols-2 lg:gap-5 lg:space-y-0\u0022\u003E\u003Cdiv class=\u0022flex\u0022\u003E\u003Cdiv class=\u0022flex w-full\u0022\u003E\u003Cdiv class=\u0022feature-block-wrapper h-full flex \u0022\u003E\u003Cdiv class=\u0022flex justify-start sm:px-10 h-full rounded bg-secondary-100 p-4 dark:bg-secondary-900 sm:p-4 flex-col lg:flex-row\u0022\u003E\u003Cdiv class=\u0022content-wrapper flex w-full basis-full flex-col justify-center \u0022\u003E\u003Ch2 class=\u0022mt-4 text-secondary-900 dark:text-secondary-50 text-2xl lg:text-left\u0022\u003ECustomized Web Design\u003C\/h2\u003E\u003Cdiv class=\u0022text-md mb-4 mt-2 text-secondary-900 dark:text-secondary-50 lg:text-left\u0022\u003EThis tailored design captures the unique identity of GMB and ensures a flawless user experience on various devices by optimizing for mobile accessibility. To uphold inclusivity and reach a broader audience, the design strictly adheres to accessibility guidelines, guaranteeing that the website is navigable and comprehensible for users with diverse needs and preferences.\u003C\/div\u003E\u003C\/div\u003E\u003C\/div\u003E\u003C\/div\u003E\u003C\/div\u003E\u003C\/div\u003E\u003Cdiv class=\u0022flex\u0022\u003E\u003Cdiv class=\u0022flex w-full\u0022\u003E\u003Cdiv class=\u0022feature-block-wrapper h-full flex \u0022\u003E\u003Cdiv class=\u0022flex justify-start sm:px-10 h-full rounded bg-secondary-100 p-4 dark:bg-secondary-900 sm:p-4 flex-col lg:flex-row\u0022\u003E\u003Cdiv class=\u0022content-wrapper flex w-full basis-full flex-col justify-center \u0022\u003E\u003Ch2 class=\u0022mt-4 text-secondary-900 dark:text-secondary-50 text-2xl lg:text-left\u0022\u003ECustom Video Integration\u003C\/h2\u003E\u003Cdiv class=\u0022text-md mb-4 mt-2 text-secondary-900 dark:text-secondary-50 lg:text-left\u0022\u003EWe implemented a custom video feature for GMB and skillfully compressed the video for optimal web performance, while ensuring a seamless viewing experience without compromising on quality. Taking it a step further, we were able to load two videos simultaneously without affecting performance.\u003C\/div\u003E\u003C\/div\u003E\u003C\/div\u003E\u003C\/div\u003E\u003C\/div\u003E\u003C\/div\u003E\u003Cdiv class=\u0022flex\u0022\u003E\u003Cdiv class=\u0022flex w-full\u0022\u003E\u003Cdiv class=\u0022feature-block-wrapper h-full flex \u0022\u003E\u003Cdiv class=\u0022flex justify-start sm:px-10 h-full rounded bg-secondary-100 p-4 dark:bg-secondary-900 sm:p-4 flex-col lg:flex-row\u0022\u003E\u003Cdiv class=\u0022content-wrapper flex w-full basis-full flex-col justify-center \u0022\u003E\u003Ch2 class=\u0022mt-4 text-secondary-900 dark:text-secondary-50 text-2xl lg:text-left\u0022\u003ESearch Integration\u003C\/h2\u003E\u003Cdiv class=\u0022text-md mb-4 mt-2 text-secondary-900 dark:text-secondary-50 lg:text-left\u0022\u003EImplemented an intuitive search feature, allowing visitors to filter content by service and various sectors. This dynamic functionality empowers visitors to pinpoint relevant information quickly and offers GMB the flexibility to manage and update content effectively.\u003C\/div\u003E\u003C\/div\u003E\u003C\/div\u003E\u003C\/div\u003E\u003C\/div\u003E\u003C\/div\u003E\u003Cdiv class=\u0022flex\u0022\u003E\u003Cdiv class=\u0022flex w-full\u0022\u003E\u003Cdiv class=\u0022feature-block-wrapper h-full flex \u0022\u003E\u003Cdiv class=\u0022flex justify-start sm:px-10 h-full rounded bg-secondary-100 p-4 dark:bg-secondary-900 sm:p-4 flex-col lg:flex-row\u0022\u003E\u003Cdiv class=\u0022content-wrapper flex w-full basis-full flex-col justify-center \u0022\u003E\u003Ch2 class=\u0022mt-4 text-secondary-900 dark:text-secondary-50 text-2xl lg:text-left\u0022\u003EReusable Templates and Components\u003C\/h2\u003E\u003Cdiv class=\u0022text-md mb-4 mt-2 text-secondary-900 dark:text-secondary-50 lg:text-left\u0022\u003EWe created reusable templates for GMB, offering a solution for the effortless creation of landing pages to project pages. This simplified the content creation process for GMB and ensured a consistent and cohesive visual identity across their website. Furthermore, Inclind introduced a reusable component specifically designed for constructing GMB\u0027s leadership team page, enhancing both efficiency and visual continuity.\u003C\/div\u003E\u003C\/div\u003E\u003C\/div\u003E\u003C\/div\u003E\u003C\/div\u003E\u003C\/div\u003E\u003Cdiv class=\u0022flex\u0022\u003E\u003Cdiv class=\u0022flex w-full\u0022\u003E\u003Cdiv class=\u0022feature-block-wrapper h-full flex \u0022\u003E\u003Cdiv class=\u0022flex justify-start sm:px-10 h-full rounded bg-secondary-100 p-4 dark:bg-secondary-900 sm:p-4 flex-col lg:flex-row\u0022\u003E\u003Cdiv class=\u0022content-wrapper flex w-full basis-full flex-col justify-center \u0022\u003E\u003Ch2 class=\u0022mt-4 text-secondary-900 dark:text-secondary-50 text-2xl lg:text-left\u0022\u003EMega Navigation\u003C\/h2\u003E\u003Cdiv class=\u0022text-md mb-4 mt-2 text-secondary-900 dark:text-secondary-50 lg:text-left\u0022\u003EThe mega navigation streamlines the user experience, making project exploration intuitive. It also plays a dual role in bolstering GMB\u0027s online visibility. By optimizing the website\u0027s architecture for search engines, mega navigation contributes to improved SEO, ensuring that GMB\u0027s projects are more discoverable by potential clients and collaborators.\u003C\/div\u003E\u003C\/div\u003E\u003C\/div\u003E\u003C\/div\u003E\u003C\/div\u003E\u003C\/div\u003E\u003Cdiv class=\u0022flex\u0022\u003E\u003Cdiv class=\u0022flex w-full\u0022\u003E\u003Cdiv class=\u0022feature-block-wrapper h-full flex \u0022\u003E\u003Cdiv class=\u0022flex justify-start sm:px-10 h-full rounded bg-secondary-100 p-4 dark:bg-secondary-900 sm:p-4 flex-col lg:flex-row\u0022\u003E\u003Cdiv class=\u0022content-wrapper flex w-full basis-full flex-col justify-center \u0022\u003E\u003Ch2 class=\u0022mt-4 text-secondary-900 dark:text-secondary-50 text-2xl lg:text-left\u0022\u003EHistory Timeline\u003C\/h2\u003E\u003Cdiv class=\u0022text-md mb-4 mt-2 text-secondary-900 dark:text-secondary-50 lg:text-left\u0022\u003EAn innovative approach infuses interactivity into the visitor experience, allowing them to embark on an engaging journey through the evolution of GMB. This animated timeline serves as more than just a chronological display; it is a narrative tool that brings GMB\u0027s rich history to life. Visitors can navigate through key milestones, projects, and achievements, creating an immersive and visually captivating experience\u003C\/div\u003E\u003C\/div\u003E\u003C\/div\u003E\u003C\/div\u003E\u003C\/div\u003E\u003C\/div\u003E\u003Cdiv class=\u0022flex\u0022\u003E\u003Cdiv class=\u0022flex w-full\u0022\u003E\u003Cdiv class=\u0022feature-block-wrapper h-full flex \u0022\u003E\u003Cdiv class=\u0022flex justify-start sm:px-10 h-full rounded bg-secondary-100 p-4 dark:bg-secondary-900 sm:p-4 flex-col lg:flex-row\u0022\u003E\u003Cdiv class=\u0022content-wrapper flex w-full basis-full flex-col justify-center \u0022\u003E\u003Ch2 class=\u0022mt-4 text-secondary-900 dark:text-secondary-50 text-2xl lg:text-left\u0022\u003ETechnology Used\u003C\/h2\u003E\u003Cdiv class=\u0022text-md mb-4 mt-2 text-secondary-900 dark:text-secondary-50 lg:text-left\u0022\u003EWe used a holistic approach to integrate design, functionality, and strategy. From a custom WordPress design aligned with GMB\u0027s brand to a standardized project template and mega navigation for better user experience and improved SEO, each element complemented the others. This comprehensive strategy addressed immediate needs and positioned GMB for a dynamic and future-ready online presence.\u003C\/div\u003E\u003C\/div\u003E\u003C\/div\u003E\u003C\/div\u003E\u003C\/div\u003E\u003C\/div\u003E\u003C\/div\u003E\u003C\/div\u003E\u003C\/div\u003E",
"format": "full_html",
"processed": "\u003Cdiv class=\u0022z-1 relative pb-20\u0022\u003E\n\u003Cdiv class=\u0022container mx-auto\u0022\u003E\n\u003Cdiv class=\u0022mb-4\u0022\u003E\n\u003Cp\u003EInclind provided GMB with a \u003Ca href=\u0022\/services\/wordpress-websites\u0022\u003ECustom WordPress design\u003C\/a\u003E tailored to their brand, ensuring mobile-friendliness and adherence to \u003Ca href=\u0022\/solutions\/accessibility-audits\u0022\u003Eaccessibility guidelines\u003C\/a\u003E. We\u2019ve developed a library of reusable templates, one of them being a standardized project template, which simplified project creation for the GMB team. The introduction of mega navigation improved user experience and \u003Ca href=\u0022\/solutions\/technical-seo\u0022\u003ESEO\u003C\/a\u003E. An animated history timeline added interactivity, enhancing visitor engagement. Inclind\u0027s solutions collectively revitalized GMB\u0027s digital landscape, making it visually appealing, user-friendly, and \u003Ca href=\u0022\/solutions\/conversion-optimization\u0022\u003Estrategically optimized\u003C\/a\u003E to showcase their engineering and architectural expertise.\u003C\/p\u003E\n\u003C\/div\u003E\n\u003Cdiv class=\u0022flex flex-col space-x-0 space-y-12 lg:grid lg:grid-cols-2 lg:gap-5 lg:space-y-0\u0022\u003E\n\u003Cdiv class=\u0022flex\u0022\u003E\n\u003Cdiv class=\u0022flex w-full\u0022\u003E\n\u003Cdiv class=\u0022feature-block-wrapper h-full flex \u0022\u003E\n\u003Cdiv class=\u0022flex justify-start sm:px-10 h-full rounded bg-secondary-100 p-4 dark:bg-secondary-900 sm:p-4 flex-col lg:flex-row\u0022\u003E\n\u003Cdiv class=\u0022content-wrapper flex w-full basis-full flex-col justify-center \u0022\u003E\n\u003Ch2 class=\u0022mt-4 text-secondary-900 dark:text-secondary-50 text-2xl lg:text-left\u0022\u003ECustomized Web Design\u003C\/h2\u003E\n\u003Cdiv class=\u0022text-md mb-4 mt-2 text-secondary-900 dark:text-secondary-50 lg:text-left\u0022\u003EThis tailored design captures the unique identity of GMB and ensures a flawless user experience on various devices by optimizing for mobile accessibility. To uphold inclusivity and reach a broader audience, the design strictly adheres to accessibility guidelines, guaranteeing that the website is navigable and comprehensible for users with diverse needs and preferences.\u003C\/div\u003E\n\u003C\/div\u003E\n\u003C\/div\u003E\n\u003C\/div\u003E\n\u003C\/div\u003E\n\u003C\/div\u003E\n\u003Cdiv class=\u0022flex\u0022\u003E\n\u003Cdiv class=\u0022flex w-full\u0022\u003E\n\u003Cdiv class=\u0022feature-block-wrapper h-full flex \u0022\u003E\n\u003Cdiv class=\u0022flex justify-start sm:px-10 h-full rounded bg-secondary-100 p-4 dark:bg-secondary-900 sm:p-4 flex-col lg:flex-row\u0022\u003E\n\u003Cdiv class=\u0022content-wrapper flex w-full basis-full flex-col justify-center \u0022\u003E\n\u003Ch2 class=\u0022mt-4 text-secondary-900 dark:text-secondary-50 text-2xl lg:text-left\u0022\u003ECustom Video Integration\u003C\/h2\u003E\n\u003Cdiv class=\u0022text-md mb-4 mt-2 text-secondary-900 dark:text-secondary-50 lg:text-left\u0022\u003EWe implemented a custom video feature for GMB and skillfully compressed the video for optimal web performance, while ensuring a seamless viewing experience without compromising on quality. Taking it a step further, we were able to load two videos simultaneously without affecting performance.\u003C\/div\u003E\n\u003C\/div\u003E\n\u003C\/div\u003E\n\u003C\/div\u003E\n\u003C\/div\u003E\n\u003C\/div\u003E\n\u003Cdiv class=\u0022flex\u0022\u003E\n\u003Cdiv class=\u0022flex w-full\u0022\u003E\n\u003Cdiv class=\u0022feature-block-wrapper h-full flex \u0022\u003E\n\u003Cdiv class=\u0022flex justify-start sm:px-10 h-full rounded bg-secondary-100 p-4 dark:bg-secondary-900 sm:p-4 flex-col lg:flex-row\u0022\u003E\n\u003Cdiv class=\u0022content-wrapper flex w-full basis-full flex-col justify-center \u0022\u003E\n\u003Ch2 class=\u0022mt-4 text-secondary-900 dark:text-secondary-50 text-2xl lg:text-left\u0022\u003ESearch Integration\u003C\/h2\u003E\n\u003Cdiv class=\u0022text-md mb-4 mt-2 text-secondary-900 dark:text-secondary-50 lg:text-left\u0022\u003EImplemented an intuitive search feature, allowing visitors to filter content by service and various sectors. This dynamic functionality empowers visitors to pinpoint relevant information quickly and offers GMB the flexibility to manage and update content effectively.\u003C\/div\u003E\n\u003C\/div\u003E\n\u003C\/div\u003E\n\u003C\/div\u003E\n\u003C\/div\u003E\n\u003C\/div\u003E\n\u003Cdiv class=\u0022flex\u0022\u003E\n\u003Cdiv class=\u0022flex w-full\u0022\u003E\n\u003Cdiv class=\u0022feature-block-wrapper h-full flex \u0022\u003E\n\u003Cdiv class=\u0022flex justify-start sm:px-10 h-full rounded bg-secondary-100 p-4 dark:bg-secondary-900 sm:p-4 flex-col lg:flex-row\u0022\u003E\n\u003Cdiv class=\u0022content-wrapper flex w-full basis-full flex-col justify-center \u0022\u003E\n\u003Ch2 class=\u0022mt-4 text-secondary-900 dark:text-secondary-50 text-2xl lg:text-left\u0022\u003EReusable Templates and Components\u003C\/h2\u003E\n\u003Cdiv class=\u0022text-md mb-4 mt-2 text-secondary-900 dark:text-secondary-50 lg:text-left\u0022\u003EWe created reusable templates for GMB, offering a solution for the effortless creation of landing pages to project pages. This simplified the content creation process for GMB and ensured a consistent and cohesive visual identity across their website. Furthermore, Inclind introduced a reusable component specifically designed for constructing GMB\u0027s leadership team page, enhancing both efficiency and visual continuity.\u003C\/div\u003E\n\u003C\/div\u003E\n\u003C\/div\u003E\n\u003C\/div\u003E\n\u003C\/div\u003E\n\u003C\/div\u003E\n\u003Cdiv class=\u0022flex\u0022\u003E\n\u003Cdiv class=\u0022flex w-full\u0022\u003E\n\u003Cdiv class=\u0022feature-block-wrapper h-full flex \u0022\u003E\n\u003Cdiv class=\u0022flex justify-start sm:px-10 h-full rounded bg-secondary-100 p-4 dark:bg-secondary-900 sm:p-4 flex-col lg:flex-row\u0022\u003E\n\u003Cdiv class=\u0022content-wrapper flex w-full basis-full flex-col justify-center \u0022\u003E\n\u003Ch2 class=\u0022mt-4 text-secondary-900 dark:text-secondary-50 text-2xl lg:text-left\u0022\u003EMega Navigation\u003C\/h2\u003E\n\u003Cdiv class=\u0022text-md mb-4 mt-2 text-secondary-900 dark:text-secondary-50 lg:text-left\u0022\u003EThe mega navigation streamlines the user experience, making project exploration intuitive. It also plays a dual role in bolstering GMB\u0027s online visibility. By optimizing the website\u0027s architecture for search engines, mega navigation contributes to improved SEO, ensuring that GMB\u0027s projects are more discoverable by potential clients and collaborators.\u003C\/div\u003E\n\u003C\/div\u003E\n\u003C\/div\u003E\n\u003C\/div\u003E\n\u003C\/div\u003E\n\u003C\/div\u003E\n\u003Cdiv class=\u0022flex\u0022\u003E\n\u003Cdiv class=\u0022flex w-full\u0022\u003E\n\u003Cdiv class=\u0022feature-block-wrapper h-full flex \u0022\u003E\n\u003Cdiv class=\u0022flex justify-start sm:px-10 h-full rounded bg-secondary-100 p-4 dark:bg-secondary-900 sm:p-4 flex-col lg:flex-row\u0022\u003E\n\u003Cdiv class=\u0022content-wrapper flex w-full basis-full flex-col justify-center \u0022\u003E\n\u003Ch2 class=\u0022mt-4 text-secondary-900 dark:text-secondary-50 text-2xl lg:text-left\u0022\u003EHistory Timeline\u003C\/h2\u003E\n\u003Cdiv class=\u0022text-md mb-4 mt-2 text-secondary-900 dark:text-secondary-50 lg:text-left\u0022\u003EAn innovative approach infuses interactivity into the visitor experience, allowing them to embark on an engaging journey through the evolution of GMB. This animated timeline serves as more than just a chronological display; it is a narrative tool that brings GMB\u0027s rich history to life. Visitors can navigate through key milestones, projects, and achievements, creating an immersive and visually captivating experience\u003C\/div\u003E\n\u003C\/div\u003E\n\u003C\/div\u003E\n\u003C\/div\u003E\n\u003C\/div\u003E\n\u003C\/div\u003E\n\u003Cdiv class=\u0022flex\u0022\u003E\n\u003Cdiv class=\u0022flex w-full\u0022\u003E\n\u003Cdiv class=\u0022feature-block-wrapper h-full flex \u0022\u003E\n\u003Cdiv class=\u0022flex justify-start sm:px-10 h-full rounded bg-secondary-100 p-4 dark:bg-secondary-900 sm:p-4 flex-col lg:flex-row\u0022\u003E\n\u003Cdiv class=\u0022content-wrapper flex w-full basis-full flex-col justify-center \u0022\u003E\n\u003Ch2 class=\u0022mt-4 text-secondary-900 dark:text-secondary-50 text-2xl lg:text-left\u0022\u003ETechnology Used\u003C\/h2\u003E\n\u003Cdiv class=\u0022text-md mb-4 mt-2 text-secondary-900 dark:text-secondary-50 lg:text-left\u0022\u003EWe used a holistic approach to integrate design, functionality, and strategy. From a custom WordPress design aligned with GMB\u0027s brand to a standardized project template and mega navigation for better user experience and improved SEO, each element complemented the others. This comprehensive strategy addressed immediate needs and positioned GMB for a dynamic and future-ready online presence.\u003C\/div\u003E\n\u003C\/div\u003E\n\u003C\/div\u003E\n\u003C\/div\u003E\n\u003C\/div\u003E\n\u003C\/div\u003E\n\u003C\/div\u003E\n\u003C\/div\u003E\n\u003C\/div\u003E\n"
},
"subheader1": "A WordPress Designed to Display Projects Executed by GMB ",
"subheader2": "In the dynamic realm of engineering and architecture, where innovation and precision converge, a robust online presence is pivotal. GMB, a trailblazer in the industry, recognized this need and partnered with Inclind, a leading web development agency, to craft a digital showcase befitting their legacy. This collaboration brought forth a bespoke web design solution, executed on WordPress by Inclind, to illuminate GMB\u0027s exceptional projects and engage visitors in the immersive world of groundbreaking engineering and architectural feats."
},
"relationships": {
"contentType": {
"data": null,
"links": {
"self": {
"href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/380fc54f-d8fa-4f88-bedf-a8bb0b0a44f4\/relationships\/contentType?resourceVersion=id%3A493"
}
}
},
"category": {
"data": {
"type": "catTerm",
"id": "1c393ecc-d2a4-4630-afc0-83f831c30ac9",
"meta": {
"drupal_internal__target_id": 4
}
},
"links": {
"related": {
"href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/380fc54f-d8fa-4f88-bedf-a8bb0b0a44f4\/category?resourceVersion=id%3A493"
},
"self": {
"href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/380fc54f-d8fa-4f88-bedf-a8bb0b0a44f4\/relationships\/category?resourceVersion=id%3A493"
}
}
},
"companyRef": {
"data": null,
"links": {
"related": {
"href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/380fc54f-d8fa-4f88-bedf-a8bb0b0a44f4\/companyRef?resourceVersion=id%3A493"
},
"self": {
"href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/380fc54f-d8fa-4f88-bedf-a8bb0b0a44f4\/relationships\/companyRef?resourceVersion=id%3A493"
}
}
},
"image": {
"data": {
"type": "images",
"id": "6e7f38fe-1774-41c5-ac62-e29ce41f5c59",
"meta": {
"drupal_internal__target_id": 657
}
},
"links": {
"related": {
"href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/380fc54f-d8fa-4f88-bedf-a8bb0b0a44f4\/image?resourceVersion=id%3A493"
},
"self": {
"href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/380fc54f-d8fa-4f88-bedf-a8bb0b0a44f4\/relationships\/image?resourceVersion=id%3A493"
}
}
},
"slides": {
"data": [
{
"type": "images",
"id": "9f04af9b-299c-4887-b921-cd6107b2d123",
"meta": {
"drupal_internal__target_id": 649
}
},
{
"type": "images",
"id": "2aa8f7a0-28ce-468c-a80d-b2a025284ede",
"meta": {
"drupal_internal__target_id": 650
}
},
{
"type": "images",
"id": "2d7fec4a-1e46-4b61-beb6-0379adb5c08d",
"meta": {
"drupal_internal__target_id": 651
}
},
{
"type": "images",
"id": "d4dd9488-5a13-4cf2-80d5-1c8466e7e295",
"meta": {
"drupal_internal__target_id": 652
}
},
{
"type": "images",
"id": "9ee04694-2bbe-40e9-bf57-2a3efb7a6c28",
"meta": {
"drupal_internal__target_id": 653
}
},
{
"type": "images",
"id": "4ce7f268-ffed-48e1-adda-52769c1836f3",
"meta": {
"drupal_internal__target_id": 654
}
}
],
"links": {
"related": {
"href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/380fc54f-d8fa-4f88-bedf-a8bb0b0a44f4\/slides?resourceVersion=id%3A493"
},
"self": {
"href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/380fc54f-d8fa-4f88-bedf-a8bb0b0a44f4\/relationships\/slides?resourceVersion=id%3A493"
}
}
},
"teamMember": {
"data": [
{
"type": "node--person",
"id": "99fa0dfe-3eb6-409e-abc7-f5063ff48d56",
"meta": {
"drupal_internal__target_id": 128
}
},
{
"type": "node--person",
"id": "8f9ca474-2ccf-4b84-9a85-96b4f5b91af8",
"meta": {
"drupal_internal__target_id": 122
}
},
{
"type": "node--person",
"id": "87407245-73a3-43f8-9f44-9e70f40a0e1a",
"meta": {
"drupal_internal__target_id": 120
}
}
],
"links": {
"related": {
"href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/380fc54f-d8fa-4f88-bedf-a8bb0b0a44f4\/teamMember?resourceVersion=id%3A493"
},
"self": {
"href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/380fc54f-d8fa-4f88-bedf-a8bb0b0a44f4\/relationships\/teamMember?resourceVersion=id%3A493"
}
}
},
"tags": {
"data": [],
"links": {
"related": {
"href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/380fc54f-d8fa-4f88-bedf-a8bb0b0a44f4\/tags?resourceVersion=id%3A493"
},
"self": {
"href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/380fc54f-d8fa-4f88-bedf-a8bb0b0a44f4\/relationships\/tags?resourceVersion=id%3A493"
}
}
},
"topic": {
"data": [
{
"type": "topicTerm",
"id": "8c44c30c-7ffe-44a0-bbfb-7642ac8d3b3c",
"meta": {
"drupal_internal__target_id": 17
}
},
{
"type": "topicTerm",
"id": "77f2449e-faf7-4322-b090-3225624f588b",
"meta": {
"drupal_internal__target_id": 8
}
}
],
"links": {
"related": {
"href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/380fc54f-d8fa-4f88-bedf-a8bb0b0a44f4\/topic?resourceVersion=id%3A493"
},
"self": {
"href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/380fc54f-d8fa-4f88-bedf-a8bb0b0a44f4\/relationships\/topic?resourceVersion=id%3A493"
}
}
}
}
},
"links": {
"self": {
"href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/380fc54f-d8fa-4f88-bedf-a8bb0b0a44f4?resourceVersion=id%3A493"
}
}
}