Step 1: Discovery

The first step in developing your website is to get an understanding of your objectives and preferred style.

Site Goals: We begin by understanding what the client wants the website to achieve. This includes identifying the primary objectives and the key actions they want visitors to take.

Audience Analysis: We identify the primary site visitors to tailor the design and content accordingly.

Page Requirements: We discuss the necessary pages and their functions, such as home, about, services, blog, contact, etc.

Visitor Actions: We clarify the desired actions for visitors, whether it's making a purchase, signing up for a newsletter, or contacting the client.

Feature Needs: We identify both standard features (blog, testimonials, contact form, newsletter form) and advanced features (e-commerce, membership portal, calculators) to determine the project scope.

Step 2: Design home page

We design the home page in Figma first to ensure we have your preferred style dialed in prior to designing the rest of the site. At this point we do a preliminary content copyedit pass to get a feel for the site messaging.

We’ll share the designs via Figma, where you can comment your feedback. Once we have design approval on the home page, we’ll design the rest of the site.

Step 3: Design full site (if applicable)

Next we design the full site in Figma, including prototyping for any navigation elements like nav bars, buttons, and footers.

We also dial in the content with a final copyedit pass. These updates will also be shared via Figma.

For Design-only sites, at this point we’ll share the Figma file for your developers to reference.

For Development sites, once the full site is approved, we’ll start development in Webflow. If we're doing work on an existing Webflow site, we'll make sure the proper permissions are granted to proceed.

Step 4: Development

Once we enter the Webflow development phase, the content is (pretty much) fixed and shouldn’t change until completion.

The final design review will be conducted using a tool called MarkUp, which operates similarly to Figma but for live websites.

At this point, we’ll make sure that all of the administrative things are ready, like configuring your DNS, setting up Google Analytics and Search Console, and any other integrations.

Step 5: Transfer or Launch!

Once the site is ready to go live, we’ll either transfer it to your Webflow workspace, or we’ll launch and manage it on our end.

For managed websites with ongoing support, quick fixes, and maintenance, check out the Partner and Project Pro plans on our pricing page.

‍