Webflow Development Project

Prepared for: 
Rupal Patel, Eco Shift Collective
Prepared By: 
Kenneth Yu, Specter Studio
Prepared on: 
September 16, 2024
Revised on: 
October 30, 2024
Introduction

Ready for a new website?

With over 15 years of web development experience, I hold myself to the standard of excellence in every project I have the privilege to be a part of. By consistently delivering work of the highest quality on-time and within budget, I strive to serve as a hands-on technical partner for my clients throughout every stage of the website creation process.

Within this proposal, you'll find details about my development process and the project scope outlined in the quote. My intention is to provide you with the information necessary to make an informed decision as you consider your web development partner.

If you believe that Specter Studio is the right fit for your project and choose to entrust us with it, please kindly sign the Proposal on the last page and return it to me.

Thank you very much for your time and for considering this proposal!

Kenneth Yu
Developer, Specter Studio
kenneth@specter.studio
This document provides details for the work (the "Project") performed by Blackpixel Inc. ("Specter Studio" or the "Contractor") and Eco Shift Collective (the "Client"), dated as of Oct 07, 2024.
Summary

Project Scope

This project involves brand refurbishment, landing page design, and the development of the Eco Shift Collective website including the migration from WordPress to Webflow. The finished website should be fully responsive, and optimized for both accessibility and on-site SEO.

Branding responsibilities include:
  1. Redefine brand color and usage allocation
  2. Clean up and re-vectorize all brand logos
  3. Refresh the Eco Shift Collective brand guide (deliverable: PDF)
Web design responsibilities include:
  1. Capture overall design direction from Eco Shift Collective
  2. Incorporate sample logo motion into the website experience
  3. Design the new Eco Shift Collective landing page that correctly reflects the brand's tone and direction
Development responsibilities include:
  1. Developing the new website on Webflow based on web and motion designs provided by Eco Shift Collective
  2. Migrating and restructuring existing content from the WordPress database to Webflow CMS
  3. Offering technical consultation on website-related topics such as CMS utilization, editing access, external apps, etc.
  4. Ensuring seamless transition of existing SEO settings and redirects
  5. Conducting audits for mobile responsiveness and accessibility
  6. Producing training tutorial videos
  7. Providing any necessary assistance for a successful site relaunch targeted for Q4 2024

Throughout the process, I'll collaborate closely with the stakeholders from Eco Shift Collective to understand their needs and recommend best practices to enhance user experience and achieve project goals.

Assessment

Site Structure

The following data were collected from an assessment of ecoshift.flywheelsites.com. This information was used to approximate the quote. The final site structure is to be confirmed during the "Project Kick-off" phase.

Page Count:
  • 1 static page (Home)
  • 2 legal pages (Privacy Policy, Terms & Conditions)
Integrations:
  • GSAP (advanced animation)
Timeline

Proposed Schedule

These are the main phases the project will go through, with the target launch date set for the week of Dec 16, 2024.

Stage

Est. Completion Date

Project Kick-off, Design Discovery, and Brand Color Decision (1 week)

Initiate meetings to finalize project requirements, define the brand direction, and finalize color choices

→ Deliverables: 

Project schedule with milestones, Finalized brand colors

October 18, 2024

Website Design (1 week)

Create a dynamic landing page using the provided content, design references, and brand direction.

→ Deliverables: 

Website design in Figma

October 28, 2024

Design Feedback and Revisions (2 weeks)

Up to two (2) rounds of feedback and revisions to fine-tune the website design

→ Deliverables: 

Website design approval

November 8, 2024

Website Development, Brand Guide (3 weeks)

We will develop the new website using Webflow, provide technical consultation during development, and hold weekly check-ins with Eco Shift Collective to keep all stakeholders informed about the progress.

→ Deliverables: 

Staging link to Webflow site, weekly check-in meetings

December 2, 2024

Development Feedback, Revisions, and Approval (1 week)

We will provide Eco Shift Collective with a staging link to the site to gather feedback, compile the suggested revisions, modify the site as necessary, and mark approved pages for launch. Includes up to two (2) rounds.

→ Deliverables: 

Client feedback via MarkUp, Web development approval

December 6, 2024

Website QA Testing & Deployment Preparations (1 week)

We will perform comprehensive quality assurance testing, establish a plan for launch, check domain DNS settings for redirection, and ensure a smooth transition from the old website to the new one.

→ Deliverables: 

Asset optimizations, accessibility audit, QA testing, site launch plan

December 13, 2024

Site Launch, Brand Guide Delivery

The new website goes live. We will assist in resolving any immediate issues or bugs that might occur during the transition. Furthermore, we'll set up any necessary redirects to prevent broken links. The newly refurbished brand guide will be delivered in PDF and online formats.

→ Deliverables: 

Site Deployment, Brand Guide (PDF, online)

