Kahshe and Bass Lakes
Canadian Lakes Association
Overview
Softwares
Services
Deliverables
Project Goals and Objectives
The project was split up into bite sized pieces. This way we could focus on delivering on the goals through reaching smaller milestones:
- Webflow Development (Front-end)
- Memberstack Integration
- Onboarding flow development
- Automations
- Database Migration
Webflow Development
Webflow development included 25 static pages, 9 template pages, and utility pages. While that might sound like it's not a lot, Webflow alone would not be enough to get the job done. Most of the CMS based pages required a degree of custom code to be added due to the nature of the pages. Some sections were different than the others, some pages included tables, etc.
Mainly, there are a couple of features that are worthy of mentioning:
- Calendar page shows the collection items that are coming up, and hiding those events that have passed automatically.
- Search page has a field that shows how many items were found with the use of inputed keyword.
- Navigation that relied heavily on custom CSS
Onboarding Flow & Memberstack
One of the most complex features of the website is the two multi-step onboarding forms containing logic. To tackle this challenge, we combined the following tools:
- Webflow's front-end
- Form handling by Formly
- Automations by Make
- Business logic by Memberstack
We set up the plans, gated the website's content, and routed the members on specific plans to the right onboarding pages all in Memberstack. Then, Formly helped us take the user through the steps in order to get from the point where the user paid for a membership to the point where the user becomes an onboarded member. The form handling was taken care of by a make, sending the data from Webflow form submission to Memberstack's database.
Webflow Automations
In terms of automations and integrations, there were 9 automations developed using Make (ex Integromat) that featured integrations with tools such as:
- Memberstack
- Mailgun
- Google Drive
- Google Spreadsheets
- Gmail
The automations tackled a variety of functionalities. To mention a few, we tackled:
- Taking data from onboarding forms to Memberstack
- Handling Photo Contest form submissions, taking the data and sending it to Google spreadhseets and Google Drive
- Adding Vendors onto the site
- Submitting and publishing vendor reviews (the automation portrayed in the screenshot)
- Adding people to the mailing list
With automations being completed, the project is not completed, but simply taken into V2. That is where some functionalities are to be polished, new features are to be added, and the community of Kahshe and Bass Lakes are to be taken to new heights.
Feedback from the Client
Mike Katsevman
Tilipman Digital did a great job developing an enterprise level solution for our community!