How to Sell No-Code Websites to Design Clients
Summary
TLDRThis 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
🌐 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.
💼 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.
🛠 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.
📈 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.
Mindmap
Keywords
💡No Code Websites
💡Editor X
💡Web Design Services
💡Selling Process
💡Pricing Justification
💡Content Management System (CMS)
💡User Experience (UX) Design
💡User Interface (UI) Design
💡Beta Development
💡Alpha Development and Launch
💡Project Management Tool
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
Voir Plus de Vidéos Connexes
BEST Website Builder 2024 (My TOP Recommendation)
How to Price Graphic Design Work | 6 Pricing Strategies for your Graphic Design Business
SELL YOUR PHOTOS ONLINE & EARN MONEY | Top 5 Online Photo Selling Websites 2023
How To Create a Killer Logo Presentation 🔥
How To Build A $10,000 Website With No-Code + AI
No-Code is Trash
5.0 / 5 (0 votes)