top of page
制作の流れ 1

制作の流れ

流れ 1

PRODUCT

集客に強いWeb制作設計
企画〜公開までの8ステップ

DESIGN

初回のヒアリングからホームページ公開まで、専任スタッフが

しっかりサポートします。対面でもオンラインでも対応可能なので、

忙しい方や遠方の方もご安心ください。

 

「何を準備すればいいか分からない…」という方でも、

ひとつひとつ一緒に進めていきます。

01

目的設定

01

まずは“なぜホームページを作るのか”を明確にします。

集客をしたいのか、ブランドを伝えたいのか、求人に使いたいのか。目的によってホームページの内容や設計は大きく変わります。

 

やるばいWEBでは、あなたのビジネスの現状や今後の展望をヒアリングし、「ホームページの役割」を一緒に整理するところから始めます。

1 12
2 35

02

ペルソナ設定

どんなお客様に、何を届けたいか?を具体化します。

「誰に来てほしいのか」を考えることが、集客の第一歩。性別・年齢・ライフスタイル・悩み
・行動傾向など、理想の来店者像を明確にすることで、言葉の選び方や見せ方が変わります。


  ペルソナを定めることで、ホームページの訴求力がグッと高まります。

01

どんなお客様に、
何を届けたいか?を具体化します。

02

「誰に来てほしいのか」を考えることが、集客の第一歩。性別・年齢・ライフスタイル・悩み・行動傾向など、理想の来店者像を明確にすることで、言葉の選び方や見せ方が変わります。

 

  ペルソナを定めることで、ホームページの訴求力がグッと高まります。

ペルソナ設定

1 12
2 35

01

「やりたいこと」と「必要なこと」を
すり合わせる設計図。

03

どんなページを作るのか、どんな機能が必要なのか、写真や文章はどうするか…など、具体的な要望を整理・共有します。

 

この提案書を元に、スムーズな制作が進みます。迷っていても大丈夫。ヒアリングで一緒に決めていきましょう。

提案書作成

3 9
2 35

どんなお客様に、何を届けたいか?を具体化します。

「誰に来てほしいのか」を考えることが、集客の第一歩。性別・年齢・ライフスタイル・悩み
・行動傾向など、理想の来店者像を明確にすることで、言葉の選び方や見せ方が変わります。
  ペルソナを定めることで、ホームページの訴求力がグッと高まります。

02

ペルソナ設定

01

ホームページの住所や設計方法を
決める準備段階です。

04

「◯◯.com」などのドメイン取得、プラン(ページ数・更新内容など)の選定を行います。  

 

運用後の維持管理も含めて、無理なく使える形をご提案します。

ドメイン・プラン

4 1

01

まずは“設計図”としてレイアウトを
組み立てます。

05

「どこに何を書くか」「ユーザーがどこをクリックするか」などを整理し、構成を視覚化。

 

ページ  の流れを確認することで、情報の過不足や導線の弱さなどもこの段階で把握できます。

ワイヤーフレーム

5 1
2 35

どんなお客様に、何を届けたいか?を具体化します。

「誰に来てほしいのか」を考えることが、集客の第一歩。性別・年齢・ライフスタイル・悩み
・行動傾向など、理想の来店者像を明確にすることで、言葉の選び方や見せ方が変わります。
  ペルソナを定めることで、ホームページの訴求力がグッと高まります。

02

ペルソナ設定

01

いよいよ“見た目”のデザインを
形にしていきます。

06

色・写真・余白のバランスなど、見やすさ・伝わりやすさ・オシャレ感を意識しながら、世界観をビジュアル化します。

 

やるばいWEBでは、あなたらしさを大切にしたデザインをご提案します。

​デザインカンプ

6 2

01

完成に向けて、丁寧に
調整していきます。

07

「どこに何を書くか」「ユーザーがどこをクリックするか」などを整理し、構成を視覚化。

 

