Webデザイナーの案件獲得方法は？スキルアップで高単価も！

Webサイトのデザインを制作する「Webデザイナー」を目指している人にとっては、将来性が見込めるのか、年収が十分に得られるか、という点が気になるのではないでしょうか。

この記事では、Webデザイナーの働き方や案件を獲得する方法、Webデザイナーの年収や将来性など、Webデザイナーを目指す人々が抱える疑問点について答えていきます。

Webデザイナーはこんな場面で活躍している

Webデザイナーが活躍する場面は、Webサイトのデザイン制作です。

Webサイトのトップページは、サイトを運営する企業や団体の方向性が色濃く表れる場であり、いわばサイト運営者の「顔」といえるページとなります。

Webデザイナーは、サイト運営者の想いをしっかりと受け止め、サイト運営者の想いに沿ったWebサイトのデザイン作成を目指しています。

そのほか、会社の企業名をデザイン化して表現した「ロゴ」の制作においてもWebデザイナーが活躍しています。インパクトが感じられるロゴを制作すると、顧客は企業のことを認知しやすくなります。

Webデザイナーはロゴの制作を通じて企業の知名度アップに貢献しているといえるでしょう。

Webデザイナーの働き方

Webデザイナーの働き方としては、会社員として働く方法とフリーランスとして働く方法があります。

会社員として働く場合は、ホームページの制作会社や広告代理店などで正社員、または派遣社員として働く形となります。また、会社員としてWebデザイナーの経験を十分に積むことができたら、独立してフリーランスとして働くことも可能です。

会社員として働くと、毎月一定の給料がもらえるため安定的といえます。一方で、フリーランスのWebデザイナーになると、案件の内容によっては高い報酬が見込めるため、会社員以上に収入を得ることも可能となります。

ただし、Webデザイナーとしてのスキルが低い状態でフリーランスに転身すると、思うように案件を獲得できず、収入が会社員のときよりも少なくなる場合があります。フリーランスとして活動する場合は、Webデザイナーとしての十分なスキルを持っていることが前提といえます。

Webデザイナーはどれくらい稼げるのか

フリーランスのWebデザイナーはどれくらい稼げるのか、という点については、フリーランスハブのサイトを参考に見ていくことにします。

フリーランスハブによると、2021年8月時点におけるWebデザイナーの案件の単価は、月額50万円前後のものが多くみられます。

おおよその年収を算出するために月額50万円を12倍すると約600万円となります。

ただし、年収600万円というのは1年間を通じて継続的に案件を獲得できた場合に限られます。案件が継続的に獲得できない場合があることを踏まえると、年収が600万円を下回る可能性があることも考慮しておきましょう。

Webデザイナーができる案件獲得のための準備3つ

Webデザイナーが案件を獲得するためには、事前準備を行っておくことが大切です。事前準備の内容としては以下の3つがあります。

• 質の高いポートフォリオを制作しておく
• ブログやSNSの運営を始める
• 営業に向けての前準備として、リーフレットを作成

質の高いポートフォリオを制作しておく

デザイナーが案件を獲得するための前準備として必ず行っておきたいことは「ポートフォリオ」の制作です。

ポートフォリオとは、デザイナーやイラストレーターなど、クリエイティブな職種の人がこれまでにどのような作品を制作してきたか、ということを示すためのツールです。

ここで気をつけたいポイントは、単にポートフォリオを制作しているだけでは必ずしも案件の獲得につながらない場合がある点です。

ポートフォリオに多くの作品を載せていたとしても、デザイナーになったばかりの頃の作品が多ければ、ポートフォリオを見ている人としては質が低いと感じてしまいます。

それよりも、今まで制作した作品の中で特に見映えの良いものを集めておきましょう。なぜなら、質の高い作品ほど多くの人々を惹きつけるため、ポートフォリオを見ている人に良い印象を与えられるからです。

それにより、依頼者としてはWebデザインの業務を依頼したいと感じることでしょう。

ブログやSNSの運営を始める

案件の獲得につながりやすい方法として、ブログやSNSの運営があります。

ブログやSNSを利用するメリットは、投稿するためのフォーマットがすでにできあがっている点です。そのため、投稿したいテーマがあればすぐに発信できます。

Webデザインの依頼をしたいと考えている依頼者がWebデザイナーを選ぶ場合、Webデザイナーはどんな人でどのような経歴を持っているのか、また、これまでにどんなWebサイトのデザインを行ってきたのか、という点に着目します。

