How to Sell No-Code Websites to Design Clients

Summary

This video offers valuable insights on selling no-code website services to clients effectively. It emphasizes that the focus should be on selling a website, not the no-code platform itself, and highlights the benefits of no-code platforms like Editor X for both designers and clients. The presenter shares a structured sales process, including a detailed proposal for web design projects, showcasing the advantages of a well-organized approach to project delivery and pricing.

Takeaways

• 🌐 No-code websites are gaining popularity due to their ease of use and powerful design capabilities, allowing designers to create complex sites without hand-coding.
• 🛠️ The speaker emphasizes that the focus should be on selling a 'website' rather than a 'no-code website', as the tool used for building is less important than the end product.
• 💡 No-code platforms like Editor X offer significant benefits to both designers and clients, enabling faster production and potentially more engaging outcomes without necessarily reducing costs.
• 📈 The video suggests that no-code platforms can actually justify higher pricing due to the added features and capabilities they provide, benefiting the client's business.
• 🔑 Selling the process is key; the speaker advises to walk clients through the web design process, highlighting the steps and stages involved, rather than just the tools used.
• 📝 The importance of a structured sales pitch is underscored, with the speaker sharing their experience of successfully using a detailed proposal to impress clients.
• 📑 The video outlines a five-phase web design process, including strategy, UX design, UI design, beta development, and launch, to ensure a comprehensive approach.
• 💻 Editor X is highlighted as a powerful no-code platform that includes a content management system, site checker, and other features that facilitate website management.
• 💰 The speaker discusses the importance of transparency in pricing and timelines, breaking down the budget and project duration into phases for client understanding.
• 🔗 The video script includes a call to action for clients to consider the structured process and benefits of using no-code platforms, and to engage in a contract for web design services.
• 📚 For those interested in building a web design business, the speaker promotes their course, 'Web Design Business Bootcamp', which provides resources and templates for running a successful agency.

Q & A

What is the main focus of the video script?

The video script focuses on how to effectively sell no-code website services to clients, emphasizing that the service being sold is a website, not specifically a no-code website, and discussing the benefits and sales process.

What is the difference between no-code websites and hand-coded websites as explained in the script?

No-code websites are built using design-oriented tools that automatically generate the necessary code in the backend, whereas hand-coded websites require a developer to manually write all the code.

Why should a web designer not emphasize the use of no-code tools to clients?

The client is interested in the end product, which is a website, not the tools used to create it. Emphasizing the no-code aspect is similar to telling a client you're using Adobe Illustrator to design a logo, which is unnecessary information for the client.

What is the role of Editor X in the video script?

Editor X is a no-code platform used as an example in the script to demonstrate the process of selling and building a website. It is a product of Wix and offers powerful features for building and managing websites.

How does the script suggest web designers should approach the pricing of no-code websites?

The script suggests that no-code websites should not necessarily be priced lower than hand-coded websites. The use of no-code platforms can lead to faster production and potentially more complex and engaging websites, which could justify competitive or even higher pricing.

What are the five phases of the web design process outlined in the script?

The five phases are: 1) Strategy and Information Architecture, 2) UX Design (User Experience Design), 3) UI Design (User Interface Design), 4) Beta Development, and 5) Alpha Development and Launch.

Why is the sales process important when selling no-code website services?

The sales process is important because it allows the web designer to clearly communicate the value they are providing, the steps involved in creating the website, and how the no-code platform benefits both the designer and the client.

What is the significance of mentioning the no-code platform during the sales process?

Mentioning the no-code platform during the sales process is important to ensure the client is aware of and agrees to the platform being used. It also allows the designer to highlight the benefits of the platform, such as ease of content management and additional features.

What does the script suggest about the client's perception of the value of a no-code website?

The script suggests that by the end of a well-structured sales presentation, the client's perception of the value of the website increases, understanding that it is more than just a simple website and that the structured process justifies a higher cost.

What resources does the script mention for those interested in learning more about creating a web design business?

The script mentions a course called 'Web Design Business Bootcamp' which includes proposals, pricing lessons, worksheets, pricing calculators, and over 60 downloadable resources and templates for contracts and proposals.

Outlines

00:00

🌐 Selling No-Code Websites to Clients

This paragraph introduces the concept of no-code websites and the importance of not selling the tool but the end product—a website. The speaker emphasizes that no-code platforms like Editor X by Wix empower designers to create powerful websites without hand-coding. The focus should be on the benefits of the website itself, not the technology behind it. The speaker also discusses the misconception that no-code should equate to lower costs, arguing that the efficiency and capabilities of no-code platforms can actually lead to more competitive pricing or higher quality products without necessarily reducing the price.

