{"id":17560,"date":"2023-06-12T14:12:12","date_gmt":"2023-06-12T14:12:12","guid":{"rendered":"https:\/\/getdevdone.com\/blog\/?p=17560"},"modified":"2025-04-03T22:24:14","modified_gmt":"2025-04-03T22:24:14","slug":"how-we-developed-hellohealth-clinic-webflow-based-website","status":"publish","type":"post","link":"https:\/\/getdevdone.com\/blog\/how-we-developed-hellohealth-clinic-webflow-based-website.html","title":{"rendered":"How We Developed the HelloHealth Clinic Webflow-Based Website"},"content":{"rendered":"\n<p>As you probably know from our previous <a href=\"https:\/\/getdevdone.com\/blog\/how-we-developed-and-animated-mr-white-creative-agencys-webflow-based-website.html\" target=\"_blank\" rel=\"noopener\" title=\"\">case studies<\/a>, we are committed to finding the most flexible development solutions for our clients and quickly adapting to their changing needs.&nbsp;<\/p>\n\n\n\n<p>Today, we want to share a story that vividly showcases that commitment yet another time &#8211; the development of a Webflow-based website for HelloHealth Clinic from Atlanta, Georgia.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">The Client&nbsp;<\/h2>\n\n\n\n<p>HelloHealth Clinic is a physician-directed wellness program supported by a friendly team of therapists and fitness professionals. Their mission is to help patients achieve personal health transformation by prescribing meal plans, exercise, and introspection for them in addition to supplements and traditional medicines.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">The Challenge&nbsp;<\/h2>\n\n\n\n<p>We were contacted by Dr. Carmen Mohan, the CEO of HelloHealth, who told us that they were looking to build a website in Webflow. They had already done the design work along with the mobile versions of the pages and wanted us to start immediately.&nbsp;<\/p>\n\n\n\n<p>Apart from converting the provided mockups into web pages, Carmen wanted us to protect certain content from unregistered users\/non-customers and integrate two HubSpot forms for collecting user data &#8211; Contact Us and Sign Up Now.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">The Solution&nbsp;<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Front-End&nbsp;<\/h3>\n\n\n\n<p>As usual, to build web pages, we took advantage of the fantastic Webflow Designer capabilities, quickly dragging and dropping page elements, arranging them according to the designs, adding custom styles, and using some JavaScript into the bargain.<\/p>\n\n\n\n<p>Here are some pages and effects that we created. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1400\" height=\"693\" src=\"https:\/\/s3.amazonaws.com\/newblog.psd2html.com\/wp-content\/uploads\/2023\/06\/16112918\/prallax-scrolling.gif\" alt=\"\" class=\"wp-image-17679\"\/><\/figure>\n\n\n\n<p class=\"has-text-align-center\"><em>The About Us page with the parallax scrolling effect&nbsp;<\/em><\/p>\n\n\n\n<p class=\"has-text-align-center\">We also made every video on the website open in a separate lightbox with the Vimeo player inside.\u00a0<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1400\" height=\"693\" src=\"https:\/\/s3.amazonaws.com\/newblog.psd2html.com\/wp-content\/uploads\/2023\/06\/16113116\/lightbox-video.gif\" alt=\"\" class=\"wp-image-17681\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">CMS&nbsp;<\/h3>\n\n\n\n<p>As for the CMS part and protected content, we had a choice.&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Use <a href=\"https:\/\/webflow.com\/updates\/memberships-beta\" target=\"_blank\" rel=\"noopener\" title=\"\">Webflow\u2019s Memberships Beta<\/a> feature. <\/strong>At that time, it was not perfect. If we wanted to hide <strong>one <\/strong>premium block or a CMS collection from a non-customer, we would have to hide the <strong>entire <\/strong>page. Thus, we would have to create three or four separate CMS collections:&nbsp;Programs Free, Programs Premium, Podcasts Free, Podcasts Premium.<\/li>\n\n\n\n<li><strong>Use the paid <a href=\"https:\/\/www.memberstack.com\/\" target=\"_blank\" rel=\"noopener\" title=\"\">Memberstack <\/a>plugin. <\/strong>It allowed us to hide a block if needed, as well as certain posts inside a specific CMS collection.&nbsp;<\/li>\n<\/ul>\n\n\n\n<p>Since Memberstack offered more flexibility, even though it incurred extra costs, the client gave it the thumbs up.&nbsp;<\/p>\n\n\n\n<p>Thus, we ended up by creating two collections instead of four: <strong>Podcasts <\/strong>and <strong>Programs<\/strong>. Using Memberstack,&nbsp;the website administrator can quickly build identically looking pages with different content or hide specific premium podcasts\/programs from users who have not paid for them.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"485\" src=\"https:\/\/s3.amazonaws.com\/newblog.psd2html.com\/wp-content\/uploads\/2023\/06\/12134127\/podcasts-1024x485.png\" alt=\"\" class=\"wp-image-17566\" srcset=\"https:\/\/s3.amazonaws.com\/newblog.psd2html.com\/wp-content\/uploads\/2023\/06\/12134127\/podcasts-1024x485.png 1024w, https:\/\/s3.amazonaws.com\/newblog.psd2html.com\/wp-content\/uploads\/2023\/06\/12134127\/podcasts-300x142.png 300w, https:\/\/s3.amazonaws.com\/newblog.psd2html.com\/wp-content\/uploads\/2023\/06\/12134127\/podcasts-768x364.png 768w, https:\/\/s3.amazonaws.com\/newblog.psd2html.com\/wp-content\/uploads\/2023\/06\/12134127\/podcasts-1536x727.png 1536w, https:\/\/s3.amazonaws.com\/newblog.psd2html.com\/wp-content\/uploads\/2023\/06\/12134127\/podcasts.png 1901w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"has-text-align-center\"><em>Podcasts&nbsp;<\/em><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Forms&nbsp;<\/h3>\n\n\n\n<p>Initially, the client requested integration of HubSpot Contact Us and Sign Up Now forms into the website. However, it turned out that connecting HubSpot to Webflow required a subscription that was a bit too challenging for the client\u2019s budget.<\/p>\n\n\n\n<p>Carmen discovered a less expensive alternative: combining the native Webflow form functionality with the <a href=\"https:\/\/zapier.com\/\" target=\"_blank\" rel=\"noopener\" title=\"\">Zapier <\/a>platform. That would give the clinic the information about form submissions and allow auto replies to be sent directly from the client\u2019s Gmail account.&nbsp;<\/p>\n\n\n\n<p>Carmen asked us for our opinion, and we agreed that the native Webflow form functionality plus Zapier might be a better option. So, adapting to the client\u2019s changed needs, we created the forms right in Webflow.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">The Outcome&nbsp;<\/h2>\n\n\n\n<p>The client was completely satisfied with the results of our collaboration. The HelloHealth Clinic website is pleasing to the eye, renders perfectly on mobile devices, and performs all the requested functions.&nbsp;It took us 14 business days to get the job done.&nbsp;<\/p>\n\n\n\n\n    <blockquote>\n        <p>I really enjoyed working with our project manager who kept us organized, kept the project on track, and, above all, made the process really easy. Incredibly pleased with our collaboration and what they were able to produce.<\/p>\n        <footer class=\"author-block\">\n                        <div class=\"text-holder\">\n                                            <\/div>\n        <\/footer>\n    <\/blockquote>\n        \n\n\n\n<p>Want to be our next happy client? <a href=\"https:\/\/getdevdone.com\/contact-us.html\" target=\"_blank\" rel=\"noopener\" title=\"\">Reach out<\/a> to us today to discuss the details of your future Webflow project.&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In this post, we discuss one of our Webflow development projects. You will learn about the challenges we faced and the solutions we provided.  <\/p>\n","protected":false},"author":12,"featured_media":17568,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"advgb_blocks_editor_width":"","advgb_blocks_columns_visual_guide":"","footnotes":""},"categories":[743,757],"tags":[761,774,848,812],"class_list":["post-17560","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-case-study","category-webflow-development","tag-api-third-party-integrations","tag-cms-development","tag-healthcare","tag-webflow"],"acf":[],"aioseo_notices":[],"author_meta":{"display_name":"Yuliya Mikitenko","author_link":"https:\/\/getdevdone.com\/blog\/author\/yuliya-mikitenko"},"featured_img":"https:\/\/s3.amazonaws.com\/newblog.psd2html.com\/wp-content\/uploads\/2023\/06\/12134505\/Intro-preview-1-300x300.png","coauthors":[],"tax_additional":{"categories":{"linked":["<a href=\"https:\/\/getdevdone.com\/blog\/category\/case-study\" class=\"advgb-post-tax-term\">Case study<\/a>","<a href=\"https:\/\/getdevdone.com\/blog\/category\/webflow-development\" class=\"advgb-post-tax-term\">Webflow development<\/a>"],"unlinked":["<span class=\"advgb-post-tax-term\">Case study<\/span>","<span class=\"advgb-post-tax-term\">Webflow development<\/span>"]},"tags":{"linked":["<a href=\"https:\/\/getdevdone.com\/blog\/category\/webflow-development\" class=\"advgb-post-tax-term\">API \/ third-party integrations<\/a>","<a href=\"https:\/\/getdevdone.com\/blog\/category\/webflow-development\" class=\"advgb-post-tax-term\">CMS development<\/a>","<a href=\"https:\/\/getdevdone.com\/blog\/category\/webflow-development\" class=\"advgb-post-tax-term\">Healthcare<\/a>","<a href=\"https:\/\/getdevdone.com\/blog\/category\/webflow-development\" class=\"advgb-post-tax-term\">Webflow<\/a>"],"unlinked":["<span class=\"advgb-post-tax-term\">API \/ third-party integrations<\/span>","<span class=\"advgb-post-tax-term\">CMS development<\/span>","<span class=\"advgb-post-tax-term\">Healthcare<\/span>","<span class=\"advgb-post-tax-term\">Webflow<\/span>"]}},"comment_count":"0","relative_dates":{"created":"Posted 3 years ago","modified":"Updated 1 year ago"},"absolute_dates":{"created":"Posted on June 12, 2023","modified":"Updated on April 3, 2025"},"absolute_dates_time":{"created":"Posted on June 12, 2023 2:12 pm","modified":"Updated on April 3, 2025 10:24 pm"},"featured_img_caption":"","series_order":"","featured_image_urls":{"thumbnail_723x315":"https:\/\/s3.amazonaws.com\/newblog.psd2html.com\/wp-content\/uploads\/2023\/06\/12134505\/Intro-preview-1-400x315.png","thumbnail_723x315-2x":"https:\/\/s3.amazonaws.com\/newblog.psd2html.com\/wp-content\/uploads\/2023\/06\/12134505\/Intro-preview-1.png","thumbnail_723x315-3x":"https:\/\/s3.amazonaws.com\/newblog.psd2html.com\/wp-content\/uploads\/2023\/06\/12134505\/Intro-preview-1.png","thumbnail_770x510":"https:\/\/s3.amazonaws.com\/newblog.psd2html.com\/wp-content\/uploads\/2023\/06\/12134505\/Intro-preview-1.png","thumbnail_770x510-2x":"https:\/\/s3.amazonaws.com\/newblog.psd2html.com\/wp-content\/uploads\/2023\/06\/12134505\/Intro-preview-1.png","thumbnail_770x510-3x":"https:\/\/s3.amazonaws.com\/newblog.psd2html.com\/wp-content\/uploads\/2023\/06\/12134505\/Intro-preview-1.png"},"featured_post_color":"#9056e0","author_avatar":"https:\/\/secure.gravatar.com\/avatar\/7401c84439e6a6c4aa6a8ff19e0d4605c2906fb2d668abb29f831e4a5affc943?s=96&d=mm&r=g","author_position":"Account Manager","reading_time":"<span class=\"span-reading-time rt-reading-time\"><span class=\"rt-label rt-prefix\"><\/span> <span class=\"rt-time\"> 3<\/span> <span class=\"rt-label rt-postfix\">min read<\/span><\/span>","prev_post":{"slug":"how-we-developed-the-filamente-at-wordpress-based-website","name":"How We Developed the filamente.at WordPress-Based Website"},"next_post":{"slug":"webflow-vs-wordpress","name":"Webflow vs WordPress: Which Platform to Choose for Your Website (a Practical Example Included)"},"related_posts":["building-a-complex-wordpress-powered-online-platform-for-the-music-publishers-association","craft-cms-case-study-hallingcast-website","building-wordpress-website-aus-flying"],"_links":{"self":[{"href":"https:\/\/getdevdone.com\/blog\/wp-json\/wp\/v2\/posts\/17560","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/getdevdone.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/getdevdone.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/getdevdone.com\/blog\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/getdevdone.com\/blog\/wp-json\/wp\/v2\/comments?post=17560"}],"version-history":[{"count":34,"href":"https:\/\/getdevdone.com\/blog\/wp-json\/wp\/v2\/posts\/17560\/revisions"}],"predecessor-version":[{"id":24695,"href":"https:\/\/getdevdone.com\/blog\/wp-json\/wp\/v2\/posts\/17560\/revisions\/24695"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/getdevdone.com\/blog\/wp-json\/wp\/v2\/media\/17568"}],"wp:attachment":[{"href":"https:\/\/getdevdone.com\/blog\/wp-json\/wp\/v2\/media?parent=17560"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/getdevdone.com\/blog\/wp-json\/wp\/v2\/categories?post=17560"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/getdevdone.com\/blog\/wp-json\/wp\/v2\/tags?post=17560"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}