Webデザイナーである自分自身をアピールするためには、ブログやSNSの活用が効果的といえます。Webサイトを制作する担当者にとって役立つ情報を中心に発信していくと、担当者としては「役に立つメディアだ」と感じ、Webデザインの受注へとつながりやすくなります。

営業に向けての前準備として、リーフレットを作成

ネットの利用が日常的となった現在では、ブログやSNSなどネット経由で案件を獲得することも可能ではありますが、足で稼ぎながら営業する方法は時代の流れにかかわらず効果の高い方法といえます。

企業や店舗に営業する場合は、Webデザイナーである自分自身のアピールポイントをあらかじめ考えておきましょう。

例えば、どんな業務を受託できるのか、自分自身はどんな経歴を持っているのか、納期や価格はどの程度かなどがあります。これらを一つのリーフレットにまとめておき、連絡先も記入しておくと営業の効果を高められます。

代表的な3つの仕事内容

Webデザイナーの代表的な仕事の内容としては以下の3つがあります。

• Webサイトデザイン
• ロゴ バナー広告
• コーディング

それぞれの仕事の内容について説明します。

Webサイトデザイン

Webデザイナーの仕事でメインとなるのはWebサイトのデザインです。

Webサイトデザインの作業の流れとしては、デザイン制作の前準備としてWebサイトの構成やレイアウトを決めておき、それからWebサイトのデザイン制作に取りかかります。

Webサイトをデザインする作業では、グラフィックソフトを利用してWebサイトの配色や装飾を決めていきます。

ロゴ バナー広告

Webデザイナーは、ロゴやバナー広告の制作も行います。ロゴについて簡単に説明すると、企業名の文字をデザイン化して示したものです。また、バナー広告とは、Webサイトの下部、または右側のサイドバーに四角い枠が表示され、その枠内に表示される広告のことです。

ロゴやバナー広告は企業自身で決めることもありますが、ロゴやバナー広告のアイデアを社外のデザイナーから募集する場合もあります。そのような募集があった場合に、Webデザイナーが制作を行います。

なお、ロゴやバナー広告は多くのデザイナーから案を集めてその中から決めるコンペティション方式が主に用いられます。そのため、いかにインパクトのあるロゴやバナー広告を制作するかがポイントといえます。

コーディング

コーディングとは、WebサイトのデザインをHTMLやCSSなどのコードを使って書く作業を指します。

Webサイトは、画面上で見ると文字が書かれているほかに、背景には決められた色が使われています。また、決められた場所に決められたデザインが配置されていることも特徴的です。

Webサイトが見やすい形に表示されるのは、HTMLやCSSのコードを正しく、適切に書いているからです。言い換えれば、これらのコードを使いこなせれば、ユーザーにとって利用しやすいWebサイトを制作することができます。

Webデザイナーは、Webサイトのデザイン制作を行うだけでも十分ではありますが、それに加えてコーディングの作業も行えると業務の幅がさらに広がります。

経験別おすすめ案件　具体例

経験別のおすすめ案件として、以下に具体的な例を紹介します。

Webサイトデザイン

Webサイトをデザインする場合、コーディングに関する知識はある程度必要であるものの、原則としてデザイン業務に特化した作業となります。報酬の目安としては1か月あたり最大で50万円程度です。

Webデザイン＋コーディング

Webサイトをデザインする作業に加えて、コーディングの作業も合わせて行う場合、取り扱う言語はHTMLやCSSに加えてJava ScriptやPHPなども必要になるため、報酬は高めに設定されます。

報酬の目安としては1か月あたり最大で65万円程度です。

必須のスキル

Webサイトのデザインを制作する場合に必須のスキルを紹介します。また、Webサイトデザインの質を高めるために、デザインの基本原則についても理解しておきましょう。

デザインの基本原則

デザインの基本は4つの原則で構成されています。

• 近接
• 整列
• 強弱
• 反復

それぞれについて説明します。

近接

近接とは、近くに並んでいるもの同士が一つのグループとして認識できる仕組みのことです。この仕組みは、人間がそのように認識する性質を利用しています。

なお、一つのグループ内に同じようなものを並べる場合、それぞれのものが近すぎるとゴチャゴチャとしたイメージとなってしまいます。その対策として、関連性の高い者同士は近づけておき、関連性の薄いもの同士はやや離しておくと、わかりやすい内容に仕上がります。

整列

整列とは、「左揃え」「中央揃え」「右揃え」のように、それぞれの項目を一定のルールに沿って揃えることを指します。

例えば、ホームページ内に会社名、住所、電話番号、メールアドレスを表記する場合、左側のラインを合わせて表示すると全体的に整った印象となり、見やすく感じられます。

