Webデザイナーってどんなことするの?

Webデザイン

最近、広告とかでよく見るWebデザイナーのスクール案内。ちょっと気になっているんだけど、実際はどんなお仕事なんだろう?

場所を選ばずパソコン1つで出来る。子供との時間を優先しながら働けるとママにも人気のWebデザイナー。でもいざお仕事にした場合、どんな事を学んで、どんな活躍の場があるのか気になるところ!
そこで今回は私の学びや活動をもとにお話しいたします。

Webデザイナーとは?

わかりやすくお伝えすると、個人や企業などクライアントの要望に沿って、Webサイト(ホームページ)やWeb広告の画像をデザイン・制作する人の事です。

《働き方》

企業や制作会社に就職する。もしくは、業務委託などお仕事を受注してフリーランスとして活動するのが一般的です。

tomomi
tomomi

ちなみに私は、Webデザインスクールを受講後、すぐにフリーランスとして活動を始めたので、ここからはフリーランス視点でお話ししていきますね。

お仕事の内容

代表的なものは

  • web画像の制作
  • ランディングページの製作
  • Webサイトの製作

などです。

《web画像》

サイトや広告・商品など、Web上で使う画像の事です。
制作にはPhotoshopやIllustratorといった、デザインソフトを使用します。

tomomi
tomomi

Photoshopは写真加工、Illustratorはチラシなど紙媒体の制作に向いているデザインソフトです。
私は、ご要望があれば名刺やペーパーアイテムも制作します。

《ランディングページ》

購入や申し込みに繋げるための、商品・サービスに特化したページの事です。

《Webサイト》

会社や店舗のホームページ・オンラインショップ・メディアサイトなど、種類は色々あります。

ん~色々あるんですね・・・

そうですね(^^)
最初は画像制作など出来る事からはじめて、学びながらお仕事の幅を広げています。
フリーランスなら、ランディングページ専門など、1つのジャンルに絞って活動している人もいますよ。

tomomi
tomomi

なるほど~

サイト製作の主な流れ

サイトを作るためには色んな工程をたどるのですが、ここではどんな流れでWebサイトが作られるのか
ご紹介します。

1企画・設計

  • Webサイトのコンセプト
  • ターゲット層
  • サイトのゴール

サイトに掲載する商品やサービスのコンセプトを明確にして、訪れるユーザーに対して、どのように目的を達成してもうらかを検討しながら、全体のページ構成「サイトマップ」を設計します。

2基本レイアウトの作成

  • 掲載する情報のピックアップと整理
  • 情報の配置決め
  • ワイヤーフレームの作成

サイトに掲載するコンテンツが決まったら、大まかな骨組み「ワイヤーフレーム」を作成します。

ワイヤーフレームとは
「何を・どこに・どのように」表示させるのかを決めるための設計図です。

3デザイン案・画像素材の作成

  • 使用する画像の制作
  • 色やフォントを指定

ワイヤーフレームに収まるように「デザインカンプ」を作成します。

デザインカンプとは
ワイヤーフレームに具体的な色や画像の指定をして、完成イメージを作成することです。

4コーディング

コーディングとは
プラウザ上にデザインしたものを反映させるため、言語を使ってコードを入力していく作業のことです。

  • HTML
  • CSS

WebページはHTMLという言語で内容を作成し、CSSという言語でデザインを行います。

HTMLとは
この言語を使ってサイトの内容を書いていくことで、プラウザ上に表示させる事ができます。
CSSとは
表示させた内容に、色や画像の大きさ、レイアウトなど、サイトの装飾を行う事ができます。

だんだんむずかしくなってきた・・・

たしかに、ちょっと聞きなれない言葉ですよね(^^;
でも今は、テンプレートを使ったり、コードを書かなくてもサイトが作れるツールがあるので、それを活用するのも良いですね。

ただ、見栄えをカスタマイズしたり、ツールで製作する際もコーディングのルールが関わってくるので、ある程度の理解は必要だと思います。

tomomi
tomomi

あわせてあると良いスキル

私自身が活動をしていて、あわせてあると活動の幅が広がると思うスキルもいくつかご紹介いたします。

  • SNS
  • ライティング
  • マーケティング

《SNS》

今はSNSを利用した認知活動も主流になっています。
特にインスタグラムは画像とも相性が良いですし、中にはSNS運用代行業と併用して活動しているWebデザイナーさんもいらっしゃいます。

《ライティング》

商品・サービスに特化したランディングページでは、ユーザーを惹きつけるようなキャッチコピーや文章力は必須です。
製作だけではなく、こういった提案もできると、お願いしたいクライアントも多いと思います。

《マーケティング》

Webデザイナーは、いわば集客のためのツールを製作するお仕事です。
サイトへのアクセスのために、どのような導線を作り上げて行けば良いのか、総体的に考えられるスキルがあると、フリーランスのWebデザイナーとして最強なのではないかと思います。

まとめ

いかがでしたか?
Webデザイナーはたくさん学ぶ事もありますが、このオンライン時代には、とても需要のあるお仕事だと感じます。
又、お仕事を受けるだけではなく、自分自身で何かを始めたい時に、すぐに形を作っていけるスキルがあるのはとても魅力的です。

tomomi-design提供サービス

  1. この記事へのコメントはありません。