フリーランスが営業なしで受注する方法5つ

Webデザイナーの現実は酷すぎ?つけるべきスキルはこれ【5分】

Webデザイナーとして会社員になっても給与が低くブラック労働になる、フリーランスになってもWebデザインの単価は低いのでは?と現実が不安な人向けの記事です。

 

Webデザイナーの現実が酷すぎるなら?

企画スキルをつけて差別化すべき

Webデザインの企画スキルとは、Webサイトのデザインの前の段階でクライアントから聞いた情報をもとに情報設計をすることです。

Webサイト制作の企画〜設計の段階で必要となることで、これを行なった後にデザイナーがデザイン、コーダーがコーディングをしていきます。

現在フリーランスである私が受注する案件はほとんどクライアントからの直案件で、企画、設計、デザイン、コーディングまで1人で行うことで

他と差別化したり効率的に案件を回すことが出来ています。

 

企画スキルをつけるとなぜ良いのか?

Webサイトの企画とは、Webサイトの方向性を決める指針であるため、WebサイトでCVが上がるか否かを大きく貢献することができます。

それと合わせて、本来ディレクターが行う領域(企画、設計)も行うことになるため、単価UPに繋がります。

Webサイトの情報設計を行うには、制作会社から受注するより、クライアントから直で案件を受注する方が任せてもらえる可能性が高いです。

 

Webサイトの企画を行う方法

1.現状分析・原因・解決策考案

Webサイトの現状分析・原因・解決策考案の流れ

  1. Webサイトの問題分析
  2. 原因分析
  3. 解決策考案

合わせて行っておきたいこと

  • ユーザーを具体化する(ユーザーをペルソナ化する)
  • ユーザーはWebサイトを見てどんな感動を得られるのか
  • ユーザーにどんな行動を取らせるのか(どのようにサイトの流入し、CV(お問い合わせ、登録)するのか)
  • ユーザーに狙った行動を取らせるために何をするのか(どんな情報を与えるのか)

など

 

2.構造設計をする

構造設計の流れ

  1. 必要なコンテンツの洗い出し
  2. コンテンツに優先順位をつける
  3. コンテンツの見せ方を決める

サイトマップ・ディレクトリマップで情報を整理する

3.で情報を整理するのに必要となるのが、サイトマップ・ディレクトリマップです。入れたいコンテンツをどこに入れるか、サイトの構造を決めます。
サイトマップの例は以下です。(「クラウドベースのワイヤーフレーム作成ツール Caccoから引用」)

ワイヤーフレーム設計で情報の見せ方を決める

次はサイトにどのようにコンテンツを配置していくかワイアフレームを設計します。

ワイアフレームの例は以下です。(「クラウドベースのワイヤーフレーム作成ツール Caccoから引用」)

 

Webサイトの企画で合わせて意識すると良いこととしてユーザー体験を考えることが挙げられます。以下で紹介しているので参考にしてください。

ニャンニャン

UIUXデザインの手法を5分で解説!実務で使う方法も紹介