Business Development

Explore

12dd Organizational info 👋🏾

For business use. This document! It contains everything you need to know about our business, client onboarding, client demographics, business plan, service offerings

(1) Our Purpose 🌍

⁠

12 Degrees Digital is a company that provides web solutions for new and existing businesses. We specialize in the development of robust web applications, sophisticated websites, SEO Optimization web analytics, and automation solutions tailored for small to medium-sized businesses (SMBs) and entrepreneurs. Our focus is on delivering high-quality, low-code solutions that are not only functional and feature-rich but also seamlessly efficient and visually captivating.

In every project, our priority is to ensure that your web application engages your audience and works effectively. When you succeed, we succeed.

(1) Executive Summary 🎁

⁠

We know how daunting it can be to navigate the tech landscape, which is why we're dedicated to making the process as seamless and enjoyable as possible.

Our core focus is on delivering high-quality, low-code solutions that excel in functionality, feature-rich attributes, seamless efficiency, and captivating visual appeal. Our mission is to positively impact 100 businesses by 2028 while achieving a revenue milestone of one million dollars by 2030 through relentless innovation, strategic partnerships, and unparalleled xxxx

(1) Mission

⁠

Our mission is to positively impact 100 businesses by 2028 while achieving a revenue milestone of one million dollars by 2030 through relentless innovation, digital adoption, strategic partnerships, and unparalleled customer service.

1) Target Audience

⁠

Who is the most perfect, most profitable, most scalable client?

A business with employee size 1-30

Offering business centric services to clients (b2b/b2c) - tech, tech sales, fintech, software, accounting, legal, hr, sales

We use Wix Studio to build beautiful and responsive websites that are op

(2) Vision 🎁

⁠

We know how daunting it can be to navigate the tech landscape, which is why we're dedicated to making the process as seamless and enjoyable as possible.

(3) Service Offerings 🎁

⁠

We know how daunting it can be to navigate the tech landscape, which is why we're dedicated to making the process as seamless and enjoyable as possible.

Beautiful and responsive websites

We use Wix Studio to build beautiful and responsive websites that are optimized for both search engines and user experience. Our websites are designed to not only look great but also function seamlessly on all devices, from desktops to smartphones.

Process Automation

We use Robotic Process Automation Integromat (now

Make⁠

) to automate business operations by visually connecting different online platforms. This frees up businesses to focus on growth rather than manual tasks.

Connectivity with Google

Google connectivity services (now

Make⁠

) to automate business operations by visually connecting different online platforms. This frees up businesses to focus on growth rather than manual tasks.

Pro Setup

We use Integromat (now

Make⁠

) to automate business operations by visually connecting different online platforms. This frees up businesses to focus on growth rather than manual tasks.

Advanced Setup

We use Integromat (now

Make⁠

) to automate business operations by visually connecting different online platforms. This frees up businesses to focus on growth rather than manual tasks.

Google Connectivity Services

We use Integromat (now

Make⁠

) to automate business operations by visually connecting different online platforms. This frees up businesses to focus on growth rather than manual tasks

(Upsell) Site Maintenance - Wix Studio users

We use Integromat (now

Make⁠

) to automate business operations by visually connecting different online platforms. This frees up businesses to focus on growth rather than manual tasks.

Soon) Power Platform Solutions - Soon

We use Microsoft Power Platform tools including Power Apps, Power BI and Power Automate to build and deploy friction-free web application for your daily operational needs. Glide apps allows us to build web applications at a fraction of the cost and time. Businesses can actualize their creative ideas at rapid speed and bring these concepts to life

(4) Projects 🚀

⁠

Click on the link to get to our projects page

3) Tools 🗜️

⁠

We know how daunting it can be to navigate the tech landscape, which is why we're dedicated to making the process as seamless and enjoyable as possible.

Main Tools

Wix Studio - Web development

Make - Inter platform automation

Airtable - Client and partner database

Sub Tools

Google fonts and icons- Web development

Google Gemini -

Radix UI / Colours

(5) Onboarding Setup

The application form

⁠

Add client info to CRM (Indy)

First Discovery Meeting -(calendly)

Web dev Proposal

Checklist

Deliverables

Timeline

Price

Other important info

Send contract - collect signature

Collect payment - 40%

