Figma to Interactive Website Conversion + Mobile adaptation
Budget: $250 – $750 USD
I’ve designed the full website layout and uploaded it to Figma.
Figma Access: Please provide your email to be added.
Domain: GoDaddy registered
Note: Pages are not interactively linked in Figma, but layout and flow are visually clear. Please use logical connections to set up navigation.
⸻
Scope of Work
Desktop Version
• Make the navigation menu interactive.
• Clicking top menu items should scroll to corresponding sections or link to appropriate URLs.
• Enable smooth scrolling for anchor links.
• Keep the menu fixed at the top when scrolling.
Mobile Version
• Create a fully mobile-responsive version of the site.
• Site should adapt cleanly across standard smartphone screen sizes.
• Convert the top menu into a hamburger menu.
• Hamburger menu should slide in from the side (about ¾ of the screen width) and dim the background when open.
“Apply Now” Page
• Link to Jotform (will provide URL or access).
• Embed or link the Jotform so users can fill it directly on the site.
• After submission, redirect to a separate “After Application” page.
“Landing Page”
• Same as above: should include or link to a Jotform (with autofill where possible).
• After submitting via this page, users should also be redirected to the “After Application” page, which should be hosted on a separate URL.
“Newsletter” Page
• Integrate Mailchimp.
• Set up an email collector form using either Mailchimp’s embedded form or API.
• The form should collect emails and store them directly in the connected Mailchimp list.
Footer
• Add clickable social icons to the bottom of every page.
• Final URLs for social media will be provided later.
⸻
Assets to Expect
You will receive the following separately:
• Jotform application link
• Mailchimp login or list credentials
• Social media links
⸻
Tech Requirements
• Use HTML, CSS, and JavaScript (no CMS platforms).
• Code must be clean, responsive, and SEO-friendly.
• Hosting is already handled—access will be provided for final deployment.
⸻
Timeline
Please provide your estimated timeline after reviewing the Figma prototype.
Target: First version delivered within 5–7 business days.
Figma Access: Please provide your email to be added.
Domain: GoDaddy registered
Note: Pages are not interactively linked in Figma, but layout and flow are visually clear. Please use logical connections to set up navigation.
⸻
Scope of Work
Desktop Version
• Make the navigation menu interactive.
• Clicking top menu items should scroll to corresponding sections or link to appropriate URLs.
• Enable smooth scrolling for anchor links.
• Keep the menu fixed at the top when scrolling.
Mobile Version
• Create a fully mobile-responsive version of the site.
• Site should adapt cleanly across standard smartphone screen sizes.
• Convert the top menu into a hamburger menu.
• Hamburger menu should slide in from the side (about ¾ of the screen width) and dim the background when open.
“Apply Now” Page
• Link to Jotform (will provide URL or access).
• Embed or link the Jotform so users can fill it directly on the site.
• After submission, redirect to a separate “After Application” page.
“Landing Page”
• Same as above: should include or link to a Jotform (with autofill where possible).
• After submitting via this page, users should also be redirected to the “After Application” page, which should be hosted on a separate URL.
“Newsletter” Page
• Integrate Mailchimp.
• Set up an email collector form using either Mailchimp’s embedded form or API.
• The form should collect emails and store them directly in the connected Mailchimp list.
Footer
• Add clickable social icons to the bottom of every page.
• Final URLs for social media will be provided later.
⸻
Assets to Expect
You will receive the following separately:
• Jotform application link
• Mailchimp login or list credentials
• Social media links
⸻
Tech Requirements
• Use HTML, CSS, and JavaScript (no CMS platforms).
• Code must be clean, responsive, and SEO-friendly.
• Hosting is already handled—access will be provided for final deployment.
⸻
Timeline
Please provide your estimated timeline after reviewing the Figma prototype.
Target: First version delivered within 5–7 business days.
Related categories:
PHP
JavaScript
Website Design
Mobile App Development
CSS
HTML
Mailchimp
Web Development
Figma
Web Design