Blog
Projects
Fedjobs.ca: How We Built A Simple Mini Course Platform in Webflow

Fedjobs.ca: How We Built A Simple Mini Course Platform in Webflow

connor finlayson
Connor Finlayson
July 23, 2021

Join The Founder's Inbox

Join 13k+ entrepreneurs and receive tutorials, tips, and strategies for building smarter digital products using no-code, AI, and automation.

Thank you! We will reach out when we have updates!
Oops! Something went wrong while submitting the form.

Have you ever wanted to create your own online course but felt overwhelmed by the tech involved? Imagine building a fully functional course, complete with memberships, video hosting, and support workflows, without writing a single line of code. That’s exactly what I did with my latest project, FedJobs.ca, and in this post, I’m going to show you how you can do it too.

Here’s what I’ll cover:

  • The no-code tools I used, like Webflow, Airtable, and Memberstack.
  • A behind-the-scenes look at how I structured and launched the course.
  • Practical tips to help you build your own mini course faster and more efficiently.

If you’ve ever dreamed of turning your knowledge into a course that others can benefit from, stick around—this guide will give you everything you need to get started.

The Idea Behind the Mini Course

The concept for FedJobs.ca came from my wife, Marielle, who has years of experience in the public sector and a proven system for acing the government hiring process. Recognizing the challenges applicants face, we decided to package her insights into an easy-to-use course. Our goal was simple: to help others succeed in securing their dream federal jobs.

The Tools I Used

Here’s the tech stack I used to bring this project to life:

  • Webflow: For creating the course website and managing content.
  • Memberstack: To manage user accounts and gate the course content.
  • Wistia: To host and embed high-quality video lessons.
  • Zapier: For automating workflows like tracking sign-ups and support tickets.
  • Airtable: To organize user data and support queries.

Step-by-Step Creation Process

1. Designing the Landing Page

The first step was building a visually appealing landing page in Webflow. This page introduces the course, outlines the modules, and includes a trailer video to give users a sneak peek of what they’ll learn. It also features:

  • A login section for registered users.
  • Downloadable templates to assist with application preparation.
  • A calendar integration for booking one-on-one coaching sessions with Marielle.

(Related video: How to Build a No-Code Marketplace with Webflow)

2. Structuring the Course Content

We opted to create static pages for each module instead of using Webflow's CMS, as this approach fit the small scope of the course. Each module includes:

  • Video lessons hosted on Wistia.
  • Written transcripts for accessibility.
  • Links to relevant resources and templates.

(Related video: How to Create Webflow Membership Sites with Memberstack)

3. Setting Up Membership Features

To restrict access to the course, I used Memberstack. We kept things simple with a single membership tier, offering users access for a one-time fee. Coupons for discounts were added to provide flexibility for promotional campaigns.

(Related resource: Memberstack 2.0 Review)

4. Building the Support Workflow

For managing support queries, we created a form embedded in Webflow. This form pulls the user’s Memberstack ID, helping us identify the module they were viewing when they submitted their question. The data is sent to Airtable, where it’s tracked and resolved by Marielle and me.

(Related video: How to Use Airtable Webhooks with Webflow, Memberstack, and Stripe)

Lessons Learned

  1. Start Small: A mini course doesn’t need dozens of videos. Focus on delivering actionable value in a concise format.
  2. Begin with the Landing Page: Designing the landing page early helps solidify your value proposition and structure the course.
  3. Leverage Feedback: Early input from friends and family helped refine our approach, though it’s important to prioritize feedback from your target audience.

Next Steps for FedJobs.ca

We plan to promote the course using Google Ads, targeting keywords relevant to federal job applications. Additionally, we’re keeping the door open for expanding the course based on user feedback.

Final Thoughts

This project was a fun experiment in using no-code tools to solve real-world problems. If you’re considering building a course, I encourage you to start small, use tools like Webflow and Memberstack, and focus on the needs of your audience. You’ll be amazed at what you can achieve with just a few weekends of work.

Related Videos You Might Enjoy:

If you’re interested in learning more about no-code tools, be sure to check out my affiliate links for Webflow, Airtable, and Memberstack to get started today.

MVMP LABS COURSE

The Landing Page Engine

Learn how to set up a AI-powered programmatic landing page system

  1. MVMP Labs: Join our online community for first-time founders building no-code marketplaces. Get access to exclusive resources, step-by-step guides, and a supportive network of peers who are on the same journey as you.
  2. Studio: Let my team handle the heavy lifting. We’ll build your automations, build entire MVPS, basically let you focus on building the business, whilst we build the systems.
  3. Learn No-Code on YouTube: Follow my free, hands-on tutorials where I teach you how to build and automate no-code marketplaces step-by-step. Subscribe here for weekly videos and start creating today.