【実体験】未経験からノーコードWeb制作で副業を始めるには?案件受注のポイント、必要スキルなどを紹介

「手軽に副業を始めたいけど、学習時間をなかなか捻出できない…」
「Web制作やWebデザインって難しそう…」
「Web制作のスキルの他にも営業ってどうやったらいいのかな…」

副業を始めたいのに、こんな不安がよぎってしまうことはありませんか?
実は今、ノーコードWeb制作で副業を始める方が増えています。

本記事では、「ノーコードWeb制作とは?」や「未経験からノーコードWeb制作の始め方」、「案件受注のポイント」などを解説していきます。
いますぐ副業を始めたいと思っている方は、ぜひ参考にしてくださいね。

まつ
【監修者】
まつ(@nocode0101

デイトラライトニング事業責任者。Webディレクターとして、ノーコードツールでアプリ開発やWebサイト制作を行っている。趣味は旅行(日本国内制覇!)とサッカー観戦。

ノーコードWeb制作とは?

ノーコードWeb制作とは、プログラミングのコーディングを行わずに、Webサイトやアプリケーションを開発する手法のことを指します。
従来のWeb制作では、HTMLやCSS、JavaScriptなどのプログラミング言語を使用して開発を行っていましたが、ノーコードツールを使えば、プログラミングの知識がなくてもWebサイトやアプリケーションを作成することができます。

ノーコードとコーディングのメリットとデメリット

ノーコードツールを使ってWeb制作する場合と、従来のようにコーディングでWeb制作する場合のメリットとデメリットを比較しました。

メリット デメリット
ノーコード ・プログラミングの知識がなくても使える
・テンプレートが多いため、サイト作成がスムーズ
・スピード立ち上げに向いてる
・制作の保守・管理にかかるコストを抑えられる
・制作後の運用がしやすい
・プラットフォームへの依存度が高い
・長期的な運用にはコストがかかる
・デザインの自由度が低い
・他のサイトへの移行ができない
コーディング ・デザインの自由度が高い
・多機能なHPが作成可能
・1つのサイトを作成するのに時間がかかる
・プログラミングの知識が必要になる
まつ
ノーコードでのWeb制作の主なメリットは、プログラミング知識がなくてもWeb制作ができる点です。
手軽にできるため、Webサイト完成までの時間も短く、スピード立ち上げに向いています。
ちょっとしたHPが欲しいというニーズにぴったりですね!

従来のWeb制作との違い

従来のWeb制作は、HTMLやCSS、JavaScriptなどのプログラミング言語を使い、Webサイトを作りあげていきます。
コードを記述して作り上げるため、多機能なWebサイトを作成することが可能です。

反対に、ノーコードWeb制作は、”ブロック”と呼ばれるWebサイトの構成要素をドラッグ&ドロップ操作で配置したり、既存のデザインテンプレートを使って直感的にWebサイトを作ります。
パーツを組み合わせるだけで作成できるため、シンプルなWebサイトが短時間で作成可能です。

コードを学習する必要がないので、学習時間も短く、副業までの準備期間が短いのがノーコードWeb制作の特徴です。

まつ
ノーコードWeb制作は簡易的なHPやLPに向いているので、「コストを抑えてサクッとWebサイトを作りたい」というニーズにピッタリです!

ノーコードWeb制作ツールは”STUDIO”がおすすめ!

STUDIO“は、ノーコードでWeb制作ができるサービスです。

世の中にはさまざまなノーコードツールがありますが、その中でも特にSTUDIOがおすすめな理由が7つあります。

  • 国内で最もメジャーなノーコードツールであり、情報が豊富にある
  • デジタル庁のWebサイトでも使われていて、信頼性が高い
  • 国産ツールで、日本語対応しているため使いやすい
  • STUDIO公式のチュートリアルの説明が丁寧で、作成方法を学びやすい
  • 操作性が良く、ユーザーにとって使い心地の良いサイトを提供できる
  • デザインが豊富で、テンプレートは無料・有料合わせて180種以上ある
  • 日本語フォントの種類が豊富

制作側が使いやすいだけではなく、デザインクオリティの高いサイトを作りやすいことが大きな魅力です。

まつ
エラーが起きてもSTUDIOの対応スピードが早いことも、安心感があります!

STUDIOでのWeb制作副業に必要なスキルとは?

 STUDIOでWeb制作副業をする際に、必要なスキルを3つ紹介します。

  • STUDIOでの制作スキル
  • 営業スキル
  • 案件進行スキル

詳しく説明しますね。

STUDIOでの制作スキル

クライアントの要望を形にするために、STUDIOでの制作スキルが必須です。

たとえSTUDIOが使いやすいツールと言っても、その操作方法はきちんと学ばなければいけません。
また、クライアントから「こんなサイトを作りたいんだけど」と聞かれたときに、それが本当にSTUDIOで実装可能か判断するスキルも必要です。そのためには、STUDIOにどのようなテンプレートがあるか、どのような機能を実装できるのかといったSTUDIOの仕様に関する知識も身につけておく必要があります。

STUDIOの操作方法については、デイトラの公式YouTubeでも詳しく解説しています。
STUDIOでの制作を学びたい方はそちらをご覧ください。

STUDIOの基本的な使い方を解説している動画はこちら

営業スキル

「STUDIOでサイトが作れるようになった!これで副業できるんだ!」

…と思ったかもしれません。
しかし、STUDIOでのWeb制作を副業にするためには、仕事を受注するための営業スキルが必要です。

「営業」と言うと、飛び込み営業や電話営業などのハードな営業をイメージするかもしれません。
けれど、今はオンラインで仕事を受発注するクラウドソーシングサイトや、TwitterをはじめとしたSNSなど、仕事を受注できる場はたくさんあります
身近な人に「最近HP制作の仕事を始めたから、もし作ってほしいものとかあったら教えて!」と宣言するのも立派な営業です。

また、ノーコードWeb制作での営業には、ノーコードならではの注意点があります。
それは、期待値調整がとても重要な点です。
ノーコードWeb制作は、「コーディングに比べて速く制作できる」というのが一番のウリになります。
そのため、営業時にも「複雑な機能や細かすぎる実装はできないが、見栄えの良いサイトを素早く低コストで制作します」というメリットをアピールする機会が多くなるでしょう。
そうしたときに、「どんなサイトでも安く、速く作ってくれるんだ!」とクライアントが誤解してしまうと、納品時にガッカリさせてしまうかもしれません

STUDIOはテンプレートを使うだけでも十分にデザイン性の高いサイトを作れますが、ノーコードだけではどうしても機能面では限界があります。
STUDIOの特徴を把握した上で、「ここまでできます」というのをしっかりと伝えた上で、営業活動にチャレンジしましょう

まつ
最初の営業先は、友人やよく行くお店などがおすすめ!
要望もヒアリングしやすいので、身近な人から積極的にアプローチしていきましょう!

案件進行スキル

Web制作の仕事における「案件進行スキル」とは、HPの制作プロジェクトを円滑に進めるために必要な能力のことを指します。

具体的には以下のようなスキルが含まれます。

  1. コミュニケーション能力:クライアントや社内の関係者と効果的にコミュニケーションを取り、要件を正確に理解し、適切な情報共有を行う能力。
  2. プロジェクト管理能力:制作スケジュールの作成、タスクの割り当て、進捗管理、リスク管理など、プロジェクト全体を適切に管理する能力。
  3. 問題解決能力:制作過程で発生する様々な問題や障害に対して、迅速かつ適切な解決策を見出す能力。
  4. 品質管理能力:HPの品質基準を理解し、常に高品質な成果物を提供できるよう、品質管理プロセスを徹底する能力。
  5. 柔軟性と適応力:クライアントの要望や制作環境の変化に柔軟に対応し、状況に応じて適切に方針を調整する能力。

お客さんが満足するサイトを制作するには、案件をスムーズに進行させる能力が不可欠です。

受注から納品までの間に定例ミーティングを入れる、こまめに途中経過を報告するなど、お客さんが安心するような案件進行を心がけましょう

ノーコードWeb制作は意外と身近にニーズがある!?未経験から受注した人の体験談

実際に、未経験からノーコードWeb制作を始めた「なかじ」さんにお話をお伺いしました。
以下に、そのショートインタビューを紹介します。

なかじ
「なかじ」さん(@nakaji055
会社員として自動車修理や整備をしていたが、デイトラライトニングを受講し、ノーコードでのWeb制作にチャレンジ。その結果、なんと1ヶ月半で4件の案件を受注!趣味は、ゴルフとDIY。

なかじさんが実際に、受注して作成したサイトはこちらです。
整体院 飛翔
Jewelry&Watch mahoroba 東大阪店

ノーコードWeb制作を学ぶきっかけ

初芝
なかじさんがノーコードでのWeb制作を学んだきっかけはなんだったのでしょうか?
なかじ
自動車関係の仕事を15年やっていたことで、昇進するか独立するかの分岐点にいたんです。ちょうどその時に、一人目の子供が生まれました。
昇進したら家にいる時間が短くなるし、今独立しなくても車の仕事はいつでもできるけど、子育てにしっかり関わるなら今しかない!と思ったことがきっかけです。
なかじ
最初はコーディングによるWeb制作を学んでいたのですが、技術は身についてもなかなかうまく受注に結びつけることができず…。そんな時に、2日間でSTUDIOの操作方法から営業まで学べるデイトラライトニングを知って、「これを受講して、もしダメだったら元の仕事に戻ろう!」と覚悟を決めて受講しました
絶対にデイトラライトニングコースで学べること以上を吸収すると決め、講座資料で事前に配布されたものを見ながら自分で模写サイトを作って、受講当日、メンターさんにできなかったところを聞いたりしました。

初案件獲得は友人から

初芝
フリーランスになるためにSTUDIOを学んだんですね!
初案件受注に繋がったのは、受講からどれくらい経ってからでしょうか?
なかじ
僕の初案件は、受講から5日目でした。
初芝
5日!?
速すぎですね!
なかじ
友人に食事に誘われて、自分が今HP制作をしていることや、この仕事を頑張りたいと思っていることを話したら、その友人の奥さんがやっているエステサロンのHPを発注してくれたんです!
受注が決まった瞬間はとっても嬉しかったですね。
なかじ
初受注してみて、自分のやっていることや頑張っていることを口に出すことも、大切なことなんだなと実感しました今までは、「HP制作をしていると言ってもわからないよな」と思い込んで言わなかったんです。
でも、デイトラライトニングで自分のできることを周囲の人に伝える重要性を学び、それを実践してみました。
「もっと前から言っておけばよかった!」と思いましたね。

営業することで地域のニーズが見えてきた

初芝
初案件から、他の案件へはどう繋げていったのでしょうか?
なかじ
デモページを作って、友人のお店や良く行くお店にポスティングなどもしました。デイトラライトニングで営業の仕方を教えてもらい、講義が終わってすぐ営業を開始しました。
実際にお店の方の話を聞くことで、お店が求めていることなどがわかったり、自分の地域にあるニーズが見えてくるようになりました。このお客様の意見が聞けたというのが、フリーランスとしての今後の道筋が見えてきてよかったなと思っています。
初芝
習ったことをすぐに実践していてすごいですね!
これから先、フリーランスとしてどう活動していきたいなどはありますか?
なかじ
今後はShopifyを勉強して、ECサイトも作成できるようになりたいですね!お客さんとにヒアリングする中で、HP以外にもECサイトの制作にもニーズがあることがわかりました。
お客さんのさまざまな要望に応えられるフリーランスになりたいです!

今回インタビューしたなかじさんは、STUDIOでの制作方法と営業方法を学び、身近な人からの制作ニーズに応えられるようになりました。
このように、STUDIOによる簡易なサイト制作は意外とニーズがあるものなのです

STUDIOを使ったノーコードWeb制作副業案件の探し方おすすめ2選

STUDIOを使ったノーコードWeb制作で副業をする場合、案件の探し方でおすすめなのは以下2つです。

  • クラウドソーシングサイトでの応募
  • 直接営業

詳しく説明しますね。

クラウドソーシングサイトでの応募

クラウドソーシングとは、オンライン上で仕事を外注することです。
今ではCrowdWorksランサーズなどのさまざまなクラウドソーシングサイトがあります。

クラウドソーシングサイトは、たくさんの案件が公開されているため、応募しやすいというメリットがあります。
案件も比較的多いため受注しやすく、ある程度評価がたまるとオファーがくることが魅力です。
そのため、初心者の人が初案件を受注するためによく使われます。

しかし、クラウドソーシングサイトは応募しやすい反面、競争率が高くなりがち・単価が低くなりやすいというデメリットもあります
実績が増えたり、相性の良いクライアントが見つかったりすれば仕事のしやすいプラットフォームですが、消耗してしまうこともあります。
特に、プロフィールや提案文が稚拙な場合、いくら応募しても採用されないという事態に陥りがちです。

クラウドソーシングサイトはしっかりと自己PRの方法を学んだうえで活用することが大切です

直接営業

直接営業とは、クラウドソーシングサイトなどの仲介サイトを通さず、直接クライアントに営業することです。
例えば、先程のなかじさんの例のように、身近な人に声を掛ける、近所の店舗に営業するなどが直接営業にあたります。

STUDIOによるサイト制作の直接営業は、「簡単なサイトをコスパよく作りたい」という小規模事業者に向いています。
具体的には、以下の図のようなイメージです。

一般的なHP制作会社に依頼すると、数十万円~数百万円かかることも珍しくありません。
そのため、「HPをリニューアルしたいけど、高すぎるから作れずにいる」という個人事業主や企業も少なくないのです。
そういった個人事業主・企業には、「ノーコードを用いてコスパよくHPを作りませんか?」という提案が響きやすいです。

直接営業では、コミュニケーション能力を含め提案の方法を学ぶことで、より多くの受注に繋げられます。

まつ
「1件数十万円のHPはいらないけど、お手軽でコスパの良いHPが欲しい事業者」にピッタリなので、どちらかというと直接営業の方がおすすめですね!

ノーコードWeb制作副業スキルを2日で身につけるなら「デイトラライトニング!」

デイトラライトニングでは、ノーコードWeb制作で副業スキルを身につけられます。
主な特徴は次の6つです。

  • 2日間という短期間でノーコードWeb制作の副業スキルを身につけられる
  • STUDIOを用いたノーコードWeb制作を現役プロWebデザイナー・ディレクターから学べる
  • 直接営業に必要な資料がもらえて、すぐ営業開始できる
  • クライアントワークで重要なヒアリングがロールプレイングできて差がつく
  • 少人数限定レッスンで丁寧なメンターサポート付き
  • オンライン開催のため、日本全国どこからでも参加可能

デイトラライトニングの様子は、デイトラ公式YouTubeで紹介しています。
より多くの人が受けやすいように、現在はオンラインで開催しています。

デイトラライトニングの様子はこちら

2日間という短期間でノーコードWeb制作の副業スキルを身につけられる

  • 子育てに忙しくて、何ヶ月もスクールに通えない
  • 土日でサクッと学べる副業が知りたい

デイトラライトニングは、そんな人たちにこそぴったりな最短最速の2日間で学べるコースです。
ノーコードでWeb制作をするスキルから営業スキルまで、全てをたったの2日間でマスターできます。

実際にデイトラライトニングを受けた方も、受講から数日で初案件を獲得しています!

STUDIOを用いたノーコードWeb制作を現役プロWebデザイナー・ディレクターから学べる

Webデザインコースを立ち上げた、デザイナー歴8年のプロが監修しています。
デイトラのWebデザインコースは、大手企業の研修にも使われていて、そのデザインスキルをノーコードWeb制作スキルとして、習得できます。

実際に受講生が作成したWebサイト
https://syuuroushienmirai.studio.site/

直接営業に必要な資料がもらえて、すぐ営業開始できる

デイトラライトニングを受講したその日から営業ができるよう、「どうやって案件を探したら良いのか」から「営業メールの仕方・テンプレ」まで、初心者がつまずくポイントをカバーした資料をお渡ししています。

「営業が初めてで、どう始めたらいいのかわからない…」

と不安に思う方も、営業にすぐに役立てられる資料がもらえるからこそ、何をすれば良いのかが明確になりすぐに行動できます。

クライアントワークで重要なヒアリングがロールプレイングできて差がつく

案件を受注した後のヒアリングを講義内でしっかりロールプレイングし、クライアントの要望を聞き出すスキルが身に付きます
実際に、プロがヒアリングしているのを間近で見て、どんなことをヒアリングシートに書いているかも見られるので、差がつく内容です。

少人数限定レッスンで丁寧なメンターサポート付き

デイトラライトニングは、少人数限定のレッスンです。
実際に、STUDIOでのノーコードWeb制作で活躍しているプロが、メンターとして丁寧にサポートします。
その場で作成するデモページも、すぐにフィードバックがもらえてブラッシュアップできます。

オンライン開催のため、日本全国どこからでも参加可能

オンラインコミュニケーションツール「MetaLife」を使用して、オンラインで開催しています。
日本全国どこからでも参加可能なので、場所を選ばず副業スキルを身につけられます。
「会場だと遠方でなかなか参加できない」そんな方にもおすすめです。

実際にデイトラライトニングを受講された方の声

デイトラ公式YouTubeでは、実際にデイトラライトニングを受講された方の声も紹介しています。
より多くの人が受けやすいように、現在はオンラインで開催しています。

デイトラライトニングを受講された方の動画はこちら

まとめ

ノーコードWeb制作を始めるなら、STUDIOでの制作がおすすめです。
STUDIOでのWeb制作なら、テンプレートも豊富で、学習期間が短く副業をすぐに開始できます。

しかし、ノーコードWeb制作スキルだけでは、月5万円の副業を手にするには時間がかかります。
このノーコードWeb制作に営業スキルを掛け合わせたデイトラライトニングであれば、短期間で副業月5万円までの道筋が明確になります!
ノーコードWeb制作スキルだけではなく、営業で差がつくスキルも学びたい方は、デイトラライトニングをチェックしてください!

⇨デイトラライトニングの公式HPで詳しい情報を見る

デイトラライトニングの説明会に参加したい方に向けて、LINEにて情報を発信しています。
説明会で詳しく話を聞きたいという方は、ぜひこちらにもご登録ください。

今すぐデイトラライトニングのLINEに登録する

 

また、ノーコードWeb制作においても、STUDIOで細かい修正などをする場合には、コーディングの知識がとても役に立ちます。
必ずしもSTUDIOが万能であり、コーディングが完全に不要というわけではありません。
月5万円以上の収入を得たい場合や、デザイン性の高いWebサイト、多機能なWebサイトを作るためにもコーディングの知識は必要です。
自分の望む副業の形によって、ノーコードかコーディングかの使い分けが大切であることは覚えておきましょう!

本格的なコーディングを学びたい方は、Web制作コースがおすすめです。
Web制作コースでは、副業ではなく本業として使えるWeb制作スキルが身につけられます。

今すぐデイトラWeb制作コースに申し込む

【Webスキル診断】“一生使えるスキル”を60秒で診断しよう!

「フリーランスになりたいけど、どんなスキルを身につければいいかわからない」という悩みを解決すべく、東京フリーランスでは【Webスキル診断】をLINEで無料実施中です! Web制作・Webデザイン・アプリ開発・動画編集など「自分に合った理想の働き方は何か」を見極めていただけます。

Web制作カテゴリの最新記事