制作の進め方とサポート体制①

皆さんこんにちは。

Webサイト制作の依頼は普段なかなかするものではないため、
「どのように制作を進めていくか分からず不安…」
「完成した後にうまく運営していけるのだろうか?」

とお悩みの方も多いのではないでしょうか?

そこで今回は、
kunokky studioがどのような流れで
サイトを制作していくのか、
「制作の進め方」についてざっくりとお話ししたいと思います。
(※細かい部分はご依頼をいただいてからしっかりご説明しますので、
まずは私の『制作に対する考え方』として気楽に読んでみてくださいね!)

WEBサイト制作は、お客様との共同作業です。

Webサイトは、私一人で作ることはできません。
ご依頼主様の「想い」を形にするためには、
二人三脚で一緒に作っていく必要があります。

そのため、「要望だけ伝えて、あとは全部丸投げしたい」という方には、
少しやることが多くて大変に感じられるかもしれません。

ですが、完成したときには「自分たちのこだわりのサイトができた!」という
強い愛着を持っていただけるはずです。
まずは「一緒に楽しく作るんだな」という
イメージを持っていただけると嬉しいです。

STEP1 ヒアリングシートの作成とイメージ共有

まずは、オリジナルの「ヒアリングシート」を元に、
どんなサイトにしたいかをお伺いします。
実際のヒアリングシートは下記のリンクからご覧いただけます。

基本的には、ヒアリングシートや実際のWebサイトを見ながら、
ご希望のデザインのイメージをを固めていきます。

⚠️ 事前にお伝えしたいこと
kunokky studioで作るサイトは、
WordPressの「Lightning(無料版)を使用します。
そのため、どんなデザインでも自由に作れるわけではありません。
ひな形(テンプレート)に沿って作るため、
できること・できないことが出てきますが、
その枠組みの中で最大限にお客様の個性を引き出す工夫をいたします。

 STEP2 意思確認

このヒアリングの時点で、
「自分の思っているものと方向性が違うな」
と感じられた場合は、
遠慮なくキャンセルしていただいて大丈夫です!

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

ご納得いただけたら、いよいよ制作スタートです。
まずはヒアリングを元に
「ワイヤーフレーム」というWebサイトの設計図を作ります。

「どこに写真を置き、どの順番で文章を載せるか」
「リンクはどこに繋ぐか」などを決める、
非常に重要な作業です。

ここでしっかり全体の骨組みを固めることで、
後からの大幅な修正を防ぐことができます。

STEP4 WordPressでの制作開始

設計図(ワイヤーフレーム)が完成し、
依頼主様からゴーサインをいただけたら、
いよいよWordPressでの構築に入ります。

一般的なWebサイト制作では、
設計図の後に「カラーカンプ」という完成見本のデザイン画を
一度作って確認するステップがあります。

ですが、kunokky studioではその工程をあえて省略します。
理由は、Lightningという優れたひな形を使って制作するため、
デザイン画を作るよりも、実際のWeb画面(本番と同じ環境)で
直接色味や雰囲気を見ていただいた方が、
お客様にとって完成イメージが湧きやすいと考えているからです。

また、kunokky studioの場合、
最初からWeb上にて直接作っていくため、
制作中のデータは私が契約しているレンタルサーバーの
作業スペースに保管して作業を進めます。

もちろん、正式に公開するまでは、
検索結果に表示されないように設定し、
一般の方の目には触れない状態で作業を進めますので、
制作途中のサイトを誰かに見られる心配はほとんどありません。

なお、この段階では、
文章や画像はひとまず「仮のデータ」を当てはめていきます。
そのため、適切な画像がはいっていなかったり、
適当な文章が入っていることがあると思いますが
それは、「どこに、どのくらいの長さの文章が入るか」
「画像はどのくらいの大きさで入るか」などを把握するための物なので
気にしなくても大丈夫です。

STEP5 素材集め

全体の形が見えてきたら、
実際に掲載する写真や文章を決めていきます。
STERP4の段階では、ダミーの素材を入れると書きましたが、
ダミーと言っても全く関係のない写真を入れるのではなく、
出来るだ近いイメージの画像をいれるようにしますので
どんな写真を入れるかはイメージしやすくなっていると思います。

打ち合わせをしながら、
「ここにどんな写真を載せるか」
「こっちには、どんな文章を入れるか」
などを決めていきましょう。
(必要に応じて、私が写真を撮りにお伺いすることも可能です!)

それと、文章に関しては、
お客様に考えて頂くのが一番良いと思っています。
しかし、どうしても忙しくて用意できないという場合は
お手伝いいたします。

また、ご依頼主様が用意した画像や文章に関して
より良いアイディアがある場合
ご提案させて頂くこともあります。
ですが、最終的に決定するのは、
ご依頼主様となりますので
お気を悪くすることのないよう
おねがい申し上げます。

STEP 6 仕上げ

素材がすべて揃ったら、
それぞれを適切な場所にカチッと当てはめて、
最終的な形に仕上げていきます。

STEP7 確認

出来上がったサイトを、
ZOOMなどを使って一緒に確認します。
「リンクは正しく飛ぶか」
「希望通りのデザインになっているか」
「納得のいく仕上がりになっているか」
を細かくチェックしていただきます。

STEP8 ドメインとレンタルサーバーの契約

確認が終わったら、いよいよ公開の準備です。
これまでは私のサーバー内にデータを置いていましたが、
今度はお客様自身のサーバーとドメインを確保していただく必要があります。
無事に契約が完了したら、
そちらにサイトのデータを引っ越しさせます。

STEP 9 納品

 納品して終わりではなく、
そこから先は「保守管理(サイトの維持・メンテナンス)」の
フェーズに入ります
(ご希望がない場合はお断りしていただいても構いません。)

納品後のサポート(保守管理)について

無料モニターキャンペーン中に限り、
この保守管理も【無料】でサポートいたします!
キャンペーンの終了時期は未定ですが、
半年くらいは継続する予定です。
この半年の間に、ご自身でのブログ更新や簡単な運用方法を
マスターしていただければ、
「制作・維持コスト実質0円」
ご自身のWebサイトを持つことが可能です。

お願い

サイト制作の間は
メールなどの連絡を頻繁に行う必要があると思いますが
出来るだけ早めに返信する事をお願いいたします。

ご依頼主様によって事情が異なると思うので、
何日以内などのルールを作るという事はしませんが、
お互いに大体何日以内に返事をするよう努力するといった
目安は最初に決めさせていただきたいと思っていますので
ご協力お願いいたします。

次回予告

今回の記事は以上となります。
次回は、気になる「サポート体制」の
具体的な中身についてお話しします。




この記事を書いた人

クノッキー| Kunokky Studio
千葉市を拠点にホームページ制作を学んでいるWebデザイナーです。現在は、より多くの制作実績を積みながら技術を磨くため、丁寧なヒアリングを大切にしつつ、心を込めてサイト制作に向き合っています。写真の作品や撮影方法などはInstagramでも発信中!

WEBサイト制作の無料モニターを募集しています!

現在、Kunokky Studioでは
制作実績公開にご協力いただけるモニター様を募集しています。

PDF資料で確認する

無料モニターについて詳しく説明してるPDF資料を用意しています。

メールで問い合わせる

コンタクトフォームからお問い合わせ出来ます。

LINE公式アカウントに登録する

LINE公式アカウントに登録していただくと、チャットにて気軽にお問い合わせ頂くことができますので是非ご利用ください

スマホからの登録

PCからの登録