Freelance JavaScript Developer

Position: Freelance JavaScript Developer (Webflow Integration)
Freelance JavaScript Developer Needed for Interactive Decision Tree (Webflow Integration)

About the Role

We're looking for a skilled JavaScript developer to build a complex interactive decision tree for our homepage. This interactive module should have a left-to-right flow on desktop and a top-to-bottom flow on mobile, incorporating smooth animations, dynamic dotted-to-solid lines, and full Webflow compatibility.

Key Responsibilities
• Develop a fully responsive decision tree:
• Desktop:
Left-to-right branching structure.
• Mobile:
Top-to-bottom flow.
• Implement smooth animations, including:
• Dotted lines that transition to solid when an option is selected.
• Animated shifting and expanding of selected options.
• A pop-up info box appearing when a final option is reached.
• Ensure seamless Webflow integration, either natively or through custom JavaScript.
• Write clean, well-documented code to allow for easy future updates.
• Implement accessibility best practices, including:
• Screen reader support, keyboard navigation (e.g., 'Tab' key), ARIA labels, and proper focus management.
• Optimize for performance—keeping it lightweight and fast across devices.

Tech Stack & Tools
• Preferred:
Native Webflow implementation using interactions, animations, and custom code.
• Alternative (if Webflow limitations apply):
• JavaScript Libraries: D3.js, Rough.js, or other suitable visualization frameworks.
• Rendering:
Canvas, SVG, or other lightweight methods.
• Must ensure cross-browser compatibility and seamless integration with Webflow.

Qualifications
• Proven experience with JavaScript and interactive visualizations.
• Expertise in D3.js, Rough.js, Canvas, or SVG animations.
• Strong knowledge of Webflow integration and custom code embedding.
• Experience with responsive design and ensuring mobile-friendly behavior.
• Familiarity with accessibility best practices.
• Strong problem-solving skills and ability to create a lightweight, performance-optimized module.

Bonus Skills (Not Required but Nice to Have)
• Previous experience building interactive decision trees or similar visualizations.
• Familiarity with Webflow CMS-based logic and animations.
• Strong UI/UX sense for crafting intuitive user interactions.

Interested? Send us your portfolio, Git Hub, or examples of similar interactive projects you've built!
#J-18808-Ljbffr

Job Qualifications

  • Native Webflow implementation using interactions, animations, and custom code
  • Alternative (if Webflow limitations apply):
  • JavaScript Libraries: D3.js, Rough.js, or other suitable visualization frameworks
  • Canvas, SVG, or other lightweight methods
  • Must ensure cross-browser compatibility and seamless integration with Webflow
  • Proven experience with JavaScript and interactive visualizations
  • Expertise in D3.js, Rough.js, Canvas, or SVG animations
  • Strong knowledge of Webflow integration and custom code embedding
  • Experience with responsive design and ensuring mobile-friendly behavior
  • Familiarity with accessibility best practices
  • Strong problem-solving skills and ability to create a lightweight, performance-optimized module
  • Bonus Skills (Not Required but Nice to Have)
  • Previous experience building interactive decision trees or similar visualizations
  • Familiarity with Webflow CMS-based logic and animations
  • Strong UI/UX sense for crafting intuitive user interactions

Job Benefits

Job Responsibilities

  • This interactive module should have a left-to-right flow on desktop and a top-to-bottom flow on mobile, incorporating smooth animations, dynamic dotted-to-solid lines, and full Webflow compatibility
  • Develop a fully responsive decision tree:
  • Implement smooth animations, including:
  • Dotted lines that transition to solid when an option is selected
  • Animated shifting and expanding of selected options
  • A pop-up info box appearing when a final option is reached
  • Ensure seamless Webflow integration, either natively or through custom JavaScript
  • Write clean, well-documented code to allow for easy future updates
  • Implement accessibility best practices, including:
  • Screen reader support, keyboard navigation (e.g., 'Tab' key), ARIA labels, and proper focus management
  • Optimize for performance—keeping it lightweight and fast across devices