Details

Content and design

Bring your story to life in a beautifully-designed, custom website written and designed in Figma to generate interest and capture leads.Whether you need a one-pager to set up shop and highlight your business, or you need a sophisticated multi-page site with modern CMS collections, solutions pages, and more, you can get the high-quality work you need.

Development

Once you're happy with the content and design, we can develop and launch the site in Framer and Webflow, complete with animations, lead forms, integrations, and more.

Process

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 Framer or Webflow. If we're doing work on an existing Framer or Webflow site, we'll make sure the proper permissions are granted to proceed.

Step 4: Development

Once we enter the 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 Framer or 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 Platform plans on our pricing page.

Deliverables

• A new or updated Framer or Webflow website, with the addition of pages specified in the order

• Content, design, and/or development

• DNS configuration

• Google Analytics and Search Console integrations