Category

Adding visual elements is one of the easiest ways to make your website more appealing to end-users, creating opportunities to engage and solidify your branding.


Our partners at Beebe Healthcare wanted to find a creative and fun way for the community to express their gratitude for the dedicated Beebe team on the homepage of their website. The concept was to use a graphic of a tree that would continue to grow as people would submit messages of gratitude and recognition that they could see, along with other submissions.  

To bring this concept to fruition, we created a standard Drupal webform to collect the data (individual messages of appreciation.) Our development team then implemented some logic to automate the creation of the front-end cards that would appear on the website's homepage underneath the Giving Tree through an internal approval process to avoid duplication or spam messages.

The campaign was a success and a great example of how a simple visual element can help illustrate your content better and encourage engagement. 

Company/Client
Published on
Article Type
Day Hike
{
    "jsonapi": {
        "version": "1.0",
        "meta": {
            "links": {
                "self": {
                    "href": "http:\/\/jsonapi.org\/format\/1.0\/"
                }
            }
        }
    },
    "data": {
        "type": "node--article",
        "id": "3fdf498b-3f35-4bda-b2bd-2a0cf2317fa2",
        "links": {
            "self": {
                "href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/3fdf498b-3f35-4bda-b2bd-2a0cf2317fa2?resourceVersion=id%3A369"
            }
        },
        "attributes": {
            "internalId": 369,
            "isPublished": true,
            "title": "Engage Users With Creative Visual Elements.",
            "created": "2022-08-24T14:27:29+00:00",
            "changed": "2022-08-24T14:29:49+00:00",
            "promote": false,
            "sticky": false,
            "metatag": [
                {
                    "tag": "meta",
                    "attributes": {
                        "name": "title",
                        "content": "Engage Users With Creative Visual Elements. | Inclind"
                    }
                },
                {
                    "tag": "meta",
                    "attributes": {
                        "name": "description",
                        "content": "Adding visual elements is one of the easiest ways to make your website more appealing to end-users, creating opportunities to engage and solidify your"
                    }
                },
                {
                    "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\/engage-users-creative-visual-elements"
                    }
                },
                {
                    "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\/engage-users-creative-visual-elements"
                    }
                },
                {
                    "tag": "meta",
                    "attributes": {
                        "property": "og:title",
                        "content": "Engage Users With Creative Visual Elements."
                    }
                },
                {
                    "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\/engage-users-creative-visual-elements",
                "pid": 1003,
                "langcode": "en"
            },
            "body": {
                "value": "\u003Cp\u003EAdding visual elements is one of the easiest ways to make your website more appealing to end-users, creating opportunities to engage and solidify your branding.\u003C\/p\u003E\u003Cp\u003E\u003Cbr\u003EOur partners at Beebe Healthcare wanted to find a creative and fun way for the community to express their gratitude for the dedicated Beebe team on the homepage of their website. The concept was to use a graphic of a tree that would continue to grow as people would submit messages of gratitude and recognition that they could see, along with other submissions. \u0026nbsp;\u003C\/p\u003E\u003Cp\u003ETo bring this concept to fruition, we created a standard Drupal webform to collect the data (individual messages of appreciation.) Our development team then implemented some logic to automate the creation of the front-end cards that would appear on the website\u0027s homepage underneath the Giving Tree through an internal approval process to avoid duplication or spam messages.\u003C\/p\u003E\u003Cp\u003EThe campaign was a success and a great example of how a simple visual element can help illustrate your content better and encourage engagement.\u0026nbsp;\u003C\/p\u003E",
                "format": "basic_html",
                "processed": "\u003Cp\u003EAdding visual elements is one of the easiest ways to make your website more appealing to end-users, creating opportunities to engage and solidify your branding.\u003C\/p\u003E\u003Cp\u003E\u003Cbr\u003EOur partners at Beebe Healthcare wanted to find a creative and fun way for the community to express their gratitude for the dedicated Beebe team on the homepage of their website. The concept was to use a graphic of a tree that would continue to grow as people would submit messages of gratitude and recognition that they could see, along with other submissions. \u0026nbsp;\u003C\/p\u003E\u003Cp\u003ETo bring this concept to fruition, we created a standard Drupal webform to collect the data (individual messages of appreciation.) Our development team then implemented some logic to automate the creation of the front-end cards that would appear on the website\u0027s homepage underneath the Giving Tree through an internal approval process to avoid duplication or spam messages.\u003C\/p\u003E\u003Cp\u003EThe campaign was a success and a great example of how a simple visual element can help illustrate your content better and encourage engagement.\u0026nbsp;\u003C\/p\u003E",
                "summary": ""
            },
            "articleType": "day-hike",
            "author": null,
            "authorTitle": null,
            "challenge": null,
            "introText": null,
            "location": null,
            "f_metatag": null,
            "publishDate": "2022-08-24",
            "result": null,
            "solution": null,
            "subheader1": null,
            "subheader2": null
        },
        "relationships": {
            "contentType": {
                "data": null,
                "links": {
                    "self": {
                        "href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/3fdf498b-3f35-4bda-b2bd-2a0cf2317fa2\/relationships\/contentType?resourceVersion=id%3A369"
                    }
                }
            },
            "category": {
                "data": {
                    "type": "catTerm",
                    "id": "69fc5ba7-e821-4152-8b04-7d12607a5dd7",
                    "meta": {
                        "drupal_internal__target_id": 5
                    }
                },
                "links": {
                    "related": {
                        "href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/3fdf498b-3f35-4bda-b2bd-2a0cf2317fa2\/category?resourceVersion=id%3A369"
                    },
                    "self": {
                        "href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/3fdf498b-3f35-4bda-b2bd-2a0cf2317fa2\/relationships\/category?resourceVersion=id%3A369"
                    }
                }
            },
            "companyRef": {
                "data": {
                    "type": "node--client",
                    "id": "6dfc738e-7360-4685-823e-97076732a213",
                    "meta": {
                        "drupal_internal__target_id": 136
                    }
                },
                "links": {
                    "related": {
                        "href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/3fdf498b-3f35-4bda-b2bd-2a0cf2317fa2\/companyRef?resourceVersion=id%3A369"
                    },
                    "self": {
                        "href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/3fdf498b-3f35-4bda-b2bd-2a0cf2317fa2\/relationships\/companyRef?resourceVersion=id%3A369"
                    }
                }
            },
            "image": {
                "data": {
                    "type": "images",
                    "id": "863092f0-0290-4b56-afc8-ef3a7e501379",
                    "meta": {
                        "drupal_internal__target_id": 463
                    }
                },
                "links": {
                    "related": {
                        "href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/3fdf498b-3f35-4bda-b2bd-2a0cf2317fa2\/image?resourceVersion=id%3A369"
                    },
                    "self": {
                        "href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/3fdf498b-3f35-4bda-b2bd-2a0cf2317fa2\/relationships\/image?resourceVersion=id%3A369"
                    }
                }
            },
            "slides": {
                "data": [],
                "links": {
                    "related": {
                        "href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/3fdf498b-3f35-4bda-b2bd-2a0cf2317fa2\/slides?resourceVersion=id%3A369"
                    },
                    "self": {
                        "href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/3fdf498b-3f35-4bda-b2bd-2a0cf2317fa2\/relationships\/slides?resourceVersion=id%3A369"
                    }
                }
            },
            "teamMember": {
                "data": [],
                "links": {
                    "related": {
                        "href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/3fdf498b-3f35-4bda-b2bd-2a0cf2317fa2\/teamMember?resourceVersion=id%3A369"
                    },
                    "self": {
                        "href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/3fdf498b-3f35-4bda-b2bd-2a0cf2317fa2\/relationships\/teamMember?resourceVersion=id%3A369"
                    }
                }
            },
            "tags": {
                "data": [
                    {
                        "type": "tagTerm",
                        "id": "8c05a4c9-c210-4045-9fdb-1d757a131c7a",
                        "meta": {
                            "drupal_internal__target_id": 46
                        }
                    },
                    {
                        "type": "tagTerm",
                        "id": "4ff52f2a-0d72-48cf-934d-e675fe4adf86",
                        "meta": {
                            "drupal_internal__target_id": 41
                        }
                    }
                ],
                "links": {
                    "related": {
                        "href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/3fdf498b-3f35-4bda-b2bd-2a0cf2317fa2\/tags?resourceVersion=id%3A369"
                    },
                    "self": {
                        "href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/3fdf498b-3f35-4bda-b2bd-2a0cf2317fa2\/relationships\/tags?resourceVersion=id%3A369"
                    }
                }
            },
            "topic": {
                "data": [
                    {
                        "type": "topicTerm",
                        "id": "1a993f8f-ee53-4048-ba7a-94e301547386",
                        "meta": {
                            "drupal_internal__target_id": 2
                        }
                    }
                ],
                "links": {
                    "related": {
                        "href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/3fdf498b-3f35-4bda-b2bd-2a0cf2317fa2\/topic?resourceVersion=id%3A369"
                    },
                    "self": {
                        "href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/3fdf498b-3f35-4bda-b2bd-2a0cf2317fa2\/relationships\/topic?resourceVersion=id%3A369"
                    }
                }
            }
        }
    },
    "links": {
        "self": {
            "href": "https:\/\/backend.inclind.com\/jsonapi\/articles\/3fdf498b-3f35-4bda-b2bd-2a0cf2317fa2?resourceVersion=id%3A369"
        }
    }
}