05:01

💼 Justifying No-Code Website Pricing and Features

The speaker discusses the benefits of no-code platforms for both the designer and the client, including advanced business and marketing features that can enhance the website's value. They argue that these platforms can justify a higher price due to the additional capabilities they offer. The paragraph also outlines the sales process, emphasizing the importance of selling the process and the results, rather than the technology. The speaker provides a step-by-step guide on how to present a web design proposal to clients, focusing on the process and the value delivered at each stage.

10:02

🛠 The Web Design Process and No-Code Integration

This section delves into the specifics of the web design process, from strategy and information architecture to user experience (UX) and interface design. The speaker uses the analogy of house blueprints to explain the importance of UX design. They also discuss the benefits of using a no-code platform like Editor X during the beta and alpha development phases, highlighting its content management system and the ease of making future updates. The speaker outlines the project phases and how the no-code platform fits into the workflow, emphasizing the efficiency and client benefits of this approach.

15:03

📈 Project Proposal and No-Code Platform Benefits

The final paragraph focuses on presenting a detailed project proposal to clients, including the phases of work, estimated timelines, and budget. The speaker explains how to incorporate the no-code platform's features into the sales conversation, emphasizing the platform's benefits without making it the central focus. They also discuss the importance of setting client expectations regarding the platform's monthly fee and how it integrates with the overall project cost. The speaker encourages viewers to consider the structured process as a way to command a higher value for their services and to stand out in the market.

Keywords

💡No Code Websites

No Code Websites refer to web development platforms that allow users to build websites without writing code. This concept is central to the video's theme, as it discusses the benefits and selling points of using such platforms. The script mentions that no code builders are powerful and give designers the ability to create complex websites more efficiently, using Editor X as an example.

💡Editor X

Editor X is a no code platform for building websites, developed by Wix. It is highlighted in the script as a tool that provides a design-oriented approach to website creation, automatically handling the coding aspect in the background. The video uses Editor X to illustrate the process of selling no code websites to clients, emphasizing its features and benefits.

💡Web Design Services

Web Design Services encompass the creation and maintenance of websites, which is the core service being discussed in the video. The script emphasizes that when selling these services, the focus should be on selling a website, not the no code platform used to build it. This concept is crucial for understanding how to market no code websites to clients effectively.

💡Selling Process

The Selling Process in the script refers to the strategy of how to effectively communicate the value of no code websites to potential clients. It includes emphasizing the benefits of the final product (the website) rather than the tool used to create it, and showcasing the structured approach to web design, which can justify a higher price point.

💡Pricing Justification

Pricing Justification in the context of the video is about explaining why a no code website might cost the same or even more than a traditionally coded website. The script points out that while no code platforms can speed up the design process, they do not necessarily mean the service provider should charge less, given the added value and complexity of the final product.

💡Content Management System (CMS)

A Content Management System, or CMS, is a software application used to create and manage digital content. In the script, Editor X is described as a CMS that allows for easy editing and updating of website content, which is a key feature when selling the benefits of no code platforms to clients.

💡User Experience (UX) Design

User Experience Design is the process of designing websites with a focus on the user's experience. The script uses the analogy of blueprints for a house to explain the importance of UX design in planning the layout and functionality of a website before moving on to the visual design phase.

💡User Interface (UI) Design

User Interface Design involves the visual elements of a website, such as colors, typography, and graphics. The script discusses the UI design phase as a step following UX design, where mood boarding and design approval take place to create an aesthetically pleasing and functional website.

💡Beta Development

Beta Development in the script refers to the phase where the website is built using the no code platform, Editor X, but is not yet live. This phase is crucial for testing and making sure all elements of the design are correctly implemented before the site is launched to the public.

💡Alpha Development and Launch

Alpha Development and Launch is the final phase described in the script, where the website is fine-tuned, all content is integrated, and the site is tested for responsiveness and functionality. This phase ensures that the website is polished and ready for the public launch.

💡Project Management Tool

A Project Management Tool is software used to plan, organize, and manage projects. In the script, it is mentioned as a way to keep communications, to-dos, milestones, and client feedback organized in one central location, which is essential for the structured process of selling and building no code websites.

Highlights

No-code websites are gaining popularity due to their powerful design capabilities, allowing designers to create without hand-coding.

The speaker emphasizes that the selling point should be the website, not the no-code technology behind it.

No-code platforms like Editor X offer significant benefits to designers, such as speed and complexity in design without increasing costs.

The potential for more competitive pricing due to the efficiency of no-code platforms is discussed.

No-code platforms come with additional business and marketing features that can enhance the client's website.

