WEBデザイナーとエンジニアの違い、フロントエンドエンジニアはどっち？

牛山くんと猫田さんは、今日も雑談ばかりしています。

そんな話をしているとキャニット先生がやってきました。

簡単にわかる『Webデザイナー』の仕事内容

簡単にいうと……Webデザイナーは、利用者から“見える部分”を作成します。たとえば、サイトの画面や、Webアプリケーションの入力画面などです。主にチームで作業を進めることがほとんどですね。

WEBデザイナーの仕事の流れ①：構成とレイアウトの検討

クライアントからWeb制作を依頼されると、Webサイトの大まかなレイアウト決定からスタートします。基本的な構成や全体のボリュームやWebサイト全体のイメージを決定します。見た目の美しさを考慮することも大切ですが、Webデザインの場合は、操作性も重要になってきます。

ユーザの操作性を考慮して設計する必要があるので、UI（ユーザーインターフェース）に関する知識も求められます。

WEBデザイナーの仕事の流れ②：サイトデザインの作成

サイトの構成やレイアウトの概要が決まれば、次はWebサイトの色合いや装飾決めを行います。”Illustrator”や“Photoshop”などのソフトを用いて、Webサイトの配色やロゴ・アイコンの配置などを決めます。最終的には、デザインカンプと呼ばれるWebページのデザインデータを作成します。

WEBデザイナーの仕事の流れ③：コーディング

クライアントからレイアウトの合意が得られた後は、Webサイトの構築を始めていきます。HTML、CSS、JavaScriptなどの構成言語を使用してコーディングです。ユーザーの使いやすさや見た目の美しさも意識しつつ、事前に決めた大まかなレイアウトに沿ってロゴやアイコンなどのデザインを行います。

簡単にわかる『Webエンジニア』の仕事内容

Webエンジニアの仕事は、WEBデザイナーと違って主に利用者からは“見えない部分”です。を担当します。プログラムの開発からWebサーバー、データベースといった環境整備まで幅広く担当します。会社によってはシステム開発だけではなく、運営や管理までをトータルで行う場合もあるでしょう。

WEBエンジニアは見えないところで大きな仕事をしている

ECサイトのソフトウェアなども、普段私たちが目にする部分のフロントサイド部分を作るだけでは動作しないため、バックサイドのエンジニアは、サービス提供を支えるうえで重要な役割を担っています。

顧客からの要望や希望をもとに、どういったハードウェア、OS、そしてサーバーの機能を展開するのが必要なのか選択して実装していきます。通常、そのサーバーはDBと繋がっていることが多いので、ストレージ装置の選定も含めてDBの構築を行っていきます。WEBサイトのカットオーバー後は、リソース管理を行い、必要に応じてメモリやストレージといった資源の追加を行ったりもします。

Webデザイナー、Webエンジニアに必要なスキル

Webデザイナーに必要なスキル

Webエンジニアに必要なスキル

WEBデザインとWEBエンジニアの違い：まとめ