お問い合わせ
  1. トップ
  2. 制作の流れ

FLOW制作の流れ

制作の流れ

お問い合わせから公開後の改善まで。
9つのステップで、目標に向けたホームページをつくります。

本棚のある一角で話す三人のイメージ

CONSULTATIONご相談フェーズ

  1. STEP01

    お問い合わせ

    お見積りの依頼・ご相談ともに無料です。
    お電話・ホームページから、まずはお気軽にお問い合わせください。

    大切なのは、ホームページで成し遂げたい目標を決めること。
    その後はCOSOも一緒に考えますので、「どんなホームページが良いかはまだイメージできていない」という段階でも大歓迎です。

  2. STEP02

    ヒアリング・見積・企画提案

    東京近隣エリアであれば、見積前に無料ヒアリングを行っています。
    直接訪問し、ホームページ制作(またはリニューアル)を検討されている背景やご予算などをうかがいながら、ホームページの役割やターゲット層から整理します。

    事前にヒアリングシートもご用意しますので、「依頼してみたら全然意図が伝わっていなかった」という心配もありません。

DESIGN設計・デザイン・コンテンツ制作フェーズ

  1. STEP03

    ワイヤーフレーム制作

    お客様が最初に目にする成果物は、ホームページの骨組みであるワイヤーフレームです。
    どんなコンテンツ(原稿や画像・動画)をどう配置すれば分かりやすいか。
    デザイン的な見せ方はいったん除いて、ページごとの役割を決めるのがこのステップの目的です。

    「とりあえずデザインを見てから考えたい」というニーズも理解していますが、目標に向けた制作を掲げるCOSOは、必ずワイヤーフレーム制作のステップを設けています。

  2. STEP04

    デザイン制作

    効果につながる骨組みができたら、いよいよデザインを制作します。
    通常はいきなり全ページのデザインを作るのではなく、トップページと下層ページの代表数ページを作成し、方向性を共有できてから、他のページのデザインに着手します。

    このステップでは、ワイヤーフレームで見えた役割を、より効果的に見せることが大切です。

  3. STEP05

    原稿執筆・素材準備

    デザインの制作と並行して、ワイヤーフレームで見えてきた「必要な原稿・必要な写真」などを用意します。
    写真は、お客様にご用意いただいたものや、当社契約の素材写真を活用します。

    ※写真や動画の仕上がりに合わせてデザインを組む必要があるケースもあり、順番が前後する場合があります。

DEVELOPMENTデモサイト構築フェーズ

  1. STEP06

    コーディング

    まずはデモ環境を用意し、HTML5+CSS3で静的マークアップ(コーディング)を行います。
    SEOを考慮し、検索エンジンにコンテンツの意味が伝わりやすいよう、ホームページの土台を構築するステップです。

    ページ上の遷移や動きの構築とともに、SEOを考慮した構造化マークアップもこの段階で組み込みます。

  2. STEP07

    CMS構築

    WordPressなどのCMSを利用する場合、コーディングしたファイルをシステムと連携させる作業(テーマ化)を行い、専用の管理画面からコンテンツを更新できるようにカスタマイズします。

    納品時には更新マニュアルもご用意しますので、不慣れな方でも簡単に更新いただけます。

LAUNCH公開・運用フェーズ

  1. STEP08

    公開・統計・SEO設定

    デモ環境でのチェックが完了次第、本番環境でホームページを公開します。
    また、プロジェクトの内容に応じて、Googleアナリティクス、Googleビジネスプロフィール、広告ツールなど、ホームページのパフォーマンスを観察するための環境準備もあわせて行います。

  2. STEP09

    解析・改善

    公開後はアクセス統計を開始し、数か月に一度、経過確認と今後の戦略をすり合わせるための訪問ミーティングを行います。
    その後は統計結果や実際の成果・反響などを踏まえながら、目標達成に向けて継続的にメンテナンスを続けます。

    ※公開後の統計・改善提案サポートは、Webコンサルティング契約をご依頼いただくお客様が対象です。

制作料金を見るよくあるご質問

Contactお問い合わせ

次の一歩を、
一緒につくりませんか。

新しいサイトのこと。
今のサイトのこと。
システムやデザインのこと。
お問い合わせ・お見積りのご相談は無料です。