BLOG株式会社ラクーンホールディングスのエンジニア/デザイナーから技術情報をはじめ、世の中のためになることや社内のことなどを発信してます。~デザイン制作部編デザインこんにちは。WEBマスターチーム)のみながわです。今回はテクニカルな内容から少し離れ、デザイン制作部の仕事内容を紹介させていただきます。◆デザイン制作部とは?目的に応じて、何を、どこに、どのように配置するべきかを考え、ページデザインとHTML/CSSコーディングを行う部門です。・コーディング品質の向上を担っています。◆作業フロー1.要望があがる要望箱という社内掲示板に、他の部署や同じ部署のメンバーから実現したいことが書かれます。具体的な実現手段が指定されているケースもあれば、大雑把に目的だけが示されている場合もあります。制作担当者とですり合わせます。依頼内容に応じて、ドメイン責任者による承認ステップを踏みます。法務に抵触する内容がないか、法務担当への確認も、このタイミングで行います。印刷物のデザインやバナー、新規ページ、メールフォームなど対応内容は様々。コーディングはHTMLファイルで行うこともあれば、JSPファイルで行うこともあります。メールフォームを作る際は、社内に用意されている、汎用的に使えるメールフォームのシステムを使い、複雑な仕様でなければ、開発者なしで制作できるようになっています。5.最終チェックデザインはそれぞれの好みに左右されることが多いため、サイト全体から見たそのページの印象、統一感などを含め、第三者目線での判断を入れます。これは各ドメインの最終チェック者が担当します。6.依頼者確認できあがったものを依頼者に確認してもらいます。7.QA部内で品質をチェックをします。QA担当者は、制作物に問題がないかを専用のチェックシートに沿って確認します。・HTMLバリデーション・JavaScriptの動作などメンバーごとに固有のローカルIPでページを確認できるようになっており、Hostsファイルを書き換えて確認しています。システムが絡む案件の場合は、技術戦略部と協力し、品質を担保することもあります。◆活用しているツールなど部内Wiki作業の引継ぎや共有がスムーズに行えるよう、作業マニュアルをWikiで管理しています。UIガイドラインデザイン統一化のためにドメインごとにUIガイドラインを用意しています。HTMLファイルで作成しており、ソースのコピペができるようになっているため、作業の効率化にも役立っています。PCブラウザ互換のチェックをするために利用しています。Analytics制作したページの効果を検証したり、改善提案を行う際の調査に活用しています。Attributes」・・・Firefox上からaltの内容を確認する「ColorZilla」・・・表示しているページ内から色情報を取得する「Firesizer」・・・ウィンドウの表示サイズの切り替えを行う※スペースの都合上、詳細は割愛させていただきました。「活用しているツールなど」については、後日また改めてご紹介いたします!◆まとめラクーンでは企画~リリースまでにいくつものチェックがあります。「品質を最優先して案件に臨める環境」が整っていると感じています。以上、「デザイン制作部の仕事内容について」でした。