First Step

First Step

Date: 03/2024 - 05/2025
Company: INSURGENCY
Role: Full-Stack | Webflow
Project Type: LMS | Website + Email + Animation
Website link

My Role & Contributions

A fully custom LMS and membership platform — powered by Webflow, secured by Supabase, and styled for every user.

For Take The First Step, I led the complete development of an interactive learning platform featuring dynamic user access, company-specific content, quizzes, certificates, custom theming, and animations — all designed for a smooth, engaging experience.

  • Translated Figma designs into a fully responsive Webflow build, optimizing layout and structure for performance and accessibility.
  • Enabled user signup and authentication via Supabase, with company-based access and role-specific content.
  • Built a dark/light theme switcher using custom JavaScript — dynamically changing images, colors, and content for the selected mode.
  • Developed a full LMS experience, allowing users to take quizzes, track progress, and download completion certificates.
  • Added custom animations using Webflow interactions and JavaScript, enhancing user flow and visual engagement throughout the platform.
  • Connected CSV upload logic, letting admins bulk-add users and companies without technical help.
  • Created logic for dynamic page visibility, so each company sees tailored videos, pages, and courses.
  • Built user self-service features, including secure account deletion.
  • Used Finsweet Attributes and Client-First Style System for clean structure and flexible CMS control.
  • Integrated Google Analytics and Tag Manager for behavior and conversion tracking.
  • 🎬Project Videos

    These videos showcase complete website builds I’ve designed and developed, giving a closer look at the creative process behind each one. From concept to launch, every video highlights how I merge design precision with functional development — combining Webflow, custom code, and performance optimization to deliver fast, beautiful, and scalable websites. Each project reflects my passion for blending creativity with real-world results, showing not just how the site looks, but how it works in action.

    YouTube thumbnail Play button
    No items found.

    📷Project Images

    These images feature website layouts and Figma design files that I’ve transformed into fully functional websites. Each one represents a detailed approach to both visual design and technical execution — from organizing responsive grids and CMS structures to refining typography and color harmony. My goal is to bridge the gap between concept and code, creating digital experiences that are polished, flexible, and true to each brand’s identity.

    Audit Ready

    Every site I create is designed to meet the highest standards — not only visually, but technically. I build each project to pass real audits with top scores in performance, accessibility, and best practices. By combining optimized code, structured content, and lightning-fast loading times, I ensure that every project is as strong under the hood as it is on the surface. These results prove that great design can also be clean, fast, and reliable.

    No items found.
    By clicking “Accept”, you agree to the storing of cookies on your device to enhance site navigation, analyze site usage, and assist in our marketing efforts. View our Privacy Policy for more information.