制作の流れ

ウェブテナスでは、お客様の状況やご要望などによって多少の違いはあるものの、
最初のご相談から公開までおよそ下記の流れでホームページ制作を進めていきます。

Step01

お問い合わせ

ウェブテナスのお問い合わせ部分の画面がスマホに表示されている。

まずはお問い合わせフォームよりご連絡ください。方向性が固まっていない状態でも大丈夫です。ご連絡いただいた内容をもとに概算お見積りの提出やお打ち合わせの日程決め、お引き受けできる依頼かどうかの確認などをメールにて対応いたします。

お問い合わせフォームへ
Step02

ヒアリング・お打ち合わせ

メールにてお打ち合わせの日程が決まりましたら、ヒアリングシート(問診票)をお渡ししますので、お打ち合わせ前に可能な限りご記入ください。このシートをもとに、お打ち合わせを進めていきます。

お打ち合わせ方法は、ZOOMまたは山梨県内であれば直接のご訪問からお選びいただけます。
お打ち合わせ時間はヒアリングシートの記入状況などにもよりますが、1~2時間ほどを予定しております。まとまった時間を確保できない場合はメールで都度ヒアリングを行うことも可能です。

ヒアリング・お打ち合わせの内容
  • ホームページを制作する目的や背景
  • デザインや仕様、納期など各種ご要望
  • 想定するユーザー層
  • 事業内容や強み、事業に対する想い
  • 公開後の運営に関して
Step03

お見積書、ご提案書の
提出・ご契約

ヒアリング・お打ち合わせした内容をもとにサイトマップや設計・仕様書を含んだご提案書と最終お見積書を提出いたします。
それぞれの内容を検討し、ご了承いただきましたら、ご契約を交わします。ご契約は基本的には電子契約をお願いしております。ご契約金としてお見積もり金額の半金をお振込みいただけましたらご契約完了・制作開始です。

Step04

制作開始・素材のご提供

まずは、制作開始に合わせて公開までのスケジュール表を提出いたします。
お客様には各ページに必要なテキスト原稿や写真など、下記項目のご用意をしていただきます。
「どのように準備したら良いかわからない」という方も、最大限サポートいたしますのでご安心ください。

また、テキスト原稿については枠組みや作成の指針をお渡しすると共に都度サポートを行います。完成した原稿はユーザーに伝わる表現か、SEO対策として適切なキーワードが入っているかなどを検討し、こちらで加筆修正することがございます。

ご用意していただきたい素材
  • 各ページのテキスト原稿
  • 写真
  • ロゴデータ
  • 資料共有用Gmailアカウント
  • その他、カタログやパンフレット、会社資料など

※ご用意が難しいものに関してはこちらで対応することも可能ですので随時ご相談ください。

Step05

ワイヤーフレーム
(設計図)作成

ウェブテナスのホームページにおけるメインビジュアル部分のワイヤーフレーム。各要素は白黒となっており大まかな配置や強調したい部分を示している。

いただいた素材をもとにワイヤーフレームを作成します。ワイヤーフレームはどんな情報をどこにどのように配置し、どのような流れでユーザーを誘導していくのかを大まかに示した、家づくりでいう設計図を指します。

外観デザインがどれだけ魅力的な家でも設計が悪ければ住みづらいのと同じで、ホームページも適切な設計があってはじめて成果に繋がります。

また、ワイヤーフレームをもとに必要な情報が過不足ないか再度確認し、必要に応じて掲載内容に対するお打ち合わせを行います。

Step06

Webデザイン制作

ウェブテナスのホームページにおけるメインビジュアル部分のデザインイメージ。白黒で示していたワイヤーフレームへ実際に色を付けたり、画像を挿入してある。

ワイヤーフレームをもとに想定するユーザーや伝えたい内容に合わせたデザインを制作いたします。最初にベースとなるトップページのデザインを作成し、ご了承いただけましたら下層ページのデザインを進めていきます。

コーディング作業へ移行してからの修正は大幅な工数がかかるため、基本的にはこの時点でデザイン確定となります。

Step07

コーディング・
WordPress導入

phpというプログラミング言語を用いて実際にコーディングを行っている画面

確定したデザインをコンピューターに伝わる言語を用いて、ブラウザ(Safariやedge)上で閲覧できる形にします。この工程はコーディングと呼ばれ、家づくりでいう工事にあたります。設計や外観デザインが良くとも手抜き工事をされたら欠陥住宅になるのと同様にコーディングも書き方次第で利便性やアクセシビリティ、表示速度やSEO対策にも影響を与え、成果に直結します。

ウェブテナスではW3Cやアクセシビリティ基盤委員会が定める規格に合わせたコーディングを行い、成果を最大化させます。また、WordPressを導入する場合はこのステップで導入します。

Step08

最終確認・ホームページ公開

完成したホームページを確認用テストサイトでお客様と共に最終確認を行います。
検証シートをもとに文章、写真、動作、リンクなどホームページ全体をチェック致します。確認・修正が完了しましたらご希望日にホームページを公開・納品いたします。納品後、残金分のご請求書をお送りいたしますので、お振込みをお願いいたします。また、公開後2週間は無料で文章修正や写真差し替えなどを対応いたします。

Step09

公開後サポート

公開して終了といきたいところですが、ホームページは公開してからが重要です。
更新やメンテナンス、アクセス解析を実施し、より良いものに育てていくことで真価が発揮されます。ウェブテナスではお客様を粘り強くサポートしていくために保守・更新・運用サポートをご用意しております。必要に応じてご活用ください。

保守・更新・運用サポートを見る

お問い合わせ

ホームページ制作に関するご相談やお見積もりを無料で承っています。

困ったことや気になることなどお気軽にお問い合わせください。