Webサイト・デザイン制作

Webサイト(ホームページ)オーダーの流れ:その3

Webサイト(ホームページ)オーダーの流れ

こんにちは!
神奈川のWebデザイン事務所、Mihoko DESIGNデザイナーのMihokoです。
Webサイト・ホームページ制作やWebデザイン、ブランディングをお仕事にしています。

Webサイトってどうやって作るの?サイト制作をオーダーしたらこうやって進んでいきますよ。
そんな解説をしていく連載、第3回目です。今回で最終回です。

その1 Step1 コンサルティング Step2 デザインを決める
こちらから

その2 Step3 メインビジュアルのデザインを作る Step4 サイト全体のデザインを作る
こちらから

Step5 満を辞してサイトを構築する

デザインが決まったら、いよいよサイト構築に入ります!
(え、デザインと構築っていう2段回に分かれるの?って方は前回の投稿参照

ちなみに構築というのは、実際にWebサイトをネット上で見れるように作っていく作業のことです。
建築と同じようなイメージで、まさに「組み立て(build)」ていきます!

通常htmlやcssなどコードと呼ばれるものを書いて構築していくのですが、
なんせMihoko DESIGNは一人だけの事務所。そこまで時間をかけれません。

そこで私が時短のため活用しているのは、今海外では既に主流になりつつあるコードを書かずにサイトを作れる「noコードアプリ」です。

これを使うと構築のスピードが桁違い!
まあ、なんというかコードを書くというのはすごく時間がかかるんです。

構築に時間をかけずに済みますので、
時間がかからない=その分お安くできる
これが、Mihoko DESIGNがWebデザイナー歴16年目のプロが一貫で制作を担当するにもかかわらず、リーズナブルな料金で提供できている理由のひとつです。

(Webサイト構築の知識がないとちょっと使うのが難しいプロ用のツールですし、まだまだ日本語の情報も少ないんですが、
使っている仲間同士でサポートし合うサロンにも入っていて、そこでの出会いも楽しいです♪またこのお話もいずれ。)

さて、サイト構築が終わったらクライアントさんに確認をしてもらうべくサイトURLをお送りします!
1番ドキドキする瞬間です!

Step6 最終回!確認と納品とときどき更新レクチャー、まれにアナリティクスレポート作成(長い)

さていよいよ最終Stepです!

サイト構築が終わったら、クライアントさんに確認して頂いて、OKなら納品です

Webサイトは作って終わりではなく、日々の管理が必要です。
最低限、出来るだけ頻繁にサイトを見て頂いて、表示エラーなど何かあったらすぐ連絡頂けるようお願いしています。
納品後1カ月はアフターフォローを行なっています
自分で管理が難しい、、という方はサイト管理保守サービスもご用意してますよ!
ご希望があれば自身で更新作業頂けるレクチャーも行います。

Googleアナリティクス計測がついているプランをお申し込み頂いた場合は、納品後1カ月前後を目安に、サイト計測レポートを作成しお渡ししています。
自分のサイトにどれくらいアクセスがあるかを見るのはビジネスとして運用していくのにとっても大事です!
単品でもお申し込み頂けますのでこちらもぜひご検討くださいね。

さて、サイト制作の流れについて、3回に渡り説明させていただきました!

このオンライン必須時代に、Web制作はなくてはならないものです。

個人でビジネスされている方は一度はWebサイトのオーダーを経験されることになるのではないでしょうか?
少しでも参考になったら幸いです。

Mihoko

Webデザイン・ホームページ制作

Webサイト(ホームページ)オーダーの流れ:その2

Webサイト(ホームページ)オーダーの流れ

こんにちは!
神奈川のWebデザイン事務所、Mihoko DESIGNデザイナーのMihokoです。
Webサイト・ホームページ制作やWebデザイン、ブランディングをお仕事にしています。

Webサイトってどうやって作るの?サイト制作をオーダーしたらこうやって進んでいきますよ。
そんな解説をしていく連載、第2回目です。

その1はこちらから

前回は、Step1 コンサルティング Step2 デザインを決める についてお話ししました。

では続きからいってみましょう!

Step3 メインビジュアルのデザインを作る

メインビジュアルとは、Webサイトを訪れた時に最初に表示される部分。
まずはここのデザインを実際に作成していきます。

どんなデザインにするか、step2でお話しした内容をもとにデザインを作っていきます!

最初からページ全体のデザインを作ってしまうと、クライアントさんも直してほしい、と言いづらくなりますよね。
デザイナーの私としても、修正が大変になってしまいます。
ですので、まず最初に見える部分だけをデザインしていきます。

デザインができたら確認して頂いて修正したいポイントなど教えて頂き調整をかけていきますよ。

デザインの調整が終わり確定となったら、このメインビジュアルのデザインをもとに全体のデザインを作っていきます。

Step4 サイト全体のデザインを作る

メインビジュアルのデザインが確定したら、今度は全体のデザインを作っていきます。

ここでいうデザインとは、見た目のところだけでなく、サイトの構成、レイアウトやページ内遷移の導線なども含みます。

ちなみに私はいきなりサイトを構築するのではなく、AdobeXDというデザインソフトを使ってデザインします。
Photoshopってデザインソフトを聞いたことがある人もいると思うのですが、同じ会社が出しているツールです。

このソフトを使うとサイトを作らなくてもWeb上でデザインを共有でき、コメントを直接書き込めるので、とっても便利なんですよ!
ちょっとイメージしづらいかもしれませんが、これをお見せするとクライアントさんに「プロっぽい!」と言われます(プロです!笑)

ちょっと話がずれましたが笑

Mihoko DESIGNでは、サイトを構築する前に専用のツールでしっかりとデザインを作成することにより、
クライアントさんに実際のサイトをイメージして頂きやすくなるので、
サイトを構築した後に、「ちょっと思っていたのと違った。。。」というミスマッチが起きにくいようにしています。

Mihoko

Webデザイン・ホームページ制作

Webサイト(ホームページ)オーダーの流れ:その1

Webサイト(ホームページ)オーダーの流れ

Webサイトってどうやって作るの?
サイト制作をオーダーしたらこうやって進んでいきます。

こんにちは!
神奈川のWebデザイン事務所、Mihoko DESIGNデザイナーのMihokoです。
Webサイト・ホームページ制作やWebデザイン、ブランディングをお仕事にしています。

サイト制作はほとんどの方がデザイナーなどにオーダーした経験がないと思います。
サイト制作については流れを詳しくこちらのページで説明していますが、、、

「読んでもイメージしづらい、実際どんな感じ?」

そういう疑問もあるかと思います。ですので今回はより簡単にご説明出来ればと思います。

それではいってみましょう!まずは、

Step1 コンサルティング

webサイトをオーダー頂いたら、まず、Webサイトを作った後どう活用したいかをコンサルティングさせて頂きます。
これはデザインより大事と言っても過言ではないです。

Webサイトは「使う」もの。意図通りに活用出来ないと意味ないですよね。

どう使いたいかによって、デザインもシステムも変わってきます。
サーバーはどうするのか?Wordpress(ワードプレス)がいいのか、Wix(ウィックス)がいいのか。
ワードプレスにするとしても、テンプレートでシンプルにつくるのか、完全オリジナルのほうがよいのか。
ここの判断もWebデザインのプロとしてしっかりさせて頂きますよ!

何事も最初の一歩が大事なんですね。

Step2 デザインを決める

Webサイトの用途や目的がコンサルティングで明確になったら、今度はデザインをどうするかをご相談させて頂きます。

Webサイトはビジネスの窓口。お店やオフィスと同じです。

お店にお買い物に行った時、「ここの内装は好み!また来たくなる!」と思ったことはありませんか?

会社に訪問させてもらったとき、
「雰囲気が良いオフィスだな、ここと契約をしたら良いお仕事が一緒に出来そう」
と思ったことがある方も多いかもしれません。

これは「デザイン」の力です!

でもただ闇雲にお洒落なサイトを作れば良いわけではなくて、デザインからオーナーさんやビジネスの個性、良い雰囲気を感じられることが大事です。

どの色がクライアントさまのビジネスに似合うのか、見やすく落ち着くのか。
デザインはシンプルな方がいいのか、ちょっと個性的にした方がいいのか、
ターゲットはどんな方達なのか、
もちろん、クライアントさまの好みもお聞きしながら、デザインを決めていきますよ!

ちょっと長くなりそうなので続きは次のブログでお話ししますね。
それではまた。

Mihoko

Webデザイン・ホームページ制作