ご相談・お問い合わせこちら

ページトップへ

ホームページ 制作の流れ FLOW

UMBER

このページではホームページ制作の基本的な流れをご紹介いたします。
作業工程は作成サイトの規模や新規作成なのか、リニューアルなのか、システム開発をおこなうかどうかなどで若干変わりますが、このページではは弊社でもっとも多い一般的な制作の流れをご紹介させていただきます。

調査・設計 PHASE.1

01

ヒアリング

まずはお客様の現状やご要望についてしっかりとお伺いさせていただきます。何も決まっていない・よくわからない等の場合、お客様にとってベストな選択となるよう、共に考えさせていただきます。

02

事前調査

お客様のビジネスや業種・業界・競合やターゲットを理解するため、まずは市場調査をおこないます。また、ヒアリングによりお客様のポジションや現状についても把握いたします。

03

お見積り・ご提案

ヒアリング内容と調査・分析結果をもとに、弊社として最良と思う制作プランをご提案させていただきます。また、合わせて制作費用のお見積りもご提出いたします。
ヒアリング~お見積り・ご提案までは無料でおこなっておりますので、ご検討の際はお気軽にお問い合わせください。

04

契約締結・要件定義

お見積り・ご提案内容で合意がとれましたら契約を締結させていただきます。システム開発をおこなう場合、ご契約後に要件定義をおこない仕様を確定いたします。

デザイン PHASE.2

05

ドメインや
サーバー準備

新規でホームページを作成する場合、ドメインとサーバーをご契約いただく必要があります。ドメイン取得・サーバー契約は弊社でもサポートいたしますのでご安心ください。

06

調査・分析

事前調査の内容やヒアリング内容をもとに、弊社独自のマーケティング調査・分析を行います。主に顧客や競合を理解する市場調査や検索ニーズを理解するキーワード調査などをおこないます。

07

ワイヤーフレーム作成

ページごとにどのような内容が入るのかを明確にするワイヤーフレーム(画面レイアウト設計図)を作成いたします。ユーザーの遷移動線を明確にすることで使いやすく回遊されるサイト設計を目指します。
※作成せず、デザインから着手する場合もあります

08

デザイン作成

作成したワイヤーフレームをもとにデザイン画像を作成いたします。まずはサイト全体のデザインの方向性を明確にするため、トップページのデザインを完成させます。トップページ完成・確定後に下層ページに着手し順次完成させていきます。
デザイン確定しコーディングへ入った段階でのデザイン変更は難しくなるため、しっかりと作りこみをおこないます。

コーディング PHASE.3

09

HMTL
コーディング

確定したデザインをWebページとして閲覧できるようHTMLへコーディングいたします。ウェブサイトとして見やすく使いやすいページになるよう、デザイン画像では表現できない細部にこだわって作成いたします。
また、この段階でアニメーションも実装いたします。

10

Wordpress実装、
システム開発

管理画面から更新がおこなえるWordpress(ワードプレス)で作成する場合、コーディングしたHTMLデータをWordpressに実装いたします。また、オリジナルCMSなどシステム開発をおこなう場合も同様にシステム化をおこないます。

11

動作テスト

Wordpress(ワードプレス)やオリジナルCMS開発の場合、管理画面からの投稿や削除などの作業が問題なくおこなえるか動作テストを繰り返し検証をおこないます。また、リンク切れが無いかなどの確認もおこないます。

公開・運用 PHASE.4

12

リリース

本番環境であるサーバーにアップロードし公開作業をおこないます。また、本番環境でも問題なく動作するかの動作テストや公開漏れが無いかのチェックをおこないます。

13

検索エンジン登録

新規ホームページの場合、公開しただけでは検索一覧に表示されません
検索一覧に表示されるには、Googleの検索エンジンサーバーに登録(Googleインデックス)されている必要があります。登録するためにはGoogleアカウントを取得し、Google Search Consoleからリクエストするか自然に登録されるのを待つ必要があります。
弊社ではご要望があればGoogleインデックスのリクエストまでサポートいたします。

公開後の保守・運用について

ホームページは公開してからがスタートです。

訪問数を増やす施策として、集客のためのSEOやWeb広告やSNSとの連動。訪問後の回遊性やお問い合わせ率などを向上させるためのページ改善やキャンペーン企画の実施。コンテンツ拡大のためのコラムやお客様の声、インタビュー記事の作成・更新。企業としてウェブ領域全体を一元化するための各チャネルとの連動。

弊社では、Webマーケティング支援を通して継続的な運用支援をおこなっています。
ご希望がございましたらお気軽にご相談ください。

mber
mber