{"id":23401,"date":"2022-11-21T14:28:07","date_gmt":"2022-11-21T13:28:07","guid":{"rendered":"https:\/\/referenz.vierviertel.com\/aktuelle-projekte\/new-website-with-hubspot-cms\/"},"modified":"2025-03-07T16:26:12","modified_gmt":"2025-03-07T15:26:12","slug":"new-website-with-hubspot-cms","status":"publish","type":"project","link":"https:\/\/referenz.vierviertel.com\/en\/case-studies\/new-website-with-hubspot-cms\/","title":{"rendered":"New website with HubSpot CMS"},"content":{"rendered":"\n[et_pb_section][et_pb_row][et_pb_column type=&#8221;4_4&#8243;][et_pb_text]<!-- divi:heading -->\n<h2 id=\"h-website-f-r-biotech\">Website for biotech<\/h2>\n<!-- \/divi:heading -->\n\n<!-- divi:paragraph -->\n<p>We are delighted that we were able to take on the conception, design and technical implementation of the new corporate website for our client c-LEcta. The existing website was technically and formally outdated and needed to be completely overhauled. <\/p>\n<!-- \/divi:paragraph -->\n\n<!-- divi:paragraph -->\n<p>The aim of the website relaunch was to give visitors a sympathetic and comprehensive picture of the company. In addition, initial information was to be provided and there was to be a quick link to the relevant subpages. Another requirement for the new website was to make it easy for visitors to find information on contact persons and how to get in touch. Overall, the new website was to reflect the company&#8217;s identity with a contemporary design.   <\/p>\n<!-- \/divi:paragraph -->\n\n<!-- divi:paragraph -->\n<p>The requirements for the new website were first discussed in a kick-off workshop. In a further workshop, the design process was developed. Corresponding milestones were defined: Content and page structure, wireframes and definition of the content modules. The design was then determined, followed by the implementation.   <\/p>\n<!-- \/divi:paragraph -->\n\n<!-- divi:paragraph -->\n<p>We were particularly pleased that c-LEcta opted for HubSpot&#8217;s content management system. As a HubSpot partner agency, we are convinced of the superiority of the HubSpot CMS compared to conventional systems. <\/p>\n<!-- \/divi:paragraph -->\n\n<!-- divi:paragraph -->\n<p>The HubSpot CMS makes it quick and easy to get started with website development and maintenance. It is easy and intuitive to understand, so that c-LEcta was able to set up the content without any complications after a short briefing. Using drag &amp; drop modules for the content, the pages can be set up quickly and easily. &#8220;What you see is what you get&#8221; can be taken literally.     &nbsp;SEO tools are just as much a matter of course as the option to integrate forms or calls to action to implement inbound and online marketing measures. A blog module is integrated, and with the connected CRM, contacts can be well organized and always kept in view. This means that c-LEcta has an all-in-one tool for website development and maintenance, as well as for lead generation and lead organization.  <\/p>\n<!-- \/divi:paragraph -->\n\n<!-- divi:paragraph -->\n<p>For a GDPR-compliant implementation, the consent management was realized with the CMP Usercentrics.<\/p>\n<!-- \/divi:paragraph -->\n\n<!-- divi:paragraph -->\n<p><\/p>\n<!-- \/divi:paragraph -->\n\n<!-- divi:image {\"id\":19960,\"sizeSlug\":\"full\",\"linkDestination\":\"none\",\"className\":\"blog-content-img\"} -->\n<figure class=\"wp-block-image size-full blog-content-img\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"750\" src=\"https:\/\/referenz.vierviertel.com\/wp-content\/uploads\/c-lecta_Laptop_01-1200px.jpg\" alt=\"\" class=\"wp-image-19960\"><figcaption>Integration of videos<\/figcaption><\/figure>\n<!-- \/divi:image -->\n\n<!-- divi:image {\"id\":19950,\"sizeSlug\":\"full\",\"linkDestination\":\"none\",\"className\":\"blog-content-img\"} -->\n<figure class=\"wp-block-image size-full blog-content-img\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"688\" src=\"https:\/\/referenz.vierviertel.com\/wp-content\/uploads\/Website-navi-c-lecta_grau_3500pxhoch.jpg\" alt=\"\" class=\"wp-image-19950\"><figcaption>Website menu<\/figcaption><\/figure>\n<!-- \/divi:image -->\n\n<!-- divi:image {\"id\":19962,\"sizeSlug\":\"full\",\"linkDestination\":\"none\",\"className\":\"blog-content-img\"} -->\n<figure class=\"wp-block-image size-full blog-content-img\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"750\" src=\"https:\/\/referenz.vierviertel.com\/wp-content\/uploads\/c-lecta-iPAD-COMPOSING-01-1200px.jpg\" alt=\"\" class=\"wp-image-19962\"><figcaption>Website view on tablet<\/figcaption><\/figure>\n<!-- \/divi:image -->\n\n<!-- divi:image {\"align\":\"center\",\"id\":19955,\"sizeSlug\":\"large\",\"linkDestination\":\"none\",\"className\":\"blog-content-img\"} -->\n<div class=\"wp-block-image blog-content-img\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"952\" height=\"1200\" src=\"https:\/\/referenz.vierviertel.com\/wp-content\/uploads\/Website-c-lecta_grau_3500pxhochkurz3-952x1200.jpg\" alt=\"\" class=\"wp-image-19955\"><figcaption>Desktop view<\/figcaption><\/figure><\/div>\n<!-- \/divi:image -->\n\n<!-- divi:image {\"id\":19964,\"sizeSlug\":\"full\",\"linkDestination\":\"none\",\"className\":\"blog-content-img\"} -->\n<figure class=\"wp-block-image size-full blog-content-img\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"750\" src=\"https:\/\/referenz.vierviertel.com\/wp-content\/uploads\/c-lecta-Website_Mobil-1200px.jpg\" alt=\"\" class=\"wp-image-19964\"><figcaption>View on smartphone<\/figcaption><\/figure>\n<!-- \/divi:image -->[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section]\n","protected":false},"excerpt":{"rendered":"<p><div class=\"et_pb_section et_pb_section_0 et_section_regular\" >\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div><div class=\"et_pb_row et_pb_row_0 et_pb_equal_columns et_pb_gutters2 et_pb_row_empty\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div><div class=\"et_pb_module et_pb_text et_pb_text_0  et_pb_text_align_left et_pb_bg_layout_light\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div> Website for biotech We are delighted that we were able to take on the conception, design and technical implementation of the new corporate website for our client c-LEcta. The existing website was technically and formally outdated and needed to be completely overhauled. The aim of the website relaunch was to give visitors a sympathetic [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":22967,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"project_category":[3300,3299,3298],"project_tag":[],"class_list":["post-23401","project","type-project","status-publish","has-post-thumbnail","hentry","project_category-c-lecta-en","project_category-healthcare-and-life-science","project_category-web-design"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>New website with HubSpot CMS - vierviertel<\/title>\n<meta name=\"description\" content=\"A simple corporate design with a flexible claim concept puts luxury products in the right light.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/referenz.vierviertel.com\/en\/case-studies\/new-website-with-hubspot-cms\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"New website with HubSpot CMS - vierviertel\" \/>\n<meta property=\"og:description\" content=\"A simple corporate design with a flexible claim concept puts luxury products in the right light.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/referenz.vierviertel.com\/en\/case-studies\/new-website-with-hubspot-cms\/\" \/>\n<meta property=\"og:site_name\" content=\"vierviertel\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/vierviertel\/\" \/>\n<meta property=\"article:modified_time\" content=\"2025-03-07T15:26:12+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/referenz.vierviertel.com\/wp-content\/uploads\/c-lecta-Website-COMPOSING-01.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1200\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@vierviertel\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/referenz.vierviertel.com\\\/en\\\/case-studies\\\/new-website-with-hubspot-cms\\\/\",\"url\":\"https:\\\/\\\/referenz.vierviertel.com\\\/en\\\/case-studies\\\/new-website-with-hubspot-cms\\\/\",\"name\":\"New website with HubSpot CMS - vierviertel\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/referenz.vierviertel.com\\\/en\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/referenz.vierviertel.com\\\/en\\\/case-studies\\\/new-website-with-hubspot-cms\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/referenz.vierviertel.com\\\/en\\\/case-studies\\\/new-website-with-hubspot-cms\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/referenz.vierviertel.com\\\/wp-content\\\/uploads\\\/c-lecta-Website-COMPOSING-01.jpg\",\"datePublished\":\"2022-11-21T13:28:07+00:00\",\"dateModified\":\"2025-03-07T15:26:12+00:00\",\"description\":\"A simple corporate design with a flexible claim concept puts luxury products in the right light.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/referenz.vierviertel.com\\\/en\\\/case-studies\\\/new-website-with-hubspot-cms\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/referenz.vierviertel.com\\\/en\\\/case-studies\\\/new-website-with-hubspot-cms\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/referenz.vierviertel.com\\\/en\\\/case-studies\\\/new-website-with-hubspot-cms\\\/#primaryimage\",\"url\":\"https:\\\/\\\/referenz.vierviertel.com\\\/wp-content\\\/uploads\\\/c-lecta-Website-COMPOSING-01.jpg\",\"contentUrl\":\"https:\\\/\\\/referenz.vierviertel.com\\\/wp-content\\\/uploads\\\/c-lecta-Website-COMPOSING-01.jpg\",\"width\":1920,\"height\":1200},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/referenz.vierviertel.com\\\/en\\\/case-studies\\\/new-website-with-hubspot-cms\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Startseite\",\"item\":\"https:\\\/\\\/referenz.vierviertel.com\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Projects\",\"item\":\"https:\\\/\\\/referenz.vierviertel.com\\\/en\\\/case-studies\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"New website with HubSpot CMS\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/referenz.vierviertel.com\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/referenz.vierviertel.com\\\/en\\\/\",\"name\":\"vierviertel\",\"description\":\"Werbeagentur K\u00f6ln\",\"publisher\":{\"@id\":\"https:\\\/\\\/referenz.vierviertel.com\\\/en\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/referenz.vierviertel.com\\\/en\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/referenz.vierviertel.com\\\/en\\\/#organization\",\"name\":\"vierviertel\",\"url\":\"https:\\\/\\\/referenz.vierviertel.com\\\/en\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/referenz.vierviertel.com\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/referenz.vierviertel.com\\\/wp-content\\\/uploads\\\/vierviertel_page_logo.gif\",\"contentUrl\":\"https:\\\/\\\/referenz.vierviertel.com\\\/wp-content\\\/uploads\\\/vierviertel_page_logo.gif\",\"width\":119,\"height\":27,\"caption\":\"vierviertel\"},\"image\":{\"@id\":\"https:\\\/\\\/referenz.vierviertel.com\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/vierviertel\\\/\",\"https:\\\/\\\/x.com\\\/vierviertel\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"New website with HubSpot CMS - vierviertel","description":"A simple corporate design with a flexible claim concept puts luxury products in the right light.","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:\/\/referenz.vierviertel.com\/en\/case-studies\/new-website-with-hubspot-cms\/","og_locale":"en_US","og_type":"article","og_title":"New website with HubSpot CMS - vierviertel","og_description":"A simple corporate design with a flexible claim concept puts luxury products in the right light.","og_url":"https:\/\/referenz.vierviertel.com\/en\/case-studies\/new-website-with-hubspot-cms\/","og_site_name":"vierviertel","article_publisher":"https:\/\/www.facebook.com\/vierviertel\/","article_modified_time":"2025-03-07T15:26:12+00:00","og_image":[{"width":1920,"height":1200,"url":"https:\/\/referenz.vierviertel.com\/wp-content\/uploads\/c-lecta-Website-COMPOSING-01.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_site":"@vierviertel","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/referenz.vierviertel.com\/en\/case-studies\/new-website-with-hubspot-cms\/","url":"https:\/\/referenz.vierviertel.com\/en\/case-studies\/new-website-with-hubspot-cms\/","name":"New website with HubSpot CMS - vierviertel","isPartOf":{"@id":"https:\/\/referenz.vierviertel.com\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/referenz.vierviertel.com\/en\/case-studies\/new-website-with-hubspot-cms\/#primaryimage"},"image":{"@id":"https:\/\/referenz.vierviertel.com\/en\/case-studies\/new-website-with-hubspot-cms\/#primaryimage"},"thumbnailUrl":"https:\/\/referenz.vierviertel.com\/wp-content\/uploads\/c-lecta-Website-COMPOSING-01.jpg","datePublished":"2022-11-21T13:28:07+00:00","dateModified":"2025-03-07T15:26:12+00:00","description":"A simple corporate design with a flexible claim concept puts luxury products in the right light.","breadcrumb":{"@id":"https:\/\/referenz.vierviertel.com\/en\/case-studies\/new-website-with-hubspot-cms\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/referenz.vierviertel.com\/en\/case-studies\/new-website-with-hubspot-cms\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/referenz.vierviertel.com\/en\/case-studies\/new-website-with-hubspot-cms\/#primaryimage","url":"https:\/\/referenz.vierviertel.com\/wp-content\/uploads\/c-lecta-Website-COMPOSING-01.jpg","contentUrl":"https:\/\/referenz.vierviertel.com\/wp-content\/uploads\/c-lecta-Website-COMPOSING-01.jpg","width":1920,"height":1200},{"@type":"BreadcrumbList","@id":"https:\/\/referenz.vierviertel.com\/en\/case-studies\/new-website-with-hubspot-cms\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https:\/\/referenz.vierviertel.com\/en\/"},{"@type":"ListItem","position":2,"name":"Projects","item":"https:\/\/referenz.vierviertel.com\/en\/case-studies\/"},{"@type":"ListItem","position":3,"name":"New website with HubSpot CMS"}]},{"@type":"WebSite","@id":"https:\/\/referenz.vierviertel.com\/en\/#website","url":"https:\/\/referenz.vierviertel.com\/en\/","name":"vierviertel","description":"Werbeagentur K\u00f6ln","publisher":{"@id":"https:\/\/referenz.vierviertel.com\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/referenz.vierviertel.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/referenz.vierviertel.com\/en\/#organization","name":"vierviertel","url":"https:\/\/referenz.vierviertel.com\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/referenz.vierviertel.com\/en\/#\/schema\/logo\/image\/","url":"https:\/\/referenz.vierviertel.com\/wp-content\/uploads\/vierviertel_page_logo.gif","contentUrl":"https:\/\/referenz.vierviertel.com\/wp-content\/uploads\/vierviertel_page_logo.gif","width":119,"height":27,"caption":"vierviertel"},"image":{"@id":"https:\/\/referenz.vierviertel.com\/en\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/vierviertel\/","https:\/\/x.com\/vierviertel"]}]}},"_links":{"self":[{"href":"https:\/\/referenz.vierviertel.com\/en\/wp-json\/wp\/v2\/project\/23401","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/referenz.vierviertel.com\/en\/wp-json\/wp\/v2\/project"}],"about":[{"href":"https:\/\/referenz.vierviertel.com\/en\/wp-json\/wp\/v2\/types\/project"}],"author":[{"embeddable":true,"href":"https:\/\/referenz.vierviertel.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/referenz.vierviertel.com\/en\/wp-json\/wp\/v2\/comments?post=23401"}],"version-history":[{"count":2,"href":"https:\/\/referenz.vierviertel.com\/en\/wp-json\/wp\/v2\/project\/23401\/revisions"}],"predecessor-version":[{"id":23875,"href":"https:\/\/referenz.vierviertel.com\/en\/wp-json\/wp\/v2\/project\/23401\/revisions\/23875"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/referenz.vierviertel.com\/en\/wp-json\/wp\/v2\/media\/22967"}],"wp:attachment":[{"href":"https:\/\/referenz.vierviertel.com\/en\/wp-json\/wp\/v2\/media?parent=23401"}],"wp:term":[{"taxonomy":"project_category","embeddable":true,"href":"https:\/\/referenz.vierviertel.com\/en\/wp-json\/wp\/v2\/project_category?post=23401"},{"taxonomy":"project_tag","embeddable":true,"href":"https:\/\/referenz.vierviertel.com\/en\/wp-json\/wp\/v2\/project_tag?post=23401"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}