December 16, 2024

Workflow

Development Process

This process is based on my experience with previous projects similar in size and scope.

001

Design/Figma review

002

Content processing

003

Create global brand styles and reusable components

004

Page & CMS development

005

Interactions/Animation development & revision (if applicable)

006

Accessibility audits

007

Client review & revisions

008

On-page SEO settings

009

Pre-launch preparations

010

Page approved for launch

Project Quote

Payment & Invoicing

Below is a price quote based on the project's scope, scale, and suggested timeline. A 7 days support period is included to ensure a smooth transition after site launch.

Project Milestone

Due

Price

Paid

Project Kick-off

October 14, 2024

$
9400
Milestone #1: Design System Developed

November 18, 2024

$
9400
Milestone #2: Site Launch

December 16, 2024

$
2725
Post-launch Support (7-days)

January 3, 2025

$
0
Discounted Total:
$
00

Total before 25% discount

$
Discounted Total:
$
00
Total:
$
00
Invoices can be paid via Wise, bank transfer, or mailed cheque. Payment is expected within 14 days of the invoice issue date.
Post-launch Maintainance

Support Packages

Below are three monthly support packages available to supplement your team, should you need it.

Webflow Support Plans

Price

Support Lite

  • 5 hours of development time
  • Regular turnaround (2 business days*)
  • Webflow support via email or Slack

$1250/month

Support Grow

  • 15 hours of development time
  • Regular turnaround (2 business days*)
  • Webflow support via email or Slack

$2375/month

Support Scale

  • 30 hours of development time
  • Priority turnaround (same day or next day*)
  • Webflow support via email or Slack

$3500/month

The Webflow Support Plan will take effect following the 7 days post-launch period if selected at launch. It's a month-to-month commitment, allowing plans to be upgraded or downgraded at any time.

*For site fixes, maintenance tasks, and minor updates, an estimate will be provided. Larger custom development tasks will also be estimated separately.
Terms

Confidentiality

Confidentiality
All information exchanged between Blackpixel Inc. ("Specter Studio" or the "Contractor") and Eco Shift Collective (the "Client") is considered confidential information. Both sides need to take the necessary steps to guarantee that any information exchanged stays confidential and that it's used only for the purpose of this project. Confidential information does not include information that is already in the public domain or might become public during the course of the work on this project.
Proposal Terms
1. Independent Contractor
Specter Studio is hired by Eco Shift Collective in its capacity as an independent web development contractor to provide the services of development, and deployment of their future website.
2. Invoicing & Currency
All invoices will be issued in USD and are expected to be paid in USD, within 14 days of the invoice issue date.
3. Launch Date
Specter Studio will do its best to complete the project in the agreed timeframe and launch the website before or on the agreed launch date. In order to meet its deadline the client rely on Specter Studio that it will stay actively engaged in the project communication and will reply to all questions submitted by Specter Studio in a timely manner.
4. Subcontracting
Specter Studio is allowed to, but not required to, hire subcontractors in order to fulfill the project requirements and deliver the completed project on time.
5. Change Requests
Any changes to the Project Scope will be billed separately and will be agreed upon in a separate contract. Such changes may delay the launch date of the website.
6. Severability
The terms of this contract are independent of one another. If one or more of its terms are found to be unenforceable, the rest of the contract will remain in force.
7. Third-Party Rights
Eco Shift Collective guarantees that any graphics, images, texts, plug-ins, or add-ons used in the project are owned by the Client or that their use is paid for to the rightful owner. In case of breach of a third party's rights, Eco Shift Collective agrees to indemnify Specter Studio against all costs and damages that may arise from such breach.
8. Transfer of Copyrights
All copyrights over the final project will be transferred from Specter Studio to Eco Shift Collective as soon as the final payment is completed. Specter Studio keeps the right to show the client's website as part of its portfolio.
9. Entire and Sole Agreement
This agreement is the entire agreement between the two parties and the only agreement in regards to this project. Any changes in scope or price must be outlined in a new, separate document and agreed upon by both sides.
10. Post-Launch Support Policy
Specter Studio is committed to the client's full satisfaction. If for any reason Eco Shift Collective is not satisfied with the website development work delivered by Specter Studio, they have the right to request fixes and patches within 14 days of the last project delivery at no additional cost. After the 14th day, it is considered that the web development work is accepted as is by the Client.
11. Termination
This Project may be terminated at any point by the Client or Contractor before completion. Either party may end this Project for any reason by sending an email or letter to the other party, informing the recipient that the sender is ending the Project.

The Client will pay the Contractor for the work done up until when the Project work has ending and will reimburse the Contractor for any agreed-upon, non-cancellable expenses.
Service Provider (Contractor)
Blackpixel Inc. (Specter Studio)
Signature
Date
Client
Eco Shift Collective
Signature
Date