強弱

強弱とは、特に伝えたい内容を強調する手法のことで、デザイン全体にメリハリが感じられる状態を指します。強調した部分と強調していない部分がハッキリと区別できるため、わかりやすい内容に仕上がります。

例えば「3日間限定　特価セール　最大50％OFF！　売り切れの際はご容赦ください」という文章の場合、「特価セール」と「50％OFF」の文字を大きくしたり、あるいは赤い文字で表示したりすると、お得な特価セールであることが消費者に伝わりやすくなります。

反復

反復とは、レイアウトやアイコンなど、特徴的な要素を繰り返し使用することを指します。

例えば、Webサイト内に複数のページを設けている場合、全てのページのレイアウトを同じものにしたり、各ページの冒頭部分に同じアイコンを使用したりすることで、統一感のある見やすいWebサイトとなります。

必要なスキル

Webデザインを制作するためには、これらを使いこなすスキルが求められます。

Photoshop

Photoshopは、デザインを制作するためのソフトウェアで、画像の編集や加工の作業に適しています。画像の色相や明度、彩度を調整できるため、思い通りのWebデザインに仕上げられます。

Illustrator

Illustratorも、デザインを制作するためのソフトウェアです。Illustratorの特徴的な点は、画像を拡大・縮小しても画質が劣化しないことで、ロゴ制作など、細やかなデザインの制作に適しています。

HTML

HTMLについて簡単に説明すると、Webサイトを制作するために開発された言語のことです。Webサイトの構成やWebサイト内に記述される文章の内容、装飾、文字の大きさは、HTMLで指定します。

CSS

CSSはWebサイトのデザインを指定するために用いられる言語のことです。Webサイトは基本的にHTMLで制作されますが、デザインに関する指示はHTMLの中にCSSを織り交ぜる形となります。

Webサイトのデザイン性を高めるためにも、WebデザイナーにとってCSSの習得は必須といえます。

JavaScript

JavaScriptとは、動的に表示されるページやアニメーションが含まれるページの制作など、Webサイトの機能をより高度化するために使用される言語のことです。

JavaScriptは専門性が高いため、基本的にはコーダーが取り扱う言語となります。なお、WebデザイナーがWebデザインとコーディングの両方を行う場合、JavaScriptの知識も必要となります。

jQuery

jQueryとは、JavaScriptライブラリのことで、JavaScriptを利用して行っていた業務をより簡単に行うための仕組みのことです。

JavaScriptは実際に習得してみると難しく感じられますが、jQueryを利用することで、プログラミング業務の経験が浅くても作業を容易に行うことができます。

レスポンシブWebデザイン

レスポンシブWebデザインとは、制作したWebサイトのページがパソコン、スマートフォンのいずれにも適切に表示される設定のことです。

本来であれば、パソコン用・スマートフォン用の両方のページを制作することが理想ですが、制作に手間がかかる点がネックとなります。その点、HTMLとCSSにレスポンシブWebデザインが表示される内容を記述しておけば、制作したWebページがパソコン・スマートフォンの画面に適切に表示されます。

未経験者もこれを知っておけば安心。知っておくべき4つのこと

フリーランスのWebデザイナーを目指していても、これまでにその経験がなければ、実際にフリーランスとして活動を始める場合に不安が先行してしまうのではないでしょうか。

この項目では、フリーランスのWebデザイナー未経験者が知っておくべき4つのことについて紹介します。

副業の場合は本業の会社のルールを確認しておく

フリーランスのWebデザイナーを副業で行う場合には、事前に本業の会社のルールを確認しておきましょう。

現在では副業を認める会社が増えていますが、その一方で副業を認めない企業も多くあります。

副業禁止の会社で副業を行っていたことがバレてしまうと、社内で信頼を失う原因となりかねず、場合によっては解雇に追い込まれる可能性も考えられます。

副業が禁止である場合は、無理に副業を行わないようにしましょう。

確定申告など税の知識

副業が認められている会社であれば、Webデザイナーの業務は自由に行えますが、1年間の所得が20万円を超えた場合は確定申告を行う必要があります。

確定申告について説明すると、1月1日から12月31日までの1年間の所得を算出し、その所得を元に税金の額を計算して、国に納める税額を報告する手続きのことです。

確定申告は原則として翌年の2月16日～3月15日までの間に行います。ただし、確定申告の最終日が土日もしくは祝日の場合は、休み明けの平日が期限となります。

