ウェブサイト制作の流れ

FLOW

株式会社オフィスパパのサイト制作におけるワークフローをご紹介いたします。

 

1. オンライン相談のお申し込み
2. ご発注
3. 企画・設計
4. 素材調達
5. デザイン
6. フロントエンド実装
7. サイト公開

 

1. オンライン相談のお申し込み

弊社を初めてご利用いただく方は、当サイト内の「ご相談・見積依頼フォーム」からお申し込みいただきますようお願いいたします。案件の内容を確認させていただき、サイトを開設する目的やターゲット層、必要なコンテンツ、実装すべき機能、それらを実現するためのコストなどを洗い出したうえ、ご要望に沿った最適なプランをご提案いたします。ご相談いただいた時点では企画が漠然としていても、要件定義という作業を通じて方向性や優先順位が決まってくるかと思います。ご依頼前であっても対応可否や費用感、納期の目安の回答を含めた短時間のやりとりは無料ですので、お気軽にご利用ください。

 

2. ご発注

ご依頼の際は「見積書兼発注書」を作成いたしますので、署名捺印のうえファックスまたはメール添付にて弊社窓口までご返送ください。続いて制作業務の開始までに、次のご用意をお願いいたします。
1. 見積金額の50%の着手金(原則初回お取引きのみ)
2. 履歴事項全部証明書の控え(属性型JPドメイン取得手続きをご依頼の場合のみ)
3. 原稿(サイト内に掲載する文章)や写真、ロゴなど、ご支給いただけるデータ形式の素材
4. その他資料

 

3. 企画・設計

企画立案から参画させていただく場合、要件定義を終えてから情報収集を行い、競合他社サイト(リニューアルであれば既存サイトを含みます)の調査・分析を行ったうえで、サイト仕様を検討・策定していきます。時間もコストもそれなりにかかりますが、ご要望を実現するための必要な作業です。基本的な仕様がある程度固まった段階で、コンテンツをどのように提供するか導線設計を行い、内部SEO対策のことも含めて考え、サイトマップやディレクトリマップといった形で落とし込んでいきます。それがフロントエンドを実装する際の「設計書」としての役割を果たすものになります。

 

4. 素材調達

コンテンツ制作を開始する前に、必要な素材(原稿や写真、動画、ロゴなど)を調達いたします。お客様側ですべてまたは一部の素材をご用意いただける場合、その分のコストは削減できます。撮影やライティング、ストックフォト(商用利用が可能な写真やイラストなどの素材)の有無に関しては、お客様のご要望とご予算に応じてお選びいただけます。弊社スタッフによる短時間の写真撮影やリライト(原稿修正)は無料でご対応いたしますが、より品質を追求されるお客様には、フォトグラファーやライターなどの専門家を手配させていただきます。

 

5. デザイン

サイト全体の配色やフォントの設計を行い、各ページのレイアウトや組み合わせる素材、動きなどを考えながらデザインしていきます。サイト共通部分(ヘッダーやフッター、ナビゲーションなどが配置された状態)が仕上がりましたらこの時点でお客様にご確認いただきます。問題がないようでしたら各ページ内のコンテンツ制作、そして画面デザインへと進めていきます。PCとスマートフォンの両デバイスに対応させる場合はそれぞれの画面デザインを行います。すべてのデザインカンプ(完成見本)が仕上がりましたら「コーディング指示書」を作成して、フロントエンド実装の工程に入ります。

 

6. フロントエンド実装

デザインカンプとコーディング指示書の内容に基づいて、各ページをコーディング(HTMLやCSS、JavaScriptなどの言語を使ってソースコードを記述していく作業)していきます。サイトをPCとスマートフォンの両デバイスに対応させる場合、Googleが推奨している「レスポンシブウェブデザイン」という制作手法を用いた実装を行います。また、CMS(コンテンツ・マネジメント・システム)を導入する場合、前述した工程が終わってからCMS本体のインストール、各種設定、機能組み込みと作業を進めていきます。すべての実装が終わりましたら、アクセス制限をかけている環境下で不具合や誤記などがないか、お客様に動作検証を行っていただきます。

 

7. サイト公開

動作検証の結果、問題がないようでしたらサーバーへのアップロ-ドまたはデータファイル送付のいずれかの方法でサイトを納品させていただきます。なお、納品から3か月以内に不具合が発見された場合、外的要因(ブラウザやSNS連携サービスなどの仕様変更、弊社が管理しないCMSやサーバー側の問題など)によるものを除き、無料で修正いたします。また、サイトを開設する際の各種手続き(ドメインの取得やサーバーの契約・各種設定など)やメールアカウントの発行、検索エンジンへのクロール申請などの諸作業はすべてお任せいただけますのでご安心いただければと思います。