Website Design & Development

Prepared for: 
Andy Cumpton, Carlisle Technology
Prepared By: 
Kenneth Yu, Specter Studio
Prepared on: 
October 18, 2024
Revised on: 
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 Carlisle Technology (the "Client"), dated as of Dec 16, 2024.
Summary

Project Scope

This project involves brand refurbishment, landing page design, and the development of the Carlisle Technology 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, typography, and usage allocation
  2. Refresh the Carlisle Technology brand guide (deliverable: PDF)
Web design responsibilities include:
  1. Create refreshed info architecture based on current and future marketing efforts and audiences
  2. Capture overall design direction from Carlisle Technology
  3. Design the new Carlisle Technology website that correctly reflects the brand's tone and direction
Development responsibilities include:
  1. Developing the new website on Webflow
  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 Q1 2025

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

Carlisle Technology
//
Specter Studio
Assessment

Site Structure

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

Static Pages

  1. Home
  2. Hardware Solutions (Hub)
  3. Software Solutions (Hub)
  4. About
  5. Support
  6. Resources (Hub)
    1. Blogs (Hub)
    2. Customer Stories (Hub)
    3. White Papers (Hub)
    4. Brochures (Hub)
  7. Podcast (Hub)
  8. Contact Us
  9. Industry Partnerships
  10. Careers
  11. (FAQs) - To be worked into pages

Component Page Templates - Solution Pages

  1. Header Section
  2. Intro Section
  3. Main Feature Section (image, title, paragraph, button)
  4. Key Features Section (a bullet list of features)
  5. Documents Section (”Learn More”)
  6. Related Resource Section (link out to blogs)
  7. CTA Section

CMS Page Templates

  1. Blog
  2. Podcast
  3. Customer Stories
  4. White Papers
  5. Brochures
Carlisle Technology
//
Specter Studio
Timeline

Proposed Schedule

These are the main phases the project will go through, with the target launch date set for the week of Mar 10, 2025.

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 & fonts

December 23, 2024

Website Design (2 weeks)

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

→ Deliverables: 

Website design in Figma

January 6, 2025

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

January 17, 2025

Website Development, Brand Guide (4 weeks)

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

→ Deliverables: 

Staging link to Webflow site, weekly check-in meetings

February 17, 2025

Development Feedback, Revisions, and Approval (1 week)

We will provide 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

February 24, 2025

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

March 3, 2025

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)

March 10, 2025

Carlisle Technology
//
Specter Studio
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

Carlisle Technology
//
Specter Studio
Project Quote

Payment & Invoicing

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

Project Milestone

Due

Price

Project Kick-off (25%)

December 16, 2024

$
5150
Milestone #1: Web Design Approval (25%)

January 17, 2025

$
5150
Milestone #2: Development Approval (25%)

February 24, 2025

$
5150
Milestone #3: Site Launch (25%)

March 24, 2025

$
5150
Post-launch Support (14-days)

March 24, 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.
Carlisle Technology
//
Specter Studio
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 14 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.
Carlisle Technology
//
Specter Studio
Terms

Confidentiality

Confidentiality
All information exchanged between Blackpixel Inc. ("Specter Studio" or the "Contractor") and Carlisle Technology (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 Carlisle Technology 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 CAD and are expected to be paid in CAD, 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.
Carlisle Technology
//
Specter Studio
7. Third-Party Rights
Carlisle Technology 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, Carlisle Technology 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 Carlisle Technology 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 Carlisle Technology 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
Carlisle Technology
Signature
Date
Carlisle Technology
//
Specter Studio
Sign Here