The sales process involves selling the process itself and mentioning the tools used, rather than focusing solely on the no-code aspect.

A detailed web design proposal is presented, outlining the phases and objectives of the project.

The importance of the strategy phase in web design, including workshops and content framework creation, is highlighted.

User experience design is compared to blueprints for a house, emphasizing the necessity of planning before building.

Mood boarding is introduced as a method for gathering and critiquing design ideas with the client.

Beta development using Editor X is explained, showcasing the platform's content management system capabilities.

The Alpha development and launch phase includes fine-tuning, content integration, and responsive design testing.

A 30-day bug fix period is offered post-launch to ensure the website's stability and performance.

Project management tools are utilized to keep communications, milestones, and feedback organized.

Pricing and timelines are broken down by project phases, providing transparency to the client.

Editor X's monthly fee for hosting and content management system is discussed, clarifying it's not included in the project price.

The video concludes with a recap of key points, emphasizing the structured process and benefits of no-code platforms.

A course on web design business is promoted, offering further resources for those interested in the field.

Transcripts

hey in this video we're going to be

talking about no code websites no code

websites it's all the rage

All the Rage like last few years and it

should be because they're freaking

awesome my web design career goes back

in time to the very beginning of web

design I did a video on that just a

couple weeks ago and everything was hand

coded and these no code Builders are so

powerful and give so much power back to

the designer for the website build it's

just awesome but how do you sell it to

your clients in this video I'm going to

give you some tips and tricks and

exactly how to sell no code websites to

your clients in an effective way now

just to make sure we're talking the same

language about no code websites versus

code websites and I'm gonna assume you

understand the difference but here is a

little snippet for those of you that

might be newbies on this topic this is

the website for Apple apple.com and this

is the code that powers that website all

this code in here somebody wrote they're

in there type in the code piece is and

what no code Builders do is give you a

design oriented tool to build the

website and then the tool puts all the

code in the back end it does all that

hand coding stuff behind the scenes and

they're super powerful and in this video

we're going to be using editor X as the

no code platform for all of the examples

editor X is a product of Wix and Wix is

a template Builder that's also super

powerful editor X is it's more powerful

sibling okay let's dig into some meat

you currently offer Web Design Services

to your clients or you want to offer

those services and you're not quite sure

how to sell it to your clients this is

the video for you the first thing that I

want to emphasize is that you are not

selling a no code website you're selling

a website it shouldn't matter what tool

you use to build the website so you

don't go to your client and say hey

we're going to build you a no code

website that's how we build our sites

with no code they don't care your client

wants a website you wouldn't go to your

client and say hey I'm going to make you

an Adobe Illustrator logo you don't say

that you just tell them that you're

going to design them a logo you don't

say to them that you're going to design

a Photoshop ad you just tell them you're

going to design an ad the tool doesn't

matter and you shouldn't highlight it a

ton to the client now I'm a fan of

sharing what tools we use to build the

things we build for our clients and I'll

show you how I do that but I just want

to emphasize here that you're not

selling a no code website you're selling

a website the second thing that I want

to emphasize is that no code platforms

are to your benefit let's look back in

the day back in the day when you would

have a newspaper somebody would typeset

the newspaper they would take all these

little metal

font letters and they would set them

according to the design of the newspaper

article and each little letter had to be

put in place but when computers came

around and started doing all the type

setting in the back end the price of

producing a newspaper didn't go down it

actually probably cost more so the tool

got faster but the complexity of the

design also got more intricate with the

introduction of the computer so this is

the same kind of thing as we relate this

type setting to newspapers and coded

website hand-coded website to no code

websites it doesn't mean that you should

charge less for the work what usually

happens is that you can make cooler

stuff in a faster amount of time your

client is going to get a cooler website

than if you spent all of your budget

time on coding it you can use a no code

platform design it

and build it in the no code platform and

produce a more complex more interesting

more engaging end product for your

client but it doesn't mean that it

should cost less but it does give you

the flexibility to be more competitive

in your pricing if you choose to do that

if somebody's selling a full coded

hand-coded website and it's going to

take them longer therefore forcing their

price up but you have a faster

production process as a result of your

expertise in a no code platform you can

charge less and be more competitive in

that price variable doesn't mean you

should but it sure is nice to have the

ability to do that another thing

relating to the pricing and the scale of

a site like this is that a no code

platform is also to your clients benefit

tools like editor X provide a ton of

awesome business and marketing

communication management features that

help that site be more powerful to the

client because it was built on a better

platform and offers more capabilities to

the client there could even be

justification that it could or should

cost more for the client to have you

build their site on this type of a

