1. 制作内容

　都内ウェブ制作会社様より「社史制作会社のLPページ」コーディング制作のご依頼いただきました。
　定期的にご依頼をいただいているクライアント様で、コーポレートサイトなどではデザイン制作前の打ち合わせからご依頼をいただくこともあります。

2.提供いただいたもの

　デザインデータ　Illustrator（ai)　
　画像・テキスト
　サイトマップ（トップページ・テキストページ・お問い合わせ）

3.使用技術とツール

【コーディング】　HTML CSS(Scss）JavaScript Webpack
【デザイン共有】　Adobe XD Illustrator Photoshop
【テストツール】　各種

4.制作工程

　①打ち合わせ（リモート）
　　サイトの目的やデザインコンセプト・ご要望などをお聞きします。
　　例：デザインと公式サイトのテイストを揃えて欲しいとご要望。
　②制作準備　1日
　　素材やレイアウトや機能を確認
　　例：公式サイトのフォント・カラー・レイアウトを把握。
　　　　デザインテイストの変更分をXDで作成しクライアント様に提案しました。
　③コーディング　1日
　　制作と別途料金が発生しない範囲で機能などを追加
　　例：PDF資料のダウンロードと新しいウインドウを開くJavaScript追加しました。
　④テスト　2日
　　テストサイトで実機確認・テストツールでの改善・修正・画像圧縮など
　　例：部分的に読み込まれたページをユーザーに表示することを避けるために、ローディング画面を追加しました。
　⑤初回のご確認　
　　表示確認・追加内容や改善の打ち合わせ
　　例：追加した部分のデザイン確認や変更箇所を重点的に確認します。
　⑥修正　3日
　　デザイン修正や運用後の使用感など
　　例：公開後のメンテナンスしやすいようにファイル整理やコメント追記
　⑦納品　　

5.制作を終えて

　コーディングの日数を早めに終わらせることで修正やサイトの品質向上に時間をかけられるようにしました。
　デザイナーの方には実際のサイト表示をご覧いただきながら、ブラッシュアップできるので助かりますと言われ、嬉しく感じました。