> ## Documentation Index
> Fetch the complete documentation index at: https://oratory.co/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Development

> Our approach to building functional, scalable websites on modern platforms

## 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.

<Info>
  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.
</Info>

## Platform strategy and partnerships

We build in **Framer**, **Webflow, or custom development** depending on what best fits your team, content needs, and long-term maintenance.

### Framer

Framer is a great fit for teams that want a modern, highly-polished site with strong interaction support:

* **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

<Info>
  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.
</Info>

### Webflow

Webflow is a great fit for teams that want a mature platform with strong CMS and broader ecosystem support:

* **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

### Custom development (Next.js, Tailwind, Vercel)

For teams who need more control than a builder provides, we can also do **custom development**.

Typical stack:

* **Next.js**
* **Tailwind CSS**
* **Vercel**

This is a good fit when you need advanced routing, custom CMS/data integrations, design system reuse inside a product, or highly bespoke interactions.

### 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

<Tip>
  Framer and Webflow are both viable options — we’ll recommend the best fit based on content/CMS needs, desired interactions, and how your team prefers to maintain the site.
</Tip>

## 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

<Info>
  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.
</Info>

## 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

<Tip>
  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.
</Tip>

## 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/hour for frequent updates, $1,200/day for new pages

<Info>
  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.
</Info>

### 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

<Warning>
  All sites are fully tested before launch. We verify forms, mobile responsiveness, and analytics tracking to ensure everything works correctly from day one.
</Warning>

## 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

<Tip>
  Complex integrations and migrations require additional planning. We'll discuss technical requirements during kickoff and provide separate pricing if needed.
</Tip>

## 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

<Info>
  We maintain clear communication throughout development. You'll receive regular updates and have direct access to our team via Slack for questions and feedback.
</Info>

## 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 timelines and next steps, see [How it works](/docs/how-it-works) or [Working Together](/docs/client-sops/index).

## 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

<Card title="Learn more about platforms" icon="code" horizontal href="/docs/how-it-works">
  See our platform comparison for detailed information on Framer vs Webflow.
</Card>

## Ready to discuss your development needs?

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

<Card title="Book a free intro call" icon="calendar" horizontal href="https://oratory.co/meeting">
  Schedule your call to discuss development and your project needs.
</Card>