Figma Design + Webflow Landing PagesJennifer Booyens
End-to-end landing page solutions that move seamlessly from Figma design to responsive Webflow builds. Every project is structured on the Client-First framework, combining conversion-focused UX, scalable development, and performance optimization into one cohesive deliverable.
What's included
Custom Figma Design File
You’ll receive a complete design file built in Figma, including all sections, states, and responsive views. This ensures you have a clear visual blueprint of your landing page before development begins.
The design will be delivered as a downloadable .fig file that you can upload directly into your own Figma account. This gives you full ownership—whether you want to make edits yourself in the future or hand it over to another designer or developer.
Responsive Webflow Build (Client-First Framework)
Your landing page will be fully developed in Webflow using the Client-First framework, ensuring a clean, organized, and scalable build. The framework makes it easy for you (or your team) to edit, update, and expand in the future without confusion.
Every layout is carefully optimized for desktop, tablet, and mobile devices. Each breakpoint is tested to deliver a seamless, responsive experience across all screen sizes—so your page looks professional everywhere.
SEO-Optimized & Performance-Ready
Your landing page will be built with both search engines and users in mind. On-page SEO best practices are applied from the start, including semantic headings, descriptive meta tags, alt text for images, and a clear content hierarchy to improve discoverability.
Behind the scenes, the site is optimized for speed and usability: assets are compressed, code is clean, and performance is fine-tuned for fast load times and a smooth browsing experience on every device.
Custom Animations & Interactions
Smooth, purposeful animations and micro-interactions will bring your landing page to life. These are designed to enhance engagement, highlight key messages, and guide users toward action without distracting from the content.
FAQs
Timelines vary depending on scope and client responsiveness. Each stage of the process requires feedback and approval—delays in providing content or sign-off will extend the overall timeline. For example, if approval takes a week, that week is added to the project schedule.
Copy (If you have) - the design can be done with lorem ipsum or copy added for extra fee, brand guidelines (if available), and a few examples of sites you like. These help establish direction and ensure the project runs smoothly.
Up to three structured rounds of revisions are included in the design phase. This allows for refinement while keeping the process efficient. Additional revisions can be accommodated at $30/hour.
Yes. You’ll receive the Figma design file (.fig) and the Webflow site transferred to your own workspace. This ensures full ownership and flexibility for future edits or growth.
A Webflow workspace, site plan, and domain are recommended so you have full ownership of your site. However, if you prefer, I can also host and manage the project for you on my own workspace for a monthly fee (to be discussed).
Yes. Ongoing maintenance and updates can be arranged as part of a tailored support plan. This can range from occasional changes to a structured monthly package, depending on your needs.
Starting at$650
Duration2 weeks
Tags
Figma
Relume
Webflow
UX Designer
Web Designer
Webflow Developer
Service provided by
Jennifer Booyens proCape Town, South Africa
- 24
- Followers
Figma Design + Webflow Landing PagesJennifer Booyens
Starting at$650
Duration2 weeks
Tags
Figma
Relume
Webflow
UX Designer
Web Designer
Webflow Developer
End-to-end landing page solutions that move seamlessly from Figma design to responsive Webflow builds. Every project is structured on the Client-First framework, combining conversion-focused UX, scalable development, and performance optimization into one cohesive deliverable.
What's included
Custom Figma Design File
You’ll receive a complete design file built in Figma, including all sections, states, and responsive views. This ensures you have a clear visual blueprint of your landing page before development begins.
The design will be delivered as a downloadable .fig file that you can upload directly into your own Figma account. This gives you full ownership—whether you want to make edits yourself in the future or hand it over to another designer or developer.
Responsive Webflow Build (Client-First Framework)
Your landing page will be fully developed in Webflow using the Client-First framework, ensuring a clean, organized, and scalable build. The framework makes it easy for you (or your team) to edit, update, and expand in the future without confusion.
Every layout is carefully optimized for desktop, tablet, and mobile devices. Each breakpoint is tested to deliver a seamless, responsive experience across all screen sizes—so your page looks professional everywhere.
SEO-Optimized & Performance-Ready
Your landing page will be built with both search engines and users in mind. On-page SEO best practices are applied from the start, including semantic headings, descriptive meta tags, alt text for images, and a clear content hierarchy to improve discoverability.
Behind the scenes, the site is optimized for speed and usability: assets are compressed, code is clean, and performance is fine-tuned for fast load times and a smooth browsing experience on every device.
Custom Animations & Interactions
Smooth, purposeful animations and micro-interactions will bring your landing page to life. These are designed to enhance engagement, highlight key messages, and guide users toward action without distracting from the content.
FAQs
Timelines vary depending on scope and client responsiveness. Each stage of the process requires feedback and approval—delays in providing content or sign-off will extend the overall timeline. For example, if approval takes a week, that week is added to the project schedule.
Copy (If you have) - the design can be done with lorem ipsum or copy added for extra fee, brand guidelines (if available), and a few examples of sites you like. These help establish direction and ensure the project runs smoothly.
Up to three structured rounds of revisions are included in the design phase. This allows for refinement while keeping the process efficient. Additional revisions can be accommodated at $30/hour.
Yes. You’ll receive the Figma design file (.fig) and the Webflow site transferred to your own workspace. This ensures full ownership and flexibility for future edits or growth.
A Webflow workspace, site plan, and domain are recommended so you have full ownership of your site. However, if you prefer, I can also host and manage the project for you on my own workspace for a monthly fee (to be discussed).
Yes. Ongoing maintenance and updates can be arranged as part of a tailored support plan. This can range from occasional changes to a structured monthly package, depending on your needs.
$650