所得とは、収入から仕事をするためにかかった経費を差し引いたものです。確定申告を行うためには、1年間の収入がいくらで、1年間にかかった経費はいくらか、ということを記録しておき、所得がいくらであるかを計算する必要があります。

なお、確定申告を行わなければ、本来納めるべき税金のほかに、罰則として追加で税金を納めなければならないため、確定申告は確実に行いましょう。

ポートフォリオの内容を充実させておく

フリーランスのWebデザイナーとして案件を獲得するためには、ポートフォリオを充実させる必要があります。

案件を獲得するためのポイントは、これまでに自分が制作したもののうち、特に質が高い作品を複数載せておくことです。

制作した作品を多く載せておく方法もありますが、Webデザイナーとしての経験が浅いときに制作した作品は、質が低いものもあり、依頼者から案件を受けにくくなる原因にもなりかねません。

ポートフォリオには、自分で納得できる作品を掲載しておくことがポイントです。

学び方

Webデザイナーとしての基本的な知識や技術を学ぶためには以下の方法があります。

• 独学で学ぶ
• スクールで学ぶ

それぞれについて説明します。

独学で学ぶ

独学で学ぶ流れとしては、本で基礎を学び、PhotoshopやIllustratorの使い方を理解し、実際に作品を制作する方法があります。制作した作品はネット上に公開してみると良いでしょう。

また、ネット上にはWebデザイナーに関することを学べるサイトもあるので、それを利用してスキルを高めていく方法もあります。

スクールで学ぶ

順序立てて着実に学ぶなら、スクールの利用が効果的です。独学で学ぶ場合、自分の興味のある分野に偏ってしまいがちですが、スクールを利用すれば、Webデザイナーとして必要な知識をまんべんなく学ぶことができます。

スクールを利用すると、わからない点を質問しやすいため理解が早まりやすいこと、そして、独学と比べるとモチベーションを保った状態で学べるので、Webデザイナーとして必要な知識や技術が身につきます。

案件獲得方法

フリーランスのWebデザイナーが案件を獲得するためには以下の方法があります。

• クラウドソーシングサイトを利用する
• Webデザイナー向けのエージェントを利用する
• ブログやSNS経由で案件を獲得する
• 知人経由で紹介してもらう
• 営業して案件を獲得する

それぞれについて説明します。

クラウドソーシングサイトを利用する

仕事を依頼したい企業と仕事を受けたい個人をつなぐサイトである「クラウドソーシング」を利用すると、多くの案件の中から選べます。

クラウドソーシングを利用するメリットは、クラウドソーシングサイトが企業と個人の仲介役としての役割を果たすため、報酬を受け取れないなどのトラブルを防げる点です。

ただし、クラウドソーシングサイトは利用に一定の手数料がかかること、そして、単価が低い案件が多い傾向にあります。そのため、実績を積む目的で利用すると良いでしょう。

Webデザイナー向けのエージェントを利用する

フリーランスのWebデザイナーとしてある程度の経験を積んでいるなら、Webデザイナー向けのエージェントを利用しましょう。

エージェントで取り扱う案件は、多くの場合一定のスキルやWebデザイナーとしての経験が求められます。

1週間あたりの業務日数は2～3日前後のものがあるほか、週5日業務を行う「常駐案件」もあります。高度な条件が求められる案件も多いですが、そのような案件ほど、単価は高めに設定されています。

ブログやSNS経由で案件を獲得する

案件獲得にはブログやSNSも利用できます。ブログやSNSにWebデザインの作品を複数掲載しておくほかに、Webデザイナーに関する基礎知識や日々の業務に取り組むうえでの想いなどを定期的に更新しておくと効果的です。

それにより、依頼者としてはWebデザイナーの人柄が感じとることができます。親近感を与えることができれば、ブログやSNSからの受注が期待できます。

人脈を広げて案件を依頼しやすくしておく

そのほか、人脈を広げておくと案件の獲得につながりやすくなります。特にフリーランスは交流会やイベントがあったら積極的に参加して、人脈を広げておくことを心がけたいものです。

直接的に営業をかけていなくても、交流会などを機に顔見知りになっておくと、後に「仕事を依頼したいです」と声がかかる場合があります。人脈を広げておくことは間接的ながら営業活動につながります。

営業して案件を獲得する

案件を獲得するために、直接営業することも検討してみましょう。

現在では、案件獲得はブログやSNS、クラウドソーシングサイトの利用などネット経由が多いですが、逆の見方をすれば、営業する人がさほど多くない状況といえるため、営業による案件獲得の効果が期待できます。

