【単価アップ】WebデザイナーこそSTUDIOをマスターすべき！3つのメリットや稼ぐコツを年間50件のWebサイトを納品するプロが解説

インタビュアーのワカジツです！本日はよろしくお願いいたします。

早速ですが、WebデザイナーがSTUDIOを使えるようになるメリットを教えてください！

私が考える、WebデザイナーがSTUDIOを使えるようになるメリットは、次の3つです。

1. 受注額アップを狙える
2. コミュニケーションコストが削減できる
3. Figmaをそのまま利用できる

それぞれ詳しく解説します！

STUDIOを使えるようになると、WebデザインだけでなくWebサイト制作業務（コーディング）も巻き取れるので、受注額アップを狙えます。

私はフリーのWebデザイナーと話をすることが多いのですが、皆さまだいたい1ページ数万円の案件を受注しています。

ここにWebサイトの制作業務を加えると、数十万円で受注できることも珍しくありません。

Webデザインだけを受けるよりも、1案件あたりの単価が高くなるということですね。

でも、Webサイトの制作に時間を取られてしまい、時給で見ると下がってしまう…ということにはならないのでしょうか？

STUDIOはノーコードで直感的にWebサイト制作ができるので、0からコーディングするよりも圧倒的に時短が可能です。

私はSTUDIOでWebサイトを作る場合、12ページを16時間ほどで作成できます。

10万円超の案件を実働2～3日で完了できるので、時給で見ても高単価ですよ。

デザイナーがWebサイトをデザインした後は、コーダーとやり取りをして、実装していくケースが多いです。

ところが、コーダーとの意思疎通がうまく行かず、思っている以上に時間がかかることもあります。

Webデザイナーがコーディング業務を兼任できると、コーダーとのコミュニケーションコストがなくなるので、より効率よく快適に作業を進めることが可能です。

デザインとコーディングを担当する人が同じだと、クライアントから見てもメリットがありそうですね。

そうなんです。クライアントも複数の人とやり取りしなくて済むので、楽に案件を進められます。

発注者側と受注者側の両方にメリットがあるので、いまWebデザインのみを請け負っている方は、ぜひSTUDIOの学習を進めていただきたいですね。

Webデザインを行う際に、Figmaを利用している方も多いと思います。

STUDIOには「Figma to STUDIO」というプラグインがあり、Figmaで作ったデザインをそのままWebサイトに仕上げることが可能です。

STUDIOの仕様に合わせたデザインを考える必要はありますが、、日頃のWebデザイン案件の延長線上でコーディングも行えるので、非常に効率的だと言えます。

ただし、「Figma to STUDIO」は便利ですが、基礎を学んでないと変更・修正等が難しいので、積み上げたあとに使うことがおすすめです。

それでは、WebデザイナーがSTUDIOを使って稼ぐコツを教えてください！

1. Webデザインとサイト制作の思考の違いを理解する
2. 「できること」と「できないこと」を把握する
3. とにかくたくさんのWebサイトを作る
4. 不明点を質問できる環境を用意する
5. 直営業でクライアントを見つける
6. 添削を利用してクオリティを高める

以上6つです。それぞれ解説していきます！

STUDIOに限った話ではありませんが、WebデザインとWebサイト制作では、意識すべきポイントが変わります。

Webデザインの場合、平面図で見栄えのいいものができていればOKですが、実際にWebサイトを構築する場合は、立体的に捉えなくてはなりません。

立体的に捉えるとは、どういう意味でしょうか？

多くのWebサイトでは、パソコンとスマホなど、複数の画面サイズで崩れることなく表示させるための「レスポンシブ対応」を行う必要があります。

パソコン上で作ったデザインがスマホで正しく表示されるように、

• デザインの要素が重ならないようにレイヤー構造を考える
• そもそも重なりが発生しないようにデザインする

といった対処が必要です。これがWebサイトを立体的に捉えるということですね。

Webデザインだけを担当しているデザイナーからすると、最初は意識しづらいポイントなので、しっかり対応できるようになっておきましょう。

STUDIOはノーコードでWebサイトが作れる便利なツールではありますが、すべての機能を難なく実装できるわけではありません。

お客様の期待にしっかり答えるためにも、「できること」と「できないこと」を把握しておきましょう。

仕事を受注してから「やっぱりできませんでした」となると、信頼を損ねてしまうので注意が必要ですね。

ちなみに、「できないこと」は結構あるのでしょうか？

そうですね。STUDIOはシンプルなWebサイトを構築するのに向いているツールなので、ノーコードで制作する場合は、機能は限られてきます。

ただ、意外と「工夫すればできる」というものも結構あるんですよ。

自分ではできないと思って断った案件が、実はできたというケースも珍しくないため、案件を失ってしまわないためにも、機能面を理解することが大切です。

「できること」と「できないこと」を把握することに付随したコツとして、STUDIO学習後は、とにかく多くのWebサイトをコーディングするようにしてください。

たくさんWebサイトを作ることで、徐々に「できること」の範囲が広がっていきます。

「自分が日頃見ているWebサイトをSTUDIOで再現できるかどうか」を試しながら、スキルを磨いていってください。

STUDIOはまだ新しいツールなので、独学で学習していると、多くの不明点が出てくると思います。

その際に、気軽に相談ができるメンター的な存在がいると心強いです。

XなどのSNSやオンラインサロンなども使いながら、不明点を質問できる環境を用意しておきましょう。

確かに新しいツールだと、トラブルの解消法を解説しているサイトは少なそうですね。

STUDIOを学習したばかりの駆け出しであれば、クラウドソーシングを使って案件を獲得して、実績を作るのがおすすめです。

ただし、クラウドソーシングはかなり低価格な案件が多いので、できれば直接営業でクライアントを見つけていくことを推奨します。

なお、Web制作会社が相手だと、そもそもSTUDIO案件が少ないこともあるので、エンドクライアントへの営業を意識してみてください。

営業先を見つけるには、どうすればいいのでしょうか？

やはりオフラインのつながりを持つことが大切です。

地元のビジネス交流会や商工会議所の集まりなどに、積極的に顔を出すようにしましょう。

独学だと、自分がSTUDIOで作ったWebサイトが、本当に高品質かどうかがわかりづらいです。

さらにSTUDIO案件は、間にWeb制作会社を挟まないことが多いので、仕事上でフィードバックをもらえる機会があまりありません。

そのため、ある程度Webサイトを作れるようになった段階で、他人の添削を受けることをおすすめします。

添削を受けるには、どのようにすればいいのでしょうか？

私のBrain「年間50件納品を可能にする「STUDIO制作講座」」には、2回の添削チケットが付いているので、そちらをぜひご利用ください。

STUDIO制作講座では、21本の動画を通して実務レベルのスキルを身につけられます。

私が実務を通して得たノウハウを惜しみなく公開しているので、重要なポイントをしっかり押さえてレベルアップすることが可能です。

特に仕事の幅を広げたいWebデザイナーの方におすすめの内容なので、売上を伸ばしたい方は、ぜひBrainを手に取ってみてください！

ありがとうございました！