![架け橋の比喩である虹](https://onearc-create.com/wp-content/uploads/2022/05/flow.png)
サイトができるまで
![](https://onearc-create.com/wp-content/themes/OnearC/images/step1.png)
ホームページの目的・ゴール設定
あなたの事業についてお聞かせください。
こだわっていることやイメージカラー、お客さまからの嬉しかった言葉など、あなたのことをもっと知りたいと思っています。
![](https://onearc-create.com/wp-content/themes/OnearC/images/flow-icon1.png)
![](https://onearc-create.com/wp-content/themes/OnearC/images/cursor-icon.png)
![](https://onearc-create.com/wp-content/themes/OnearC/images/step2.png)
企画・構成の骨組みの確認
どんなページが必要かなどを洗い出したあと、ワイヤーフレームというものを作成してご確認いただきます。
ワイヤーフレームとは、家で言うところの基礎の部分です。骨組みからしっかりと作りこみ、完成形のイメージを膨らませていきましょう!
![](https://onearc-create.com/wp-content/themes/OnearC/images/flow-icon2.png)
![](https://onearc-create.com/wp-content/themes/OnearC/images/cursor-icon.png)
![](https://onearc-create.com/wp-content/themes/OnearC/images/step3.png)
デザイン制作
まずはWebサイトの顔となるTOPページから作成します。
サイトの雰囲気や方向性を定め、その後下層ページの作成へと進んでいきます。
![](https://onearc-create.com/wp-content/themes/OnearC/images/flow-icon3.png)
![](https://onearc-create.com/wp-content/themes/OnearC/images/cursor-icon.png)
![](https://onearc-create.com/wp-content/themes/OnearC/images/step4.png)
コーディング
あまり聞きなれない言葉かと思いますが、要はプログラミング言語を用いてホームページを構築する作業のことです。
デザインとして作成したものをWebページとして作り上げていきます。
![](https://onearc-create.com/wp-content/themes/OnearC/images/flow-icon4.png)
![](https://onearc-create.com/wp-content/themes/OnearC/images/cursor-icon.png)
![](https://onearc-create.com/wp-content/themes/OnearC/images/step5.png)
CMSの設置
コーディングよりも聞きなれない言葉ですね。
簡単に言うと、コードを書かなくても簡単にサイトの編集ができるように対応いたします。
身近なところだと、ブログを書いたりお知らせを書いたりする機能がそれにあたります。
![](https://onearc-create.com/wp-content/themes/OnearC/images/flow-icon5.png)
![](https://onearc-create.com/wp-content/themes/OnearC/images/cursor-icon.png)
![](https://onearc-create.com/wp-content/themes/OnearC/images/step6.png)
サーバー・ドメインの手配
ドメインとはインターネット上での住所のようなもので、一般的にはURLと呼ばれています。
基本的に好きな文字列を設定できますが、世界中の人と早い者勝ちなのでご希望のものが設定できないこともあります。
サーバーとはWebサイトを設定するための土地です。
ドメインは年額100〜1000円、サーバーは月1000円前後の料金が発生します。
![](https://onearc-create.com/wp-content/themes/OnearC/images/flow-icon6.png)