フリーランスのWebデザイナーが営業をかけるなら、近くの中小企業や店舗がターゲットとして最適です。これらの企業は自社のホームページを持っていない場合があるため、ホームページを開設することによって売上アップが見込めるからです。

Webデザイナーの目線で、Webサイトを利用するメリットを紹介しながら、案件の獲得へとつなげていきましょう。

高単価案件を獲得するには

フリーランスのWebデザイナーとしては、高単価案件の獲得を目指したいことでしょう。高単価案件を獲得するポイントとしては、以下のものがあります。

• 上流工程の経験
• マーケティングの知識と経験
• 情報発信力

それぞれについて説明します。

上流工程の経験

Webデザイナーにおける上流工程とは、「Webサイトのターゲット設定」「Webサイトを制作する目的」「Webサイト制作のために何が必要で、どのように制作すれば良いか」というものです。

つまり、上流工程とは、Webサイトを制作する目的や手段を明確にすることといえます。

Webデザイナーとして業務の質を高めるためのポイントは、Webサイト制作についての全体像を知っておくことです。

特に上流工程を経験していれば、なぜWebサイトを制作するのか、という視点から目的が見えやすくなります。それによって依頼者の要望に添ったWebサイト制作が可能となり、サイトの質の向上が期待できます。

マーケティングの知識と経験

また、高単価案件を獲得するためには、マーケティングの知識と経験も求められます。

マーケティングについて簡単に説明すると、商品やサービスを販売するためにあらゆる手段を講じることです。例えば、広告を配信することもマーケティングであり、市場調査もマーケティングに含まれます。

そして、多くのユーザーが訪れるWebサイトを制作することもマーケティングの一環といえます。なぜなら、多くのユーザーがサイトを訪れることにより、商品やサービスの売上アップが期待できるからです。

マーケティングの知識や経験があれば、どの年齢層の人々が商品やサービスを求めているのか、そして、その年齢層が好むWebデザインはどのようなものか、という点まで掘り下げられるため、ユーザーのターゲットに沿ったWebデザイン制作が可能となります。

情報発信力

また、フリーランスのWebデザイナーとして活動するためには、情報発信力が欠かせません。

フリーランスのWebデザイナーが案件を獲得する方法の一例として、ブログやSNSの利用がありますが、ブログやSNSを利用して、Webデザインに関することや日頃の業務内容について発信していけば、ユーザーとしてはWebデザイナーが身近な存在に感じやすくなります。

そのような状態になると、ユーザーとしては「Webデザインを依頼したい」という気持ちになりやすくなるため、案件の獲得に結びつけられます。ネットの利用が日常的となった現代では、ネットを通じた情報発信が顧客獲得の有効な手段につながります。

Webデザイナーの将来性

Webデザイナーの将来性について考えるなら、Webサイト制作の現状が参考になります。

現在、Webサイトを制作する場合は、サイトを制作するツールやソフトウェアを利用すれば、Webデザインに関する専門的な知識を持っていなくても、十分なレベルのWebサイトを利用できるようになっています。

そのようなツールを利用すれば、Webサイト制作を外部に受注する必要がなくなり、社内でのサイト制作も可能となります。見方を変えれば、Webデザイナーの需要は今後少なくなっていくことが予想されます。

Webデザイナーがそのような状況を打破し、生き残りをかけるためには、Webデザイナーとしての専門性を高めることが最も効果的といえます。

なぜなら、Webサイト制作ツールやソフトウェアを使ってWebサイトを制作したとしても、プロがデザインしたWebサイトのレベルに到達することは難しいためです。

その点、Webデザイナーはデザインに関する知識が豊富であり、Webサイトの利用者層に応じたデザインを施すことができます。ユーザーの心を動かすことができるサイトを制作するのは、Webデザイナーならではのスキルといえます。

まとめ

Webデザイナーを目指している人が知っておきたい基本的な事柄について見てきました。

Webデザイナーとしてのスキルを高めて経験を積めば、高単価案件を獲得することは十分に可能です。また、Webデザイナーの将来性についても、スキルを高めたうえで、デザイナー自身の持ち味を活かしつつ付加価値を加えることができれば、Webデザイナーとしての需要は十分に見込めます。

Webデザイナーとして大切なことは、デザインを楽しいと思える気持ちです。その気持ちを持ちながら仕事に取り組めば、デザイナーとしての仕事の質は十分に高まり、多くの人々を惹きつけるWebサイト制作も可能となるでしょう。

「好きこそものの上手なれ」ということわざがあります。その想いを持ちながら仕事に打ち込むことが、Webデザイナーとして良い作品を制作するための決め手となります。