Webflow / Website Design & Development / Static & CMS

Pro

Paul Lynch

Starting at

/hr

About this service

Summary

Professional Webflow website development using Finsweet's Client-First Structure with Relume components. We deliver dynamic, scalable sites tailored to your brand through a collaborative, client-centered approach.

Process

Quote Clarification

Initial Alignment: Review the client’s brief, discuss project requirements, and confirm scope and deliverables. This ensures both parties are aligned on expectations before beginning detailed planning.

Discovery & Wireframing in Relume

Begin with a discovery session to align on project goals, user flow, and structure. Develop detailed wireframes in Relume.io to outline page layouts, navigation, and content hierarchy, setting a clear foundation for design.

Website Copywriting Development (if applicable)

Develop clear, on-brand copy for major pages, ensuring messaging aligns with wireframes. Note: All copy must be finalised and approved during the wireframe phase (whether provided by Brandtribal or a third party) before moving to Webflow development.

High-Fidelity Design in Figma

Transform wireframes and copy into high-fidelity designs in Figma for desktop and mobile. This stage includes feedback rounds to fine-tune visuals, covering elements like icons, CTAs, and imagery to reflect the brand’s aesthetic.

Website Setup & Configuration

Relume Style Guide: Establishes the foundational styling system in Webflow.

General Setup: Configure core settings, including SEO metadata, favicon, web clip icons, Open Graph images, and domain connection. Ensures cohesive brand presentation and SEO-readiness.

SEO Content: Basic on-page SEO optimisation, set up as part of Webflow’s organic SEO capabilities.

Webflow Development – Responsive Build

Full responsive build in Webflow, optimised for accessibility and SEO best practices. Includes animations, interactive elements, and design configurations for all device viewports (desktop, tablet, mobile).

Dynamic CMS Integration (if needed)

Set up CMS collections for dynamic content such as blogs, testimonials, or portfolios, including schema structure for categories and tags. Provides flexible content management options and filtering based on client needs.

Testing & Launch Support

Conduct comprehensive testing to verify site functionality, responsiveness, and SEO compliance. Once testing is complete, assist with launching the site to ensure it’s fully operational.

Post-Launch Training & Support

Provide a 1-hour training session to guide the client through Webflow’s CMS, covering content updates and site management. Includes 30 days of post-launch support for minor adjustments and troubleshooting.

FAQs

How long does a Webflow website project take?
A typical Webflow project takes 4-6 weeks, depending on the complexity and the feedback turnaround time. We’ll keep you updated throughout each phase to ensure a smooth process.
What is the purpose of the Quote Clarification step?
The Quote Clarification step ensures that we’re aligned on project requirements, scope, and deliverables right from the start. It’s an opportunity to confirm any specific needs or expectations before we begin the planning and design phases.
Can I manage the website myself once it’s live?
Yes! Webflow’s CMS and optional Airtable integration make it easy to manage and update content without coding skills. We also provide a training session to guide you on how to make updates.
Is website copywriting included in the project?
Our post-launch support includes a 1-hour training session to help you get comfortable with Webflow’s CMS. Additionally, we offer 30 days of support for minor adjustments and troubleshooting after launch.
Do I need SEO setup, and is it included?
Yes, basic SEO setup is included as part of our Website Setup & Configuration. This includes essential metadata, Open Graph setup, and on-page SEO optimisations to enhance your site’s organic search readiness. Please note that the client is responsible for providing any Google Analytics tracking IDs, which we can then integrate into Webflow.
What’s included in the post-launch support?
Our post-launch support includes a 1-hour training session to help you get comfortable with Webflow’s CMS. Additionally, we offer up to 2 hours of support over the first 30 days (in 30-minute increments) for minor adjustments and troubleshooting. Any additional support beyond this is available at our hourly rate.

What's included

Quote Clarification / Response
/ Initial Alignment: Review the client’s brief and discuss any specific requirements or expectations. This step ensures that both parties are aligned on the project scope, timeline, and deliverables before moving forward.
Client Management
/ Communication: Regular updates and check-ins. / Collaboration: Time allocated for project discussions and clarifications.
Project Scope & Planning
/ Sitemap: Outline site structure and navigation. / Wireframe: Define page layout and user flow. / AI Draft copy writing - to provide context and understanding to the website.
Content Development
/ Website Copywriting (OPTIONAL ADD-ON): On-brand copy for major pages. / Note: Final copy needed by the wireframe stage for seamless development.
Design & Assets
/ Figma Design: High-fidelity, responsive designs for desktop and mobile. / Stock Images & Graphics (if needed): Brand-aligned images and graphic elements. / Note: Unsplash: Royalty Free images used as positional content.
Website Setup & Configuration
/ Relume Style Guide: Foundation for Webflow styling. General Setup / SEO Metadata: Set up essential metadata to support search engine indexing. / Favicon & Web Clip Icons: Upload and configure the site’s favicon (for browser tabs) and web clip icons (for mobile and app shortcuts), enhancing brand visibility across devices. / Open Graph Image: Design and configure the Open Graph image for social media sharing, ensuring a professional and on-brand appearance when links are shared on platforms like Facebook and LinkedIn. / SEO Content: Implement basic on-page SEO optimisations within Webflow, utilising Webflow’s SEO tools for organic search readiness.
Webflow Development
/ Responsive Build: Full Webflow development for all Desktop, Tablet, Mobile Landscape and Portrait. / Global Components: Navigation, footer, and other site-wide sections (as needed). / Dynamic CMS (OPTIONAL ADD-ON): Setup for blogs, testimonials, and categories.
Testing & Launch
/ Testing: Ensure functionality, responsiveness, and SEO. / Launch Support: Assistance to bring the site live.
Post-Launch Training & Support
/ Client Training: 1-hour Webflow CMS walkthrough. / 30-Day Support: Minor adjustments and troubleshooting. 2hrs Maximum support overall, additional costs thereafter.
Airtable Integration (OPTIONAL ADD-ON)
Optional Airtable integration for managing and syncing large CMS datasets or content schedules, providing an efficient backend solution for dynamic content updates.