Discover
Web業界を知る
Creation Process
Webサイトの制作過程
ヒアリング
クライアントからサイトを作成する目的を伺います。また、サイトを制作することで改善したい困りごとや問題(サイトの作りが古くて見にくい・離脱率を抑えたいなど)をヒアリングで明確にすることで、サイトのコンセプトを決定します。
担当職種:Webディレクター
サイトの要件定義・企画
ヒアリング内容からサイトを構成するコンテンツを作ります。コンテンツの表示方法や内容をチームで分析し、必要に応じて掲載するコンテンツを強化・整理します。また、どのページからどのページへ移動するといったサイトの動きもこの時点で決まります。サイトのコンテンツが決定すると、企画したページを元に大まかにコンテンツを配置していく画面設計を行います。
担当職種:Webディレクター
ワイヤーフレーム・デザインカンプの作成
画面設計を元に、まずはワイヤーフレームと呼ばれるグレースケールを用いたデザインを作成することで、サイトのレイアウトを決めます。ワイヤーフレームが完成し、レイアウトが確定すると、実際のサイトで使用する色や写真を挿入して装飾したデザインカンプを作成します。
担当職種:Webデザイナー
コーディング・デバック作業
デザインカンプまで作成が終わるとコーディングが始まります。始めにHTMLでサイトの構成や文字入れを終えると、CSSでサイトの色や文字フォントの指定などの装飾を行います。サイトに動的な動きがある場合は、JavaScriptなどの言語を用いてシステムを組み込んでいきます。すべてのコーディング作業が終わると、実装したコードに問題がないか確認するデバックを行います。
担当職種:Webコーダー
公開
クライアントへ制作物を納品し、制作したサイトを公開します。
Job Introduction
目指せる職種
-

WEB DESIGNER
WEB デザイナー
企業や個人などのクライアントから依頼されたWebサイトのデザインを担当・制作する職種です。クライアントが思い描いているWebサイトを制作できるよう、使い勝手が良く魅力が伝わるようなデザインを制作します。
-

UI/UX DESIGNER
UI/UX デザイナー
Webサイトを制作する際に、登録ボタンの設置で「ボタンと認識してもらえるか」「操作はどちらの手を使うか」「押しやすいか」「何色がいいか」「ボタンの形は」といった、細かいところまでユーザー目線でデザインを決めていいくのがUI/UXデザイナーの仕事です。
-

FRONT END ENGINEER
フロントエンドエンジニア
WebサイトやWebサービスの「フロントエンド」を設計・構築するエンジニアを指します。 JavaScriptを使い動的な処理を行うなど、コーダーよりも幅広いスキルが求められます。
-

WEB CODER
WEB コーダー
Webデザイナーが制作したWebデザインを、Webブラウザ上で表示できるように構築する職種です。HTML・CSSなどといった言語を使用してソースコードを記述し、実際にインターネット上で見ることができるようにします。
-

WEB DIRECTOR
WEB ディレクター
クライアントと制作サイドの間に立ち、スケジュール管理やディレクションを行い全体を統括します。進行や品質に問題がないかチェックし、プロジェクトが円滑に進むように調整して、チームで目標の達成を目指します。
-

BACKEND ENGINEER
バックエンドエンジニア
Webサービスやアプリケーションの裏側で、サーバーサイドの業務全般を担当するITエンジニアです。システムの要件定義から設計、開発、運用まで幅広い業務に携わり、ユーザーには見えない部分で重要な役割を担っています。