platform now that we've talked about

what you're really selling a website not

a no code website and some of the

pricing justifications and how you

shouldn't necessarily charge less for a

no code website let's talk about how we

actually do this process the sales

process with your clients now I'm a fan

and you'll see in all of my content and

this is the way that I did it at my

agency I sell the process and I mention

the tools but I walk the client through

the process that I'm going to use

to deliver results to the client if

you've taken my proposal contract course

you know that strategy and I'm going to

show you how I do that for a no code

website

right now in this video now I'm going to

walk you through a web design proposal

for a no code website not a no code

website just a website but we're going

to be using a no code platform we're

going to use editor X we're going to

sell the client through this proposal on

choosing us to do this website project

and I'm going to show you how to

incorporate editor X into the sales flow

and conversation with your client so

pretend you're the client pretend I'm me

and I'm selling my services to you and

pay attention to the Cadence and how

long I hang on each of these different

slides and things because this is the

right pacing I've done so many proposal

pitches to so many clients thousands of

projects hundreds and hundreds and

hundreds of clients millions in revenue

and most of that Revenue was digital

related websites

and this is the flow that works the best

I've just done it so many times okay

check this out and do it this way and

you're going to see some results in your

business

[Music]

hey thanks for joining us today we're

going to talk you through our web design

process we know you need a website we've

talked about that in our first

conversation and today we want to walk

you through a proposal that shows you

how we're going to create that for your

business and why it's going to be

successful

this first page are is just a summary of

the objectives that we've talked about

already you want to create an engaging

website you need to establish

credibility in your industry and you

want to build a lead list through online

form submissions so creating a lead

magnet collecting customer information

on the website those are three of the

big priorities that you have for your

new website and this proposal is how

we're going to satisfy that for you

we break our web design process into

five different phases phase one strategy

information architecture phase two ux

design or user experience design phase

three user interface design and phase

four is beta development phase five

Alpha development and launch and I'm

going to take you through a brief

summary of what happens in each of these

phases so you know in advance what this

project is going to flow like

phase one strategy information

architecture we're going to start by

having a workshop strategy meeting with

you we're going to talk about your

content we're going to get deeper into

the goals and objectives we're going to

talk about your target users and what

actions we want them to take on your

site we got to get this strategy stuff

in place so that the site fulfills those

objectives so we start each engagement

with a roughly one hour Workshop meeting

together we extract that information

from you then we go into create a

Content framework that content framework

is a spreadsheet of all of the pages of

the site and what content we anticipate

being on each of those pages is there a

video on this page are there seven

paragraphs of text or one paragraph of

text we we Define that kind of

information in this content framework

uh step inside of phase one then we go

and we create a site map now we have a

site map that is like a little org chart

of each page of the website and how it

connects back to that home page and we

take into consideration some of the user

flow that we want to have happen we want

them to go to this page first then this

page then this page phase two is user

experience design user experience design

I love this analogy of it's like

blueprints to a house you would never go

and just grab some wood and start

hammering nails to build a house you've

got to spec it all out and get the

blueprints in place and that's what this

ux process is all about we go through a

wireframing process where we create

blueprints for your website we call them

wireframes and they're low Fidelity just

gray box uh wire frames that represent

all of the things we talked about in the

content framework and this site map that

we talked about in phase one after we

complete this wireframing ux process

we're going to go into user interface

design user interface design starts with

mood boarding where we get design ideas

from a variety of other places we put

them into a collage and then we talk

over those design styles with you this

is an important step toward landing on

the design faster we'll critique these

Styles together and talk about what's

going to work what's not going to work

what you like what you don't like what

we like and recommend what we don't

recommend those kinds of things

following the mood board process we go

and we take the approved mood boards we

marry those to the wireframes and we

output the finished design

we'll design each of the pages of the

site

in this project we expect there to be

about 20 to 25 Pages these Pro these

these visual designs will be done in

just flat non-functioning

um visual versions they're not clickable

yet

creating the clickable site goes into

phase four this beta development and we

build all of our sites on editor X

editor X is a super super powerful

platform it's a website builder and a

Content management system it gives you

the power to edit content in the future

to update taglines headlines update

content information on any of the pages

you can add team members and things

there's just so many great things that

you have the power to adjust on your

website through this content management

system

and if you decide to work with us in the

future it just makes it easy and faster

and cheaper for us to maintain that site

for you as well

now we'll build all of the pages inside

of editor X as a beta website build

we'll get the the pieces in place for

all of those 20 to 25 pages that are

approved in the visual design process

then we go into Alpha development and

launch and this is where we fine-tune

and adjust every little morsel of detail