ページ  の流れを確認することで、情報の過不足や導線の弱さなどもこの段階で把握できます。

レビュー・修正

5 1
2 35

どんなお客様に、何を届けたいか?を具体化します。

「誰に来てほしいのか」を考えることが、集客の第一歩。性別・年齢・ライフスタイル・悩み
・行動傾向など、理想の来店者像を明確にすることで、言葉の選び方や見せ方が変わります。
  ペルソナを定めることで、ホームページの訴求力がグッと高まります。

02

ペルソナ設定

01

ホームページとして“動く状態”に
仕上げます。

08

FigmaやWixStudioなどのノーコードツールを用いて、デザインをWEB上に反映していきます。

 

スマホ・タブレット・PCのどのデバイスでも見やすい“レスポンシブ設計”で構築します。

実装

8 1

01

ついにあなたのホームページが
世の中に公開されます。

09

導線チェックを行い、問題がないかを確認してから正式公開。

 

公開後の更新・修正・集客相談も引き続きサポートしますので、安心して運用を始められます。

公開

9 1
2 35

どんなお客様に、何を届けたいか?を具体化します。

「誰に来てほしいのか」を考えることが、集客の第一歩。性別・年齢・ライフスタイル・悩み
・行動傾向など、理想の来店者像を明確にすることで、言葉の選び方や見せ方が変わります。
  ペルソナを定めることで、ホームページの訴求力がグッと高まります。

02

ペルソナ設定

03

「やりたいこと」と「必要なこと」をすり合わせる設計図。

どんなページを作るのか、どんな機能が必要なのか、写真や文章はどうするか…など、具体的な要望を整理・共有します。この提案書を元に、スムーズな制作が進みます。迷っていても大丈夫。ヒアリングで一緒に決めていきましょう。

提案書作成

3 9
4 1

04

ドメイン・プラン選定

ホームページの住所や設計方法を決める準備段階です。

「◯◯.com」などのドメイン取得、プラン(ページ数・更新内容など)の選定を行います。運用後の維持管理も含めて、無理なく使える形をご提案します。

05

まずは“設計図”としてレイアウトを組み立てます。

「どこに何を書くか」「ユーザーがどこをクリックするか」などを整理し、構成を視覚化。ページの流れを確認することで、情報の過不足や導線の弱さなどもこの段階で把握できます。

ワイヤーフレーム

5 1
6 2

06

いよいよ“見た目”のデザインを形にしていきます。

色・写真・余白のバランスなど、見やすさ・伝わりやすさ・オシャレ感を意識しながら、世界観をビジュアル化します。やるばいWEBでは、あなたらしさを大切にしたデザインをご提案します。

デザインカンプ作成

07

レビュー・修正

完成に向けて、丁寧に調整していきます。

「ここをもっと目立たせたい」「もう少し柔らかい雰囲気にしたい」など、ご要望を伺いながらブラッシュアップ。納得がいくまで、気軽に相談・修正が可能です。

7 1
8 1

ホームページとして“動く状態”に仕上げます。

実装

08

FigmaやWixStudioなどのノーコードツールを用いて、デザインをWEB上に反映していきます。スマホ・タブレット・PCのどのデバイスでも見やすい“レスポンシブ設計”で構築します。

09

ついにあなたのホームページが世の中に公開されます。

導線チェックを行い、問題がないかを確認してから正式公開。公開後の更新・修正・集客相談も引き続きサポートしますので、安心して運用を始められます。

公開

9 1

※上記は「オリジナルプラン」での制作フローです。ベーシックプラン、スタンダードプランでは一部工程を省略し、よりシンプルかつスピーディにご提供いたします。

CONTACT

1112 2

ホームページ制作・SNS設計
集客代行サービスについて
お気軽にご相談ください。

【対応エリア】
全国からのご相談・ご依頼にも対応可能です。お気軽にお問い合わせください。

電話でのお問い合わせ

bottom of page