LogoLogo
WebsiteGovernance PortalDiscord CommunityFinance Dashboard
  • Welcome To Deep Work
  • Working at Deep Work
    • Get Involved
      • How we work
      • Why Deep Work?
      • Discover Work
        • Refer Clients
        • Create a new role
        • Create a new project
        • Getting Paid
          • Rates
            • Client non-payment
          • Profit Bonus Scheme
            • Profit Bonus Whitelist
          • Funding Request & Negotiation
        • Agreement Documents
          • Contributor Agreement
          • Contractor Agreement
          • Referral Agreement
        • Reduce noise in Discord
      • Work Etiquette
    • Work on Projects
      • Contributing to Deep Work's vision
    • Governance
      • Snapshot Proposal
      • Funding Request
      • DEEP Token
        • Distribution
          • Old token details
    • Creating Projects and Payments
      • Multisig Addresses
      • Deep Work Studio (Design) Payments
      • Archived Layer2 Payment System
        • Archive of Getting Paid
          • Request forms
            • Other Payment Links
          • Snapshot Proposal
          • Rates
            • Client non-payment
              • Projects starting on and before 20th July
        • Archive of Representative Monthly Finances
        • Archive of Executing Payments
        • Archive of Team payments
  • teams / departments
    • Operations
      • Projects
        • Monthly Operations
        • Representatives Council
      • Roles
        • Systems Engineer
          • Workflow
            • ERD
        • Organizational Designer
          • Workflow
        • Representative
          • Workflow
          • Representative Monthly Finances
          • Treasury Payments
          • Executing Payments
          • Expensing Gas Fees
        • Operations Director
          • Workflow
          • Solution Architecture Sprint
        • Database Upgrade
          • Workflow
        • Solutions Architect
          • Workflow
          • New Creative Director
          • New Department or Change of Representative
          • Depreciating a Department
          • Removing a Creative Director or Representative
          • Editing or Creating Product Creator Fees
        • Documentation Writer
          • Workflow
          • Interview Guide
        • Financial Controller
          • Workflow
          • SaaS Repayment
          • Profit Share
            • Deep Work Studio Limited
          • Reinvest
          • Archive
        • Finance Architect
          • Workflow
        • Software Maintenance
          • Workflow
        • Newsletter Writer
    • Deep Work Studio
      • Projects
        • Prototype Sprint
        • Implementation Ready Sprint
        • Brand & Visual Identity
        • User Testing Session
        • Consultancy
      • Roles
        • Client Consulting
          • Consultancy
            • Consultancy Week Calls
        • Project Onboarding
          • Workflow
            • Proposal and Quote
            • Invoice & Statement of Work
            • Team Setup
        • Creative Director PM
          • Workflow
            • Project Setup
            • During the Project
            • Project Changes
            • Retrospective Workshop
            • Project Completion
          • Post a job offer
        • Workshop Facilitator
          • Workflow
            • Project Scoping
            • Branding Sprints
            • Design Sprint Workshops
            • Website Sprint Workshops
            • Iteration Workshop
            • Final Presentation
          • General Guidelines
        • Product Designer
          • Workflow
            • Design Sprint
              • Creating a compelling concept
            • Prototyping
              • Key Screen
              • Secondary Screens
              • Stitching Prototype
        • Website Designer
          • Workflow
            • Website Design Sprint
              • Creating a compelling concept
            • Prototyping
              • Key Screen
              • Secondary Screens
              • Stitching Prototype
        • Visual Identity Designer
          • Workflow
        • Illustration Designer
          • Workflow
        • Logo Designer
          • Workflow
        • User Researcher
          • Workflow
            • Shadowing
            • Interviews
            • Questions and Formalities
            • Summary Report
            • Long Term Goal
            • Sprint Questions
            • Feedback
            • Quick Fixes
            • Recommendations
            • Presentation
        • Tester Recruiter
          • Workflow
            • Old Workflow (v1)
        • Copywriter
          • Workflow
        • Webflow Builder
          • Workflow
    • Deep Experiences
    • R&D
      • Projects
        • System Update
    • DAO Consultancy
      • Projects
        • Project Kick-Off
          • Kick-Off Workshop
          • Retrospective
        • Audiences, Values, Mission Workshop
          • Audiences, Values, Mission Workshop
      • Functions
        • Outreach Coordinator
          • Workflow
        • Project Manager
          • Workflow
          • Proposal Design Workshop
          • Custom workshop sessions
          • Invoice & Statement of Work
        • Workshop Facilitator
          • Workflow
          • Facilitation Guidelines
        • Documentation Writer
          • Workflow
          • Workflow Interview Guide
      • Archive
        • Deep Work Steward
          • Workflow
          • Emergent Organization workshop
    • Software
      • Projects
        • Monthly Sprint
      • Roles
        • Product Owner
        • Frontend Engineering
          • Workflow
        • Backend Engineering
          • Workflow
        • Software Product Design
          • Workflow
    • Awareness
      • Projects
        • Research Article
      • Functions
        • Public Speaker
          • Workflow
        • Video Editor
          • Workflow
        • Interviewer
          • Workflow
        • Content Creator
          • Workflow
        • Social Media Agent
          • Workflow
        • Podcast Host
          • Workflow
        • Content Researcher
          • Workflow
        • Author
          • Workflow
        • Editor
          • Workflow
  • Software & Tools
    • Deep Teams
    • Deep Skills
    • Cybernotes
  • Resources
    • Prototyping Principles
    • How to Learn Fast
    • Give and Receive Feedback
