Web Developer for 7-Page Site with Animations & QA
Description:
We’re looking for an experienced Webflow developer to build 7 custom pages using Figma designs. You must be skilled in Webflow variables, component creation, and Client-First naming conventions. The layout should be efficiently structured using reusable components, especially since several pages will follow a similar structure.
Page Breakdown:
1 homepage
5 service pages (very similar layouts – only 1 section differs on each page)
1 pricing/plans page
Key Requirements:
✅ Develop 7 Webflow pages from Figma designs
✅ Use Webflow variables for all text styles and colour tokens
✅ Turn repeated sections into reusable Webflow components
✅ Customise colours and copy via global variables or page-level settings
✅ Use Relume components as a base where applicable
✅ Rename all classes and components using Client-First naming, contextually appropriate for each page
✅ Add GSAP animations to bring pages to life (e.g., section reveals, smooth fades, interactions)
✅ Perform QA and pre-launch testing before submitting pages for review
✅ Be comfortable working with Figma variables during dev handoff
Timeline:
⏱ Project must be completed in 10 days, including QA and requested revisions
To apply, please include:
Your Webflow portfolio
A project where you used Webflow variables and reusable components
Examples of GSAP animations you’ve built
We’re ready to start immediately. Ongoing work available for the right fit.
Job Qualifications
- ⏱ Project must be completed in 10 days, including QA and requested revisions
- A project where you used Webflow variables and reusable components
- Examples of GSAP animations you’ve built
Job Benefits
- Ongoing work available for the right fit
Job Responsibilities
- You must be skilled in Webflow variables, component creation, and Client-First naming conventions
- The layout should be efficiently structured using reusable components, especially since several pages will follow a similar structure
- 5 service pages (very similar layouts – only 1 section differs on each page)
- ✅ Develop 7 Webflow pages from Figma designs
- ✅ Use Webflow variables for all text styles and colour tokens
- ✅ Turn repeated sections into reusable Webflow components
- ✅ Customise colours and copy via global variables or page-level settings
- ✅ Use Relume components as a base where applicable
- ✅ Rename all classes and components using Client-First naming, contextually appropriate for each page
- ✅ Add GSAP animations to bring pages to life (e.g., section reveals, smooth fades, interactions)
- ✅ Perform QA and pre-launch testing before submitting pages for review
- ✅ Be comfortable working with Figma variables during dev handoff