1. サイト制作の進め方

Web制作というと「どのくらいの期間でできますか？」「どんな流れですか？」という質問を多くいただきます。

GAMADASでは、できるだけシンプルでわかりやすく、最短で“形になる”進め方を採用しています。

複雑な稟議や長い資料をやり取りするより、初回ヒアリングで方向を決めて、実際のデザインを見ながら進めていくのが基本のスタイルです。

この記事では、お問い合わせをいただいてからサイト公開までの流れを、紹介します。

初回ヒアリング（無料相談）

契約前にまずは、オンラインで初回ヒアリングを行います。

目的は「どんなサイトを作りたいか」ではなく、「なぜ作るのか」を一緒に整理すること。

ヒアリングでは以下のような内容をざっくり伺います。

• 目的（問い合わせ・採用・信頼構築など）

• 参考にしているデザインや競合サイト

• どのくらいの納期・ボリュームを想定しているか

ここで方向性を共有した上で、アウトプットイメージ（デザインの方向）を軽く提案します。

「こういうトーンでいきましょう」という大枠をこの段階で合わせていくことが多いです。

関連記事 : 1.1 初回ヒアリング（無料相談）

関連記事 : 1.2プロジェクト設計

ご提案

ヒアリング後、すぐにデザインの方向性を可視化します。

GAMADASでは、口頭の説明よりも「イメージを見てもらう」ことを重視しています。

具体的には、参考サイトやブランド資料を踏まえながら、初回段階で1〜2案ほどのビジュアル提案（トーン＆マナー）を提示。

この段階では完成デザインではなく、「方向性のサンプル」を見せる形です。

たとえば、

• シンプルで清潔感を出したいのか

• 動きを重視して印象を残したいのか

• 写真中心で雰囲気を伝えたいのか

といった軸を早い段階で擦り合わせます。

このプロセスを経ることで、「想像していたデザインと違った」というズレを防ぎ、見積もり後の修正や方向転換を最小限に抑えられます。

関連記事 : 1.3 デザイン設計

お見積もり・契約

提案内容を踏まえた正式な見積もりを提示し、納期・進行フローを共有。

同意後に電子契約を締結し、着手金50%のご入金を確認して制作開始。

※電子契約はマネーフォワード クラウド契約を使用します。お客様のメールアドレスに送付するリンクより、署名・電子押印（クリックするだけで完了）で締結が可能です。

ワイヤフレーム作成

契約が完了したら、まず最初に行うのがワイヤーフレーム（構成設計）の作成です。

ワイヤーフレームとは、ページの「設計図」のようなもので、どんな情報をどの順番で見せるか、どこにボタンを置くかなどを整理する工程です。

GAMADASでは、ここでデザインを起こす前に、構成の段階で“成果の出る導線”を組み立てることを大切にしています。

この段階では、「見た目」よりも「導線」重視。

デザイン前に情報の整理ができていると、後の修正がほとんど発生しません。

また、ワイヤフレームの作成には「Figma」というリアルタイム共同編集が可能なツールを使用します。

共有するリンクから自由にコメントもできるため、お客様側のワイヤフレームの確認作業もスムーズです。

デザイン制作

デザインが確定したら、すぐにStudioで制作および実装を開始します。

Studio上で直接構築を行うことで、

• 修正がその場で反映できる

• レスポンシブ対応を同時に進められる

• CMS（お知らせ・実績など）も同時設定できる

  というスピード感を実現しています。

アニメーションやスクロール効果などもこの段階で調整し、公開前のプレビューで実際の動きを確認していただきます。

※従来であればデザイン作成→実装（コーディング）という流れでしたが、Studioはコーディングを必要としないノーコード実装なので、従来のサイト制作における工程を短縮することができます。

修正と確認

実装が進んでくると、実際の動きや余白を見ながら細かい調整を行います。

Studioは反映がリアルタイムなので、

• 見出しの文言変更

• セクションの順番調整

• 余白や動きの微調整

  といったフィードバックを、その場で反映していくスタイルです。

やり取りはメールやチャットツールで完結することが多く、「1回フィードバックを出す → 翌日には反映完了」くらいのテンポで進みます。

納期までの間に“修正依頼”というより、一緒にブラッシュアップしていく感覚を大切にしています。

クライアントとチームが同じ画面を見ながら、完成度を整えていく。

このスピードと透明性が、GAMADASの価値です。

納品・公開

制作が完了したら、最終チェックを行い、公開作業に進みます。

この段階では、見た目や動作だけでなく、ユーザーが実際に触れた時の体験を確認します。

フォーム送信のテスト、スマホでの表示、ページ速度など、小さな部分までひとつずつ最終確認。

「完成」ではなく、“安心して公開できる状態”に整える意識です。

公開後には記事更新のマニュアルやオンラインでの操作説明も必要に応じて行っております。

この時点で、更新・修正・追加ページの作成までご自身で行える状態になっていますが、ご要望があればスポットで修正作業の対応なども可能です。