in the site

we integrate all the final content if

we've been waiting on an image or some

copy or something we make sure all of

the proper content is in place

we test the site and make adjustments

for mobile responsive uh if so that the

site looks good on a mobile device or a

desktop or a tablet there are little

nuances that we have to tweak in the

design during this phase of the alpha

build

and then one thing another thing we love

about uh editor X is our build platform

is it has a site Checker it will check

all of the links it will check to make

sure that the site functions properly

that the site performance is acceptable

and this site Checker speeds up that

whole QA process for us and make sure

that there's no human error going into

the live site and when it's all said and

done and ready we click publish and the

site goes live with all of our sites we

include a 30-day bug fix we'll fix any

of the problems that were on the

original version that we launched on

launch day will fix those things for 30

days after launch we don't want to just

throw this site over the wall to you

have it be broken and have you having to

call us all the time we're going to

manage and monitor that for 30 days

following the 30-day bug fix we do offer

Website Maintenance plans and can

continue to work with you and support

your website needs ongoing in the future

we use a project management tool to make

sure that we're all our Communications

is in place to do lists Milestones

deliveries client feedback all of those

things happen inside of a central

location so we stay organized and you

always know what's going on with your

project this is super important and

super valuable in the way that we work

with our clients

and now that we've walked through this

entire process let me walk you through

some of the pricing and timelines phase

one two three four and five are here we

estimate roughly one week on some of the

things one to two weeks on others two

weeks on others of a total estimated

project duration time of about eight to

nine weeks for this project

and the budget we've broken out based on

the phases as well where you can see

here a budget for phase one two three

four and five and then a total initial

budget that you'll invest into creating

this new website

and keep in mind editor X is a powerful

platform it includes the hosting of your

website it includes the

content management system

your domain will be hooked up in there

all of it will be this Central Tool that

you'll use to host and manage this

website in the future editor X does have

a monthly fee that's not included in our

price we can just use one of your credit

cards for that monthly fee we don't mark

it up and that's 22 to 49 a month

depending on the plan that we end up

with and that'll come out of the

strategy sessions that we have where

we'll really understand what are the the

content and feature needs that you need

from that platform

so if this meets your expectations and

you would love to work with us we would

love to work with you the next step is

that we progress toward a statement of

work or a contract where we get all of

these things

etched in stone together and agree on

all the project overview phases each of

the rounds will be specified you'll know

all of your feedback moments and things

in our detailed contract

so what questions do you have we'd love

to proceed to a contract let's talk

about some of the questions comments

that you have and we'll go from there so

that's the process you don't have to go

and make this a one-hour presentation

you want to kind of snap through it but

when you get to the end of a proposal

presentation like that your client is

sitting there saying wow this is way

more organized than any of the other

people that are pitching this website

project to us and by the end of them

seeing all of the phases and all the

detail that you put into this process

the justification to charge more goes up

all of a sudden by the time you get

halfway through that presentation the

client sitting there thinking well I

guess this isn't going to be a 500

website

they they can tell that it's going to

cost more money and they want it so you

can charge more money because they want

your process and your structure over all

the willy-nilly

organic chaotic web designers that are

out there that don't have a structured

process like this okay so as you saw we

mentioned the platform but the focus

isn't on the no code platform we

highlight some of the features of that

tool and how it benefits the client but

the focus is on the fact that we are

building a website for this client not a

no code website let's recap some of the

things that I want to make sure you take

away from this video number one you are

selling a website you're not selling a

no code website number two no code

platforms are to your benefit and there

are benefits to the client as well some

of the powerful Tools in a no code

platform like editor X can really

benefit your client but they're also to

your benefit to produce the work faster

and to create more complex and more

engaging websites by using a powerful

tool like this and then that process

goes through selling your process

mentioning the tools I like to tell them

what platform we're building it on

because I want them to sign off on that

in the agreement so that I don't get

into phase one of the project where

we're mood boarding or doing strategy or

something and then them telling me they

want me to build this on some other

platform I want it to be part of what

they're signing off on in that sales

process sell your process mention the

tools okay I hope this video helps you

if you sell websites services to your

clients or if you want to these are some

good things to keep in mind check out

editor X editor x super powerful tool

I've been so impressed with it honestly

it's such a powerful tool and if you

want to learn more about creating a web

design business check out my course web

design business bootcamp I've got

proposals they've got pricing lessons

pricing worksheets pricing calculators

and I've got the entire process mapped

out for you 60 plus downloadable

resources tick templates for my

contracts and proposals and all the

things that I built and used at my

agency to produce websites for my

clients all right thanks a lot see you

again soon