Invoice receipt

Send client requirement form - logos, brand assets, ALL other info

Communication

DELIVER final product promptly

Upsell value added services - updates every 3 months for a charge

Certainly! Here are the onboarding steps for your web development clients:

1. Discovery Application form:

Website & Social Platforms

What does your business do and how did you get here?

Which service are you interested in?

What's your budget for this project?

What problems are you hoping to solve by working with us?

What does success look like for this project?

2. First Discovery Meeting:

- Schedule an initial discovery meeting with the client to understand their needs, goals, and vision for the website. - Gather information about their business, target audience, competitors, and any specific features or functionalities they have in mind. - Discuss their preferred design aesthetics, color schemes, and any existing branding guidelines.

2. Web Dev Proposal:

- Prepare a comprehensive web development proposal based on the insights gathered during the discovery meeting. - Outline the scope of work, including the number of pages, features, and any custom development required. - Provide a detailed timeline for project completion and discuss milestones. - Present transparent pricing, including any additional costs for specific functionalities or ongoing maintenance.

3. Proposal Review Meeting:

- Schedule a meeting to review the web development proposal with the client. - Address any questions or concerns they may have and ensure a mutual understanding of the proposed project scope. - Discuss the terms and conditions, payment structure, and any potential revisions to the proposal.

4. Contract Signing:

- Present the client with a formal contract outlining the terms discussed in the proposal.

- Ensure the contract includes project details, timelines, pricing, and any other pertinent information.

- Provide the client with an opportunity to review and sign the contract, either physically or digitally.

5. Project Kickoff:

- Upon client approval of the proposal, initiate the project kickoff. - Introduce the client to the project manager or lead developer who will be overseeing their website development. - Provide access to collaboration tools or project management platforms for seamless communication.

6. Design Mockups:

- Share initial design mockups or wireframes, style guide, copy with the client for feedback. - Allow for revisions to the design to align with the client's branding and aesthetic preferences. - Obtain final approval on the design before moving forward with development.

7. *Development Phase:

- Begin the website development based on the approved design. - Keep the client informed of the development progress through regular updates or check-ins. - Provide a staging environment for the client to preview the ongoing work and offer feedback.

8. Testing and Quality Assurance:

- Conduct thorough testing of the website's functionalities, responsiveness, and compatibility across different browsers. - Address any identified issues or bugs promptly. - Share a preview link with the client for their final review before launch.

9. Client Training (if applicable):

- If the client will be managing content or updates, provide training on the content management system (CMS) or any relevant tools. - Share documentation or video tutorials to assist with ongoing maintenance.

10. Website Launch:

- Coordinate the official launch of the website. - Monitor the site's performance post-launch and address any immediate concerns. - Confirm that all elements are functioning correctly and that the client is satisfied with the final product.

11. Page Speed Insights:

- Optimize the website for speed using tools like Google Lighthouse

- Address any issues affecting page load times to enhance user experience and SEO performance.

12. Google Search Console Optimization:

- Set up or optimize the client's Google Search Console account.

- Ensure proper configuration, monitor performance metrics, and address any issues reported by Google Search Console.

13. Manual Indexing and Crawling:

- Manually submit the website to search engines for indexing.

- Regularly monitor and analyze crawl data to identify and fix any crawl errors or indexing issues.

14. Post-Launch Support:

- Offer post-launch support to address any additional questions or minor adjustments. - Discuss ongoing maintenance options and provide details on how to request future updates or enhancements.

By following these steps, you can ensure a smooth onboarding process for your web development clients, fostering clear communication and alignment throughout the project.

(6) Packages 🎯

⁠

Click on arrow on the side of the screen to open

Features

Ruby - $500

Opal - $1000

Diamond- $1500

Platinum - $2500

Responsive design for mobile and tablet devices

Hero Section

2 - 5 Web Pages

Multiple sections

Image gallery

Contact form

Email subscription

Social media links

Favicon

SEO optimization

Specialized mockups

Microsoft Clarity (Analysis)

Google business setup

Logo vectoring

Sitemap Creation

Google Maps integration

Custom automations

Client logins

Multiple languages

Custom 404 page

5 Major Revisions

10 Major Revisions

24/7 website support

Maintenance for the 1st month

Maintainance for the first 2 months

