Webデザイナーがフリーランスになるには｜必要な経験と独立までの進め方

Webデザイナーとしてフリーランスになるには、企業サイトやLPなど一つの媒体を、目的の聞き取りから公開まで通して担った経験と、実績として見せてよい作品の準備が必要です。案件側が知りたいのは「デザインができるか」より、「指示が少なくても目的に沿って作り切れるか」です。

独立の準備は、担った工程の棚卸し、入り方の型の見極め、見せてよい実績の確保、スキルシートと面談の準備、お金と手続きの順に進めると無理がありません。

案件で問われるのは「通して作り切った経験」

会社員のデザイナーは、ディレクターやコーダーと分担し、自分はデザインの工程だけを担うことが多くあります。それでも、フリーランスとして入ると、目的の確認や素材の不足、実装との食い違いなど、前後の工程の問題に自分で気づくことを期待されます。

独立前に、次のことを自分の経験で説明できるかを確かめておきます。

• 誰に向けた、何のためのページかを、依頼者から聞き取ったことがある
• 構成案やワイヤーフレームをもとに、デザインの方向性を自分で決めたことがある
• 修正の指示を受けたとき、目的に照らして代わりの案を出したことがある
• 実装の担当者に、動きや画面幅ごとの見え方を伝えて組み込んでもらったことがある
• 公開後に、手直しや追加のページ作成まで関わったことがある

全部がそろっていなくてもかまいません。欠けている工程があれば、今の職場で一度担当させてもらうと、独立後に任される範囲が広がります。

フリーランスのWebデザイナーの入り方の型

入り方によって、必要な経験も契約の形も変わります。

チームへの参画は準委任で稼働日数に対して報酬が決まる形が多く、直接の依頼は成果物に対して報酬が決まる請負が多くなります。契約の違いは準委任と請負の違いで解説しています。最初はチームに参画する形で入り、実績と取引先を増やしてから直接の依頼を受ける人もいます。

ユーザー調査や画面の操作設計を中心にしたい方は、UI/UXデザイナーがフリーランスになるにはも参考にしてください。

独立前に積んでおきたい経験

種類の違う媒体を一つずつ

企業サイト、LP、バナーなど、目的の違う媒体を一つずつでも経験しておくと、応募できる案件の幅が広がります。特にLPやバナーは、成果を数値で見られる媒体なので、改善の経験を語りやすくなります。

画面幅ごとの設計と、実装を前提にしたデータの作り方

スマートフォンとパソコンでの見え方を設計し、実装の担当者が迷わないデータを渡した経験は、チーム参画で強く求められます。部品の使い回し、余白や文字の大きさのルール、書き出しの指示などを整えた経験があれば、言葉で説明できるようにしておきます。

修正と合意の進め方

確認する人が多い案件で、意見をまとめて修正を進めた経験は、フリーランスになってから大きく効きます。修正の指示を一か所に集める、方向性の確認と細部の確認を分けるなど、自分なりの進め方を持っておくと、請負の案件で作業が膨らむのを防げます。

見せてよい実績を確かめる

Webデザイナーの独立で、エンジニアと大きく違うのが実績の見せ方です。作品を見せてほしいと言われる場面は多い一方、会社員として作った作品や受託で作った作品は、自分の判断だけでは公開できないことがあります。

• 公開中のサイトでも、制作に関わったことを明かしてよいかは、取引先や前の勤務先との約束によって違う
• 未公開の案件、社内向けの資料、競合に知られたくない施策は、見せられないことが多い
• 契約で著作者人格権を行使しないと約束していても、それだけで実績の公開が自由になるわけではない

退職や契約の終了の前に、公開してよい範囲を確かめ、可能なら書面やメールで残しておくことをおすすめします。権利の考え方は成果物の著作権の記事と著作者人格権の不行使条項の記事、実績の示し方はポートフォリオやGitHubは必要かで解説しています。

見せられる作品が少ない場合は、案件の目的と自分の役割、判断した点を文章で説明する形でも、経験は十分に伝わります。

独立までの進め方

1. 担った工程を棚卸しする

これまでの案件を、聞き取り、構成、デザイン、実装への受け渡し、公開後の改善の工程に分け、どこを自分で担ったかを書き出します。案件ごとの媒体と目的も添えておくと、スキルシートにそのまま使えます。

2. スキルシートと作品の説明を用意する

棚卸しした内容をスキルシートにまとめ、見せられる作品には目的と役割の説明を付けます。書き方はWebデザイナーのスキルシートの記事で解説しています。

3. 条件を決めて案件を探す

稼働日数、リモートの希望、受けたい媒体を決めてから探すと、合う案件を絞り込みやすくなります。会社員のまま週末だけで受けるのは難しい案件も多いため、副業から始める場合は副業から独立への進め方も参考にしてください。フリーランスエージェントの使い方はエージェントの使い方をご覧ください。

4. お金と手続きを準備する

独立すると、収入が入るまでの期間や、デザインツール・フォント・素材などの費用を自分で負担します。数か月分の生活費の備えと、使うツールの契約の見直しをしておきましょう。開業届は、国税庁の案内では「事業の開始等の事実があった日の属する年分の確定申告期限まで」に提出するものとされています。手続きの詳細は開業届の記事、退職から独立までの順序は会社を辞めてフリーランスになるまでの手順で解説しています。

契約で確かめておきたいWebデザイン特有の点

最初の案件で確かめておきたいのは、次の点です。

• 作るものの範囲（ページ数、バナーの種類、実装を含むか）
• 修正の回数と、方向性を変える場合の扱い
• 素材（写真、イラスト、文章）を誰が用意するか
• 成果物の著作権の扱いと、実績として公開してよいか
• 検収の方法と支払期日

よくある質問

デザインの実務経験が何年あればフリーランスになれますか？

年数で一律に決まるものではありません。案件側が見るのは、どの媒体を、どの工程から担ったかです。一つの媒体を通して作り切った経験を説明できるかを目安にし、足りない工程があれば会社員のうちに経験しておくと、独立後に入れる案件が広がります。

コーディングができないとフリーランスは難しいですか？

チームに参画する案件では、実装を別の担当者が行うことも多く、デザインに専念できる案件もあります。ただ、実装の仕組みを知らないと、組み込めないデザインを渡してしまうことがあります。自分で組まなくても、画面幅ごとの見え方や部品の使い回しを前提にデータを作れることは求められます。

前の会社で作ったサイトをポートフォリオに載せてもよいですか？

載せてよいかは、前の勤務先や取引先との約束によって違います。公開中のサイトでも、制作に関わったことを明かしてよいとは限りません。退職前に公開してよい範囲を確かめておくことをおすすめします。判断に迷う場合は、作品を見せずに、目的と自分の役割を文章で説明する方法もあります。