Skip to main content

​
Our development philosophy

We build fully functional websites, not just design files. Every project includes complete development in Framer or Webflow, ensuring you get a working site ready to launch immediately.
Development is included in every package. You receive a fully functional website, not just Figma files. We handle everything from platform setup to final launch.

​
Platform strategy and partnerships

​
Framer (primary platform)

Framer is our preferred platform for most projects:
  • Direct partnership: Annual Scale plan provided ($1,200 annual value included in packages)
  • Expert developer network: Framer team provides recommended developers
  • Partnership benefits: Projects promoted through Framer startup channels
  • Client advantages: Figma-like editing experience, better native interactions/animations
  • Use cases: Preferred for interaction-heavy sites and non-technical client maintenance
Through our Framer Switch program partnership, we cover your first year of Scale plan ($1,200 value). After the first year, you’ll continue on the Scale plan at standard Framer pricing.

​
Webflow (secondary platform)

We offer Webflow for projects that need it:
  • Internal capability: Our team has in-house Webflow development skills
  • Cost structure: $39-100/month ongoing client costs
  • Developer focus: More technical platform, requires developer knowledge for complex changes
  • Legacy projects: Continued support for existing Webflow clients

​
WordPress integration

For clients needing WordPress:
  • Limited scope: Figma files only for WordPress developers outside our scope
  • Migration support: Blog content export/import assistance
  • Hybrid approach: Can embed scripts and tracking in Framer for WordPress blog functionality
We recommend Framer for most clients because of the included Scale plan and modern capabilities. But we’ll choose Webflow if it better fits your specific needs.

​
Development process and timeline

​
Standard development phases

Our development follows a structured process:
  1. Homepage development: 80% completion before team breaks, finalize after
  2. Additional pages: Template application following homepage approval
  3. CMS setup: Content management system implementation for scalable updates
  4. Quality assurance: Bug fixes and mobile optimization before launch

​
Timeline management

  • 3-week development phase: Following 2-week design completion
  • Parallel execution: Homepage development simultaneous with additional page design
  • Final development: 5-7 days after Figma approval for remaining pages
  • Buffer planning: Account for holiday breaks and international schedules
Development happens during Week 3 of our process. Homepage development begins immediately after design approval, with additional pages following in Week 4 for Growth-Ready Website Package.

​
Technical implementation standards

​
Performance optimization

  • Image compression: Address mobile loading performance issues
  • Responsive design: Mobile padding adjustments and text sizing
  • Video integration: Modal popup approach preferred over inline playback

​
Form and integration setup

  • HubSpot integration: Form submissions and CRM connectivity
  • Analytics tracking: Implementation and verification
  • DNS configuration: Domain setup and SSL certificate management

​
CMS and content management

  • Template creation: Scalable page creation for clients post-launch
  • Content import: Blog migration and article organization
  • Client training: Tutorial videos for content management
All sites are built for client self-management. We set up CMS templates so you can add blog posts, update content, and create new pages independently after launch.

​
Client handoff and maintenance

​
Account transfer process

  • Workspace transfer: Complete Framer workspace transfer vs site-only
  • Annual plan benefits: Maintain Scale plan access through partnership
  • Access management: Remove team members, add client editors

​
Post-launch support model

  • No ongoing retainers: Sites built for client self-management
  • Slack support: Continued access for questions, no time limit on minor fixes
  • Bug fix window: Several weeks beyond typical 2-week coverage
  • Additional work: 250/hourforfrequentupdates,250/hour for frequent updates, 1,200/day for new pages
After handoff, you manage the site independently. We provide training and documentation, and remain available for questions via Slack. Additional work is available at hourly or per-page rates.

​
Client training and documentation

  • Tutorial videos: Adding case studies, publishing blog posts, image upload procedures
  • Navigation modifications: Instructions for menu and structural changes
  • CMS walkthrough: Videos, testimonials, and logo management training

​
Quality control and testing

​
Pre-launch validation

  • Form testing: Verify all submissions and redirects work correctly
  • Mobile optimization: Test image loading and responsive behavior
  • Cross-browser compatibility: Ensure consistent performance across platforms
  • Analytics verification: Confirm tracking implementation before launch

​
Launch process

  • Staging review: Final client approval on staging domain
  • DNS coordination: Domain connection and SSL certificate setup
  • Live deployment: Production launch with immediate monitoring
  • Post-launch fixes: Address any emergent issues within support window
All sites are fully tested before launch. We verify forms, mobile responsiveness, and analytics tracking to ensure everything works correctly from day one.

​
Specialized development scenarios

​
Multi-region sites

  • Duplication approach: Separate site plans for different markets
  • Localization alternative: Single website managing multiple regions (complex setup)
  • Content synchronization: Manual updates required for duplicated approach

​
Complex integrations

  • Custom functionality: Login systems, user dashboards, complex forms
  • Third-party services: API integrations, payment systems, booking platforms
  • Video hosting: Integration with various hosting platforms

​
Migration projects

  • Content preservation: Maintain SEO value during platform switches
  • URL redirects: Ensure existing traffic properly redirected
  • Feature parity: Replicate existing functionality while improving design
Complex integrations and migrations require additional planning. We’ll discuss technical requirements during kickoff and provide separate pricing if needed.

​
Development workflow integration

​
Design-to-development handoff

  • Development reference: Move approved designs to dedicated Figma section
  • Asset preparation: Vector logos, compressed images, final copy
  • Technical specifications: Animation requirements, interaction details

​
Client communication

  • Progress updates: Regular communication through dedicated Slack channels
  • Feedback consolidation: Single point person for development feedback
  • Timeline management: Clear expectations for review periods and launch dates
We maintain clear communication throughout development. You’ll receive regular updates and have direct access to our team via Slack for questions and feedback.

​
How this fits into our process

Development happens during Weeks 3-4 of our process:
  • Week 3 (Development):
    • Homepage development begins after design approval
    • Build homepage in Framer/Webflow
    • Client preview and feedback
    • Homepage launch (for Homepage + Brand Extension Package)
  • Week 4 (Finalization - Growth-Ready Website Package only):
    • Additional pages development
    • CMS setup and configuration
    • Client QA and testing
    • Site handoff and training
For more details on our complete process, see our process page.

​
Platform decision: Framer vs Webflow

We’ll recommend the best platform during kickoff based on your specific needs:
  • Framer: Better animations, included Scale plan ($1,200 value), Figma-like editing, more modern feel
  • Webflow: More established platform, stronger CMS for complex content, larger community

Learn more about platforms

See our platform comparison for detailed information on Framer vs Webflow.

​
Ready to discuss your development needs?

Book a call to discuss how we’ll approach development for your project.

Book a free intro call

Schedule your call to discuss development and your project needs.