PROJECT OVERVIEW

The  Client (Client) is seeking to hire ScaleWP to convert its Figma designs into a modern, interactive website using our WordPress framework that will empower its marketing and admin teams to publish new content.

APPROACH

Based on your Upwork post details, we are proposing the following approach to create a more cohesive website design that clearly presents the Scratch Foundation’s mission, value statements, and call to actions. 

• ScaleWP will work closely with the Client’s team to discuss its existing Figma files, web style guides, and sitemaps. ScaleWP will consult the Client’s team on any recommendations based on functionality and busienss goals. 
• ScaleWP will work with the Client team to create a new theme for the site with a modern, updated design of the website’s global user experience and primary pages, which will include the home page, global navigation, about pages, and others as defined in the FIgma designs. 
• If needed, CRM integrations will be done using Gravity Forms and the Gravity Forms Zapier addon, or other methods that will be defined by the Client during discovery. ScaleWP will also work with the Client’s existing marketing team to make sure that current and future campaigns are integrated into the new site build. 
• We will create a new WordPress child theme based on the designs using the existing Divi premium framework that’s easy to customize and manage.
• During theme development, ScaleWP will optimize the theme for WCAG 2.0 AA compliance and run a Chrome Lighthouse accessibility scan to gauge accessibility. THis will include installing Divi’s accessibility plugin.   This scan score is dependent on the site’s design and content. ScaleWP’s accessibility optimization applies to the site’s WordPress theme only. ScaleWP does not perform accessibility audits but we can contract a third party if needed for an additional fee. An audit may produce a remediation plan that could incur additional development costs that are not covered in this scope.
• Content (new copy, pdfs, images) will be provided by the client, or ScaleWP can source these images using Adobe Stock when needed. 
• We may recommend purchasing stock videos to create a video background on the homepage or other primary pages. These generally cost between $25-80 each. 
• We will train the Client staff to update and manage new functionality on the site. 
• ScaleWP will migrate the approved site build to the Client’s preferred WordPress host. We also offer optional hosting and proactive support plans. For more information, please visit our plans page here:

TIMING
The site will be complete and ready to launch 60 days after project initiation. Timing is subject to approval and content being provided in a timely manner.

STATEMENT OF WORK AND ESTIMATES
Price estimates are based on initial objectives and may change as mutually agreed-upon tasks and objectives change. Cost estimates and payment schedules are provided in three milestones. 

Total Project Fee:  $26,500
What’s Included:

• 25-35 Reusable Modules that will be saved in the Divi Library. 
• Our Framework includes setting up a global style guide that applies your web style guide to all modules globally. 
• Up to 35 pages that will be built based on your existing Figma designs. 
• Form integration either using Gravity Forms or your preferred method like custom form embeds. 
• Migration to your existing hosting, or we offer maintenance, 24/7 proactive support, and hosting plans. 
• The site will be built so that non-technical team members can manage it moving forward. 

Milestone 1: Discovery ($3,000)
We’ll begin work after the Milestone 1 Deposit $3,500 has been paid. 

• Audit Figma designs and schedule one to two discovery calls to discuss functionality requirements and scope. 
• Complex app or other tech consultation: We will work with the Client team to define any technical and content requirements for managing documents and CRM integrations, or other advanced features.  
• Project management and communication: 6-8 planning and review calls will occur throughout the project. ScaleWP uses Asana and Slack for project collaboration.
• Staging and basic theme/plugin setup: Create a staging environment and install all themes and plugins defined in the discovery process.

Milestone 2: Initial theme & site development ($12,500)
We’ll begin work after the Milestone 3 Deposit of $13,500 has been paid. 

• Unique page templates: Create custom Divi theme builder templates (Layouts) for approved designs and apply them to primary and secondary pages. 
• Custom theme builder templates: Develop custom pdf, search, and blog archive or other pages using the Divi Theme Builder system when needed. These layouts are dynamically applied to recurring content like blog post layouts, categories pages, etc.  
• Site chrome: Create advanced secondary menus and menus that have the same overall design but may have some unique elements, including up to 3 mega menu dropdowns, if applicable. 
• Plugin install setup: Includes plugins to enhance document management, security, performance, advanced on-site search, and others based on functionality requirements discussed during discovery etc.
• Web and Mobile browser testing: Confirm that the site performs as expected in the most recent versions of Chrome, Safari on the most recent versions of Windows, MacOS, Android and iOS.
• Complex plugin setup or custom work: ScaleWP will set aside time for any complex plugin setup for functionality such as a membership portal with document/PDF/Video management,  CRM integrations, and event registrations which includes configuration and testing. Other site functionality may be defined during discovery. 
• ADA Optimization: ScaleWP will add the ADA extensions and perform a scan. 
• Beta site revisions hours included: 3 revision sprints. A revision sprint consists of 1 hour of work. ½ of total revisions.

Milestone 3: Content development & Advanced Functionality Development ($8,500)
We’ll begin work after the Milestone 4 Deposit of $5,500 has been paid. 

• Create additional pages beyond the home page, including internal pages from approved Figma designs. This includes up to 35 pages of existing content. 
• Finalize advanced functionality development: CRM Integrations, Tracking Integration, Blog and Theme Builder development for reusable layouts that will be applied across the site. 
• Library creation: ScaleWP will save and categorize your layouts so that they can be easily reused later. 

Milestone 4: Launch sprint ($2,500)
We’ll begin work after the Milestone 5 Deposit of $2,000 has been paid. 

• Stage to live server migration and setup: ScaleWP will migrate the site to the production server and assist with launch steps. These can be either on our fully-managed WordPress hosting platform or another managed WordPress host chosen by the Client team.  You can learn more about Hosting and Proactive support plans here: https://app.scalewp.com/plans/
• 301 redirect management: Assist in the creation of 301 redirects for any renamed or moved pages.
• Site speed optimization: Assist with configuring plugins and assist with the Client team’s server performance optimization. 
• Training: Conduct 2-3 video training sessions with the Client team members.
• Post-launch revision hours included: Troubleshoot and fix bugs and responsive issues.