Portfolio highlights
Explore a selection of featured Webflow projects
Sunday Swing
Figma to Webflow
Golf Performance Center
USA
About the project
Sunday Swing, a golf performance center in California, had a stunning Figma design that needed to be converted to Webflow with pixel-perfect accuracy. The project features unique layouts, grids, and advanced elements like nested accordions and sliders. For booking sessions, I integrated MindBody using custom JavaScript coding for a seamless connection. Subtle Webflow interactions were added to make the site more engaging and dynamic.
tags
Figma to Webflow Development, Webflow CMS Setup, Custom Code Functionalities, Finsweet Attributes, Booking System Integration, Mindbody integration
![](https://cdn.prod.website-files.com/665dbcd5f225ff630de6a58d/665dbcf642222e00c8e3974f_664c3f322bf7caa4aa993906_65c45a20346eb5ade15189c7_www.sundayswinggolf%2525204.webp)
![](https://cdn.prod.website-files.com/665dbcd5f225ff630de6a58d/665dbcf642222e00c8e39745_664c3f322bf7caa4aa9938fd_65c45a20706b53f4aba3c5f9_www.sundayswinggolf%2525202.webp)
![](https://cdn.prod.website-files.com/665dbcd5f225ff630de6a58d/665dbcf642222e00c8e3973f_664c3f322bf7caa4aa9938f9_65c45a20e56d80f87a99b977_www.sundayswinggolf%2525201.webp)
![](https://cdn.prod.website-files.com/665dbcd5f225ff630de6a58d/665dbcf642222e00c8e39748_664c3f322bf7caa4aa9938f6_65c45a20397a444e78325eb3_www.sundayswinggolf%2525205.webp)
![](https://cdn.prod.website-files.com/665dbcd5f225ff630de6a58d/665dbcf642222e00c8e39756_664c3f322bf7caa4aa993909_65c45a20e2e64b6f3a014273_www.sundayswinggolf%2525203.webp)
No items found.
Nori
Migration & Figma to Webflow
Carbon Removal Marketplace
USA
About the project
Nori, a company focused on carbon removal solutions, needed their site migrated from Strapi to Webflow. This project involved transferring numerous blog posts and podcasts, as well as rebuilding many pages. Starting from a new brand identity and Figma designs, the site was developed in Webflow with an emphasis on building reusable components to empower the team to scale independently. Custom coded elements, like a calculator and Finsweet attribute solutions, were added. Video tutorials and Loom training facilitated Webflow use. Ongoing support ensures smooth updates and development of new advanced features.
tags
Strapi to Webflow Migration, Figma to Webflow Development, Webflow Custom Code, Webflow CMS, Finsweet Attributes, Webflow Ongoing Support, Webflow Maintenance, Webflow Calculator
![](https://cdn.prod.website-files.com/665dbcd5f225ff630de6a58d/665dbcf5ee9e8d194305b1fd_664c3f30fe7375c89212190d_65f6d1922fada763e53459b5_nori.com_(Screenshots%252520Default).webp)
![](https://cdn.prod.website-files.com/665dbcd5f225ff630de6a58d/665dbcf5ee9e8d194305b1ee_664c3f30fe7375c8921218a4_65f6d192d2de0de1bc772210_nori.com_(Screenshots%252520Default)%252520(1).webp)
![](https://cdn.prod.website-files.com/665dbcd5f225ff630de6a58d/665dbcf5ee9e8d194305b201_664c3f30fe7375c892121908_65f6d192f859eed353491e18_nori.com_carbon-removal_regenerative-tonne(Screenshots%252520Default).webp)
![](https://cdn.prod.website-files.com/665dbcd5f225ff630de6a58d/665dbcf5ee9e8d194305b1e4_664c3f30fe7375c89212191a_65f6d1922352dd312e0944d6_nori.com_remove-carbon(Screenshots%252520Default)%252520(1).webp)
![](https://cdn.prod.website-files.com/665dbcd5f225ff630de6a58d/665dbcf5ee9e8d194305b1f5_664c3f30fe7375c892121904_65f6d1927d17b07b895578ee_nori.com_remove-carbon(Screenshots%252520Default)%252520(2).webp)
No items found.
Brait
WordPress to Webflow & Redesign
Digital Solutions Company
Spain
About the project
Brait is an IT consultancy firm that specializes in optimizing business processes through document digitization and automation. For this project, I migrated their site from WordPress to Webflow, and redesigned it in Figma from scratch using the Relume library, focusing on UX/UI enhancements. The Webflow development utilized Relume and Client-First methodologies. Webflow Locales were added for multi-language support, along with various integrations such as a chat-box to improve user engagement and conversions.
tags
Full Redesign on Figma, WordPress to Webflow Migration, Webflow CMS, UI/UX Enhancements, Finsweet Attributes, Relume Library, Client-First
![](https://cdn.prod.website-files.com/665dbcd5f225ff630de6a58d/665dbcf3ee89f30df6c71780_664c3f2eb3744793215e7ca9_65f6d27e043b7df5ebe3ef3c_brait-cc.webflow.io_(Screenshots%252520Default).webp)
![](https://cdn.prod.website-files.com/665dbcd5f225ff630de6a58d/665dbcf3ee89f30df6c71796_664c3f2eb3744793215e7cb1_65f6d27eb9086115814770c0_brait-cc.webflow.io_(Screenshots%252520Default)%252520(1).webp)
![](https://cdn.prod.website-files.com/665dbcd5f225ff630de6a58d/665dbcf3ee89f30df6c71785_664c3f2eb3744793215e7cb8_65f6d27ef8742efcb8cd1ff6_brait-cc.webflow.io_(Screenshots%252520Default)%252520(2).webp)
![](https://cdn.prod.website-files.com/665dbcd5f225ff630de6a58d/665dbcf3ee89f30df6c7177c_664c3f2eb3744793215e7cbd_65f6d27eea2237c4116bf9ac_brait-cc.webflow.io_automatizacion-de-facturas(Screenshots%252520Default).webp)
![](https://cdn.prod.website-files.com/665dbcd5f225ff630de6a58d/665dbcf3ee89f30df6c71788_664c3f2eb3744793215e7cad_65f6d27e784664e0fdb9a79a_brait-cc.webflow.io_blog(Screenshots%252520Default).webp)
No items found.
Blinq
Figma to Webflow
Digital Business Card
Australia
About the project
Blinq, a digital business card startup, required development from Figma to Webflow. The project included setting up a blog, optimizing it for SEO, and integrating animations and interactions to enhance user engagement and site functionality. The final result is a dynamic, easy-to-navigate website that effectively showcases Blinq’s innovative solutions for sharing professional identity.
tags
Figma to Webflow Development, Blog setup & SEO optimization, Animations & Interactions
![](https://cdn.prod.website-files.com/665dbcd5f225ff630de6a58d/665dbcf32baaf1777eef0144_664c3f2d73b8b96d74d484f8_655e06006975274f1cc34497_blinq%2525204.webp)
![](https://cdn.prod.website-files.com/665dbcd5f225ff630de6a58d/665dbcf32baaf1777eef0138_664c3f2e73b8b96d74d48507_655e0600c840a689c7dcc417_blinq%2525206.webp)
![](https://cdn.prod.website-files.com/665dbcd5f225ff630de6a58d/665dbcf32baaf1777eef014a_664c3f2d73b8b96d74d48503_655e06004440ad5d93608967_blinq%2525201.webp)
![](https://cdn.prod.website-files.com/665dbcd5f225ff630de6a58d/665dbcf32baaf1777eef013e_664c3f2d73b8b96d74d48500_655e0600b104b206bfeb6071_blinq%2525205.webp)
![](https://cdn.prod.website-files.com/665dbcd5f225ff630de6a58d/665dbcf32baaf1777eef013b_664c3f2d73b8b96d74d484fc_655e0600f9a132930c09b97f_blinq%2525202.webp)
No items found.
Qurator
Figma to Webflow
Decarbonization Platform
USA
About the project
Qurator, a platform for discovering and reviewing decarbonization solutions and vendors, required a website conversion from Figma to Webflow. The project involved customizing a Webflow template to fit their specific needs. The development focused on ensuring the site is visually appealing, user-friendly, and functional, effectively showcasing Qurator’s offerings and facilitating user engagement.
tags
Figma to Webflow Conversion, Webflow Template Customization
![](https://cdn.prod.website-files.com/665dbcd5f225ff630de6a58d/665dbcf54f38e44763358db7_664c3f3140e156fda40275f8_655c9a16d420afca1523ba13_qurator-dev.webflow%2525206.webp)
![](https://cdn.prod.website-files.com/665dbcd5f225ff630de6a58d/665dbcf64f38e44763358dd1_664c3f3140e156fda40275fd_655c9a16c2149637ab4ff0d9_qurator-dev.webflow%2525208.webp)
![](https://cdn.prod.website-files.com/665dbcd5f225ff630de6a58d/665dbcf64f38e44763358dc6_664c3f3140e156fda402760c_655c9a164a9db6b9e6cef071_qurator-dev.webflow%2525201.webp)
![](https://cdn.prod.website-files.com/665dbcd5f225ff630de6a58d/665dbcf64f38e44763358dd4_664c3f3140e156fda4027609_655c9a1622335e6ee5aea08e_qurator-dev.webflow%2525202.webp)
![](https://cdn.prod.website-files.com/665dbcd5f225ff630de6a58d/665dbcf64f38e44763358dd9_664c3f3140e156fda40275f5_655c9a1695a5cfe1a1aa8666_qurator-dev.webflow%2525203.webp)
No items found.
Care To Translate
WordPress to Webflow
Healthcare Startup
Sweden
About the project
Care to Translate, a digital medical translation tool, required a migration from WordPress to Webflow. The project included setting up multi-language support, enhancing UI/UX design, and migrating the blog. The result is a user-friendly and visually appealing website that effectively supports Care to Translate’s mission of breaking down language barriers in healthcare.
tags
WordPress to Webflow Migration, Multi-Language Setup, UI/UX Enhancements, Blog Migration
![](https://cdn.prod.website-files.com/665dbcd5f225ff630de6a58d/6662d8daa7df61da51ecc0b1_655e0b265f2bffa6fe7f875f_Screen%2520Shot%25202565-08-09%2520at%252012.06%25201.webp)
![](https://cdn.prod.website-files.com/665dbcd5f225ff630de6a58d/6662d8daa7df61da51ecc0c1_655e0b26018b29098de19384_Screen%2520Shot%25202565-08-09%2520at%252012.07%25201.webp)
![](https://cdn.prod.website-files.com/665dbcd5f225ff630de6a58d/6662d8daa7df61da51ecc0b9_655e0b260e9566658b8ddd77_Screen%2520Shot%25202565-08-09%2520at%252012.07%25202.webp)
![](https://cdn.prod.website-files.com/665dbcd5f225ff630de6a58d/6662d8daa7df61da51ecc0bd_655e0b26edbcfd43045d2de6_Screen%2520Shot%25202565-08-09%2520at%252012.08%25201.webp)
![](https://cdn.prod.website-files.com/665dbcd5f225ff630de6a58d/6662d8daa7df61da51ecc0b5_655e0b26663e770bbf44740b_Screen%2520Shot%25202565-08-09%2520at%252012.08%25202.webp)
No items found.
FitFlo
Figma to Webflow
Fitness App SaaS
Australia
About the project
FitFlo, a member community engagement platform for fitness centers, needed a website developed in Webflow starting from a Figma design and a Webflow template. The project involved customizing the template and adding Finsweet attributes to enhance functionalities. The end result was a highly functional and visually appealing website that effectively showcases the FitFlo app and its features.
tags
Figma to Webflow Development for SaaS, Webflow Template Customization, FS Attributes
![](https://cdn.prod.website-files.com/665dbcd5f225ff630de6a58d/665dbcf54d1e6ff5b262f1c9_664c3f303a46351b4fd3e54f_6562db10332c7603e8ade6c5_fitflo-dev.webflow%2525203%252520(1).webp)
![](https://cdn.prod.website-files.com/665dbcd5f225ff630de6a58d/665dbcf54d1e6ff5b262f1cc_664c3f303a46351b4fd3e555_6562db10dcbd1d3b7f814cdd_fitflo-dev.webflow%2525201%252520(1).webp)
![](https://cdn.prod.website-files.com/665dbcd5f225ff630de6a58d/665dbcf54d1e6ff5b262f1c6_664c3f303a46351b4fd3e54b_6562db10332c7603e8ade6c8_fitflo-dev.webflow%2525202%252520(1).webp)
![](https://cdn.prod.website-files.com/665dbcd5f225ff630de6a58d/665dbcf54d1e6ff5b262f1bd_664c3f303a46351b4fd3e561_6562db104112006d55af94d9_fitflo-dev.webflow%2525205%252520(1).webp)
![](https://cdn.prod.website-files.com/665dbcd5f225ff630de6a58d/665dbcf54d1e6ff5b262f1d5_664c3f303a46351b4fd3e55d_6562db10dcbd1d3b7f814c99_fitflo-dev.webflow%2525206%252520(1).webp)
No items found.
CrunchCreative
Design & Development
Branding Agency
Canada
About the project
Crunch Creative, a brand naming and strategy consultancy based in Toronto, needed a comprehensive website developed in Webflow. The project involved designing the site from scratch in Figma, followed by Webflow development. Complex animations and interactions, including custom code and Lottie files, were integrated to enhance the user experience. The site features a horizontal layout, showcasing Crunch Creative’s innovative approach and expertise.
tags
Figma Design from Scratch, Webflow Development, Complex Animation & Interactions, Custom Code, Webflow Horizontal Website
![](https://cdn.prod.website-files.com/665dbcd5f225ff630de6a58d/665dbcf4e479e326c599a463_664c3f2f84114f151285f61a_6562dd2a95cd7c0fa1ff8d4a_cr1.webp)
![](https://cdn.prod.website-files.com/665dbcd5f225ff630de6a58d/665dbcf4e479e326c599a458_664c3f2f84114f151285f601_6562dd2adcbd1d3b7f828c8c_cr4.webp)
![](https://cdn.prod.website-files.com/665dbcd5f225ff630de6a58d/665dbcf4e479e326c599a45e_664c3f2f84114f151285f5fd_6562dd2a39802fe6b68e58d6_cr2.webp)
![](https://cdn.prod.website-files.com/665dbcd5f225ff630de6a58d/665dbcf4e479e326c599a473_664c3f2f84114f151285f5fa_6562dd2adcbd1d3b7f828c88_cr3.webp)
![](https://cdn.prod.website-files.com/665dbcd5f225ff630de6a58d/665dbcf4e479e326c599a468_664c3f2f84114f151285f607_6562dd2ae261a798e4bad2f0_cr6.webp)
No items found.
VIEW ALL PROJECTS
Certified Webflow expertise
Equipped for all your Webflow needs
Custom code
Go beyond Webflow limitations with custom coded functionalities and third-parties integrations.
animations
Supercharge your website and captivate your users with smooth and engaging animations.
components
Get a clean, organized, and easily scalable website that leverages custom-made components.
Trainng
Receive video tutorials and post-launch support to empower you and your team in mastering Webflow.
Testimonials
Kind words from past clients
“Daniel was an awesome find for assisting with our website migration to Webflow. He was very knowledgeable about different capabilities in Webflow, helping us determine what would be best for our needs each step of the way. He worked quickly and was very responsive when questions arose. We also really appreciated the tutorial videos he provided for helping us learn the ropes along the way. We’d definitely recommend him for Webflow-related projects!”
NORI
CARBON REMOVAL PLATFORM
“Daniel is a star. From start to finish Daniel was attentive, communicative and available. His Webflow skills are second to none, working from our Figma designs he took the blueprint and created a superb website for us and added his own expertise and experience into the build to add value. I have no hesitation recommending Daniel to other businesses for future projects.”
blinq.me
Digital Business Card Startup
VIEW ALL REVIEWS
The ultimate Canva to Webflow service
Why choosing me as your Canva to Webflow developer?
Pixel-Perfect
Your Canva designs are translated into Webflow with pixel-perfect accuracy, preserving the visual integrity.
FAST TURNAROUND TIME
Enjoy a quick turnaround time, with projects completed in days or a few weeks for larger, more complex projects.
Responsive
Your site will be responsive across all devices, even without mobile or tablet versions designed.
sPEED OPTIMIZED
Built with best practices in mind to make your site load fast and get the green light from Google Page Speed test.
seo friendly
Technical and on-page SEO optimization to help Google understand and rank your pages on top of the search results.
cms-driven
Your content will be easy to create, update and scale with intuitive and powerful Webflow CMS collections.
Interactions
Smooth, dynamic and engaging interactions and animations, to improve user-experience and make your website memorable.
integrations
Connect your site with third-parties software to add advanced functionalities and complex features.
The process of a Canva to Webflow conversion
Structured and organized process to turn your Canva design into a Webflow website.
step 01
Design analysis
Identify components, layouts, spacing and typography structure. This strategic phase allows to get the big picture and head into the development with a clear plan.
step 02
Website setup
Set up the project, create all static pages, configure technical SEO settings, establish CMS collections, and develop a comprehensive style guide/design system.
step 03
Development
Build the site section by section using a modular approach. Each element is developed and tested immediately to ensure no issues arise, simplifying the final testing phase. This includes turning elements into Webflow components and setup different variations.
step 05
Testing
Conduct extensive testing across different physical devices and browsers, with a strong focus on the most challenging screen resolutions.
step 02
Website setup
Set up the project, create all static pages, configure technical SEO settings, establish CMS collections, and develop a comprehensive style guide/design system.
step 04
Integrations
Add any required integrations and third-party elements to enhance site functionality and user experience.
step 05
Testing
Conduct extensive testing across different physical devices and browsers, with a strong focus on the most challenging screen resolutions.
step 06
Launch
Assist in connecting the domain, launching the site, and providing ongoing maintenance to ensure smooth operation and updates.
FAQs
Have any questions about the Canva to Webflow service?
how much does it cost to convert my design from CANVA to Webflow?
+
Between $500-$5000 depending on size and complexity of your design.
I don't have the mobile version designed, is it okay?
+
Yes, it's perfectly fine. I will ensure your site is responsive across all devices, even without mobile or tablet versions designed.
How long does it take to convert a Canva design to Webflow?
+
The turnaround time is usually a matter of days for smaller projects. Larger, more complex projects may take a few weeks.
How will we communicate?
+
We can communicate via email, Slack, Zoom, or any other preferred platform to discuss project details, updates, and feedback.
Pricing
Try the pricing calculator to get an instant quote.
Get an initial estimate for your project cost instantly with the interactive pricing calculator.
Prefer to talk directly?
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.