Webサイト制作の流れ

伴走のステップ

「Webサイトを自社の力に変える」ために、伽藍堂がどのようなプロセスで伴走するかをご紹介します。 お客様の目的や予算に合わせ、【フルオーダー制作】【WebSapo】で、サポートの深さを最適化しています。

企画・要件定義フェーズ

ヒアリング・調査分析(戦略立案)

事業の強み、ターゲット、目指すべきゴールを明確にします。
サイト制作の「設計図の作成」にあたる最も重要な初期段階です。

  • 【フルオーダー】:社長の想いや現場の凄さを掘り起こす、深いヒアリングを実施。競合調査を含めた独自の戦略を一から練り上げます。
  • 【WebSapo】:標準的なヒアリングシートをベースに、必要な情報を効率的に整理。早く・確実にスタートを切るためのポイントを絞り込みます。
ステップ概要
目的・ゴールの明確化サイトが達成すべき最終目標(KGI/KPI)を設定します。
ターゲットユーザーの特定サイトの主要な利用者(ペルソナ)を設定し、ニーズを分析します。
サイトマップ(構成図)の作成サイト全体のページ構成と階層構造を決定します。
要件定義書の作成必要な機能、技術環境、予算、スケジュールなどの要件を公式文書としてまとめます。

2. 設計フェーズ

情報設計(サイト構成案)

どのページに何を載せ、どう誘導するか、サイトの「設計図」を作ります。

見た目と使いやすさをデザインする

要件定義に基づき、サイトの構造、操作性、ビジュアルを具体化します。

  • 【フルオーダー】:ターゲットの心理に合わせた唯一無二の導線を設計。成果を最大化するための専用コンテンツを構築します。
  • 【WebSapo】:成果の出やすい「実証済み」の基本構成をベースに、御社の情報を当てはめます。迷いをなくし、使いやすさを担保します。
ステップ概要
ワイヤーフレームの作成各ページのコンテンツ配置や導線を決める骨組みを作成します。
デザインコンセプトの決定サイトのブランドイメージに合ったカラー、フォントなどのビジュアルルールを設定します。
デザインカンプの作成サイトの完成イメージとなるデザイン画像(モックアップ)を作成します。
デザインガイドラインの作成コーディングに必要なボタン、余白などの統一規格を文書化します。

3. 制作・開発フェーズ

デザイン制作

設計図を形にする

設計書を基に、コードを書き、システムを構築し、コンテンツを投入する段階です。
ブランドイメージを視覚化し、「信頼感」と「らしさ」が伝わる外見を作ります。

  • 【フルオーダー】:完全オリジナルデザイン。細部までこだわり抜き、他社には真似できないブランドを確立します。
  • 【WebSapo】:洗練された高品質な基本デザインをベースに。写真と色味の調整で、清潔感のある「御社らしい」表情を作ります。

構築・コーディング(共通ステップ)

WordPressテーマ(gSkeleton / gColors)を用い、スマホ・PC両方で快適に動くよう実装します。

  • 【フルオーダー】【WebSapo】共通:どちらのプランでも、伽藍堂基準の「壊れにくく、自分たちで更新しやすい」高品質なエンジニアリングを行います。
ステップ概要
HTML/CSSコーディングデザインカンプに基づき、PC版・スマホ版のウェブページを構築します。
システムの組み込み・開発CMS、フォーム、データベース連携など、必要なプログラムを実装します。
コンテンツの流し込み確定したテキストや画像などのコンテンツを、構築されたページに投入します。

操作レクチャー・テスト(共通ステップ)

公開前に動作を確認し、自分たちで発信・更新できるよう操作方法をレクチャーします。

  • 【フルオーダー】【WebSapo】共通:専用マニュアルの提供やオンラインでの講習を実施。「使いこなせる」状態になるまでサポートします。
ステップ概要
機能テスト(動作検証)サイト内のすべての機能(フォーム、リンクなど)が正しく動作するかを確認します。
クロスブラウザ・デバイスチェック異なるブラウザやデバイスで表示崩れや操作性の問題がないかを検証します。
内部SEO・解析タグの最終確認SEO設定やアクセス解析タグが正しく設置されているかをチェックします。

4. 公開・運用サポートフェーズ

公開

公開はスタートです。事業の成長に合わせた継続的な支援を行います。
制作物が要件通りに機能するかを検証し、サイトを一般に公開します。

ステップ概要
サイト公開(ローンチ)本番サーバーへファイルを移行し、サイトを一般公開します。

運用・改善

サイトを育て続ける

公開後、サイトの価値を維持し、目標達成に向けて継続的に改善を行います。

  • 【フルオーダー】:アクセス解析に基づく改善提案や、高度な機能拡張など、中長期的な伴走支援を行います。
  • 【WebSapo】:まずは「無理なく、自分たちの言葉で発信し続ける」習慣化を重点的にサポートします。
ステップ概要
保守・システムの維持管理サーバー管理、CMSやプラグインのアップデートを行い、セキュリティと安定稼働を保ちます。
コンテンツの更新・追加サイトの鮮度を保つため、情報や記事を継続的に追加・更新します。
アクセス解析による効果測定ツールを用いてユーザー行動やコンバージョン率などのデータを定期的に分析します。
改善施策の実施と効果検証解析結果に基づき改善施策を実行し、その効果を検証するPDCAサイクルを回します。

どちらの「流れ」が最適か迷っている方へ

「1から一緒に戦略を考え抜いてほしい」ならフルオーダー、「まずは確かな型で早く始めたい」ならWebSapoがおすすめです。

どちらが今の事業フェーズに合っているか、お話を伺いながらアドバイスいたします。

相談したからといって、強引な営業をすることはありませんのでご安心ください。

※主に茨城県・近隣地域対応(オンライン可)