Powered by GitBook
On this page
  • Send Implementation Checklist
  • Attend Alignment Workshop
  • Provide feedback to Website Designer
  • Iteration Workshop
  • Start Building
  • Testing
  • Attend Final Presentation
  • Create Webflow Walk-Through
  • Project Completion

Was this helpful?

  1. teams / departments
  2. Deep Work Studio
  3. Roles
  4. Webflow Builder

Workflow

Here's a guide for Webflow Developers.

PreviousWebflow BuilderNextDeep Experiences

Last updated 1 year ago

Was this helpful?

Send Implementation Checklist

The client will fill out an implementation checklist. This allows us to give them upfront prices and recommendations.

Based on the checklist, provide any recommendations, pricing information, and the timeline before the Creative Director submits a proposal to the client. Recommendations can also include various external paid features such as integrations, monthly memberships, etc.

Additionally, check the technical requirements for what they are requesting and ensure we have the time and talent resources to provide it.

Attend Alignment Workshop

Attend the to catch any desired implementations that could cause extra cost or that are not within our ability to provide. During breaks and free-time, pursue any necessary research to find pricing and any pre-existing options that may be available. Provide information on any extra time or cost before the end of the workshop and discuss with the client if they would like to move forward.

Provide feedback to Website Designer

Before user research begins, the Website Designer will share their progress with you. This allows you to help inform the user interface and how things will be built. Make sure to provide constructive feedback as needed.

Iteration Workshop

Attend or listen to recording of and provide feedback if necessary.

Start Building

As soon as the front-end has been cleaned up and is within your understanding, you can start building. This is the case, even before the static mobile version is complete.

The platform we use is Webflow, and the account is typically created by the client. They will share the login information with you.

One of the core reasons Webflow has been chosen is the CMS allowing the client to come in and change things down the road if desired. Because of this it is important to structure and name classes understandably so client can make sense of things.

When beginning to build, take the following elements into consideration:

  • Inspect Figma - You will be given access to the project's Figma. Use the Inspect Tab to view the website design and build based on the vision created.

  • Use Native Webflow Functionality - For the sake of both saving time and allowing the client to modify the website in the future, try to use native Webflow functionality as much as possible.

Testing

Before submitting the final product, test the website on multiple mobile and desktop devices, as well as multiple browsers. This will ensure any bugs are caught and that the website is accessible and well-crafted regardless of the methods used to access it.

Additionally, test all accessibility features. Follow the accessibility checklist to make certain all bases have been covered.

Attend Final Presentation

At the Final Presentation Workshop, you will have the opportunity to spend 5-10 minutes presenting a static version of the website or the full build if it is ready. If the full build is not ready, make sure to indicate when the delivery of the final product can be expected.

See the Final Presentation page for more information:

Create Webflow Walk-Through

Once the full build is complete, create a Webflow walk-through for the client. Use a recording software or plugin, such as Loom, and discuss various features to help familiarize the client with what was created. The walk-through doesn't have to be extensive. Simply include any key features and links you think are noteworthy. Additionally, include any resources you believe will be helpful if they want to modify something. For this, it may be helpful to build a small resource library that can be used across projects.

The recording will be included in an email sent by the Creative Director to deliver the final product.

Project Completion

Once you have finished building, submit the final product to the Creative Director and they will ensure it is received by the client. Make sure to include the Webflow Walkthrough.

Prioritize Accessibility - It is critical to make sure the website is accessible to anyone. To help with this, make sure the website has accessibility features. An accessibility checklist can be found at

Have Questions? There are many options for finding information on Webflow. Webflow offers a where you can find answers to any question you have or issues you run into. Additionally, platforms such as are often very useful for finding the information you're looking for.

Alignment Workshop
Iteration Workshop
library.refume.io
finsweet.com/attributes
webflow.com/accessibility/checklist
Discourse
Forum
Stack Overflow
Final Presentation