Maintenance for the first 6 months

Monthly Web Core Vitals report

Low fidelity wireframes

There are no rows in this table

Count

⁠

(6) Prices🎯

⁠

Click on arrow on the side of the screen to open

Service Prices

Features

Platform

Prices

Description

Platinum - $3000

Web Development

Wix Studio

Prices vary

Developing complex and responsive website with Wix Advanced Studio editor

Power Platform Solutions

Microsoft Power Apps, Power Automate, Power BI, Dataverse

Prices vary

true

Google Connectivity

Google Search Console, Google lighthouse

true

Automation

Make, Zapier

true

Basic Setup

Basic software fixes and additions. One-off minor site maintenance and programming

$75 CAD

true

Pro Setup

Software fixes and additions. One-off major site maintenance and programming. Including logic and process design requirements. Cloud services (Xano)

$125 CAD

true

Advanced Setup

Software fixes and additions. Major site maintenance and programming. Including logic, process design requirements, javascript additions. Cloud services (Dataverse)

$185 CAD

true

Site Maintenance

true

SEO

200

true

There are no rows in this table

Count

⁠

Pre-Development checklist

Gaps:

Padding/Margin

Stacks - p/m - 20/20px

Containers - p/m - 20/20px

Sections - 20/20

Grids - padding

Between sections

Major - 80

Minor - 40

Font:

Base font (16px) Find scale - H1, H2, H3, H4, p1, p2, p3, button font, (primary, secondary, tertiary)

⁠

Colours

(primary-main, secondary- xxx, buttons,

Design Assets

jpeg images

webp images

Compress

Icons

jpeg images

webp images

Compress

Gradients

Buttons

2) Development Checklist🏅

Set breakpoints - 4 total (all standard breakpoints max and min)

Icons should be in pixels

Build sections laterally vs vertical (top-bottom)

Build with breakpoint measurements -

1587 and up

1280 (1585 - 1001)

735 (1000 - 750)

420 (749 - 320)

Use Viewport Height (vh) for sections - desktop to mobile

Use percentage (%) for grids - desktop to mobile

Troubleshooting for bugs (set section or container to auto then set back to vh)

Add page transitions

Add all H tags (H1, H2, H3, H4, P1, P2, P3)

Have a notebook for designs

Set standard gap size (px) for stacks

Set standard margin size for page sections

Add alt text to all pictures on all pages

Use sections as gaps for main sections (in pixel)

Use (fr) for width measurements only - 2fr

Change text behaviour to wrap, xxx

All pictures on mobile have to be one height in vh (40vh)

Work on Equal and balanced spacing (between sections, cards, more)

Make your LCP text based

(6) Subscriptions 🔑

⁠

At the conclusion of the project, there are subscriptions that the client needs to acquire to host website

Domain name setup - Free

Google Business profile - Free

Website Hosting - Editor X Premium - $17 per month / $204 + tax annually

(6) Non-negotiables ⚠️

⁠

To maintain effective communication and timeliness during development, it is crucial to adhere to the provided options. Failure to comply with non negotiablesmay result in contract termination.

Please read, understand and comply!

Information Request Turn Around Time: Once information is requested, you (the client) or I (the service provider) have 72 Hours (3 days) to provide this information from either party. Please let me know if conditions arise, otherwise contract could possibly be terminated and refund of 10% will be issued.

Revisions are completed at the end date of the project: Any revisions over the end date will require subscription based on agreed priced

job bank

(8) Contact & Hours 📲

⁠

You can reach us at the information provided below. Also see our socials!

Email:

info.12dd@gmail.com⁠

⁠

Instagram: 12degreesdigital

Twitter: 12degreesdgital

Available Days: Saturdays - Sundays

Available Hours: 7am PDT - 7pm PDT

(8) Launch ⚡️

⁠

Get ready to embark on a memorable journey as we gear up for your website launch!

Through advanced content refinement and intensive design and functionality testing, we'll optimize your website for amazing visuals and flawless performance across all devices and browsers. In addition to our exceptional services, we have some exciting add-ons to ensure a successful site launch:

Free smart mockups for social media accounts

Free 1hr website consultation voucher - worth $50 CAD

2 Months free website maintenance - Free ($20 per session after 3rd month)