What are the responsibilities and job description for the Freelance JavaScript Developer (Webflow Integration) position at Human Agency?
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
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.
- 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.
- 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.
- 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.
