「Web制作をやってみたい。でも、何から手をつければいいのか分からない」——この記事は、Webの仕組みをひととおり見た方の、次の一歩です。読み終わる頃には、最初にやることが「勉強」ではなく「決めること」だと分かり、今日じゅうに紙1枚で始められる状態になります。

先に結論から。Web制作の最初の一歩は、参考書を開くことではありません。「誰のために、何のサイトを作るか」を1つ決めることです。行き先が決まると、必要な技術のほうから見えてきます。

料理を覚えるとき、包丁の研ぎ方からは入らない

料理を覚えようと思った人が、いきなり包丁の研ぎ方や出汁の科学から始めることはまずありません。たいていは「今夜カレーを作る」と決めて、材料を買いに行きます。作りながら、玉ねぎの切り方も火加減も覚えていく。Web制作もこれと同じです。作るものが決まっていないまま技術だけを積み上げると、覚えたことを置く場所がなく、こぼれ落ちていきます。

「Bの道はいい加減では」と思うかもしれません。逆です。作るものがあると、調べる内容がその場で必要なものだけに絞られます。必要に迫られて調べた知識は、不思議なほど忘れません。

最初に決めるのは、技術ではなく「誰の何を助けるか」

決めるといっても、難しく考える必要はありません。答えるのは3つだけです。誰が見に来るのか。その人に最後に何をしてほしいのか。その人がいちばん知りたいことは何か。この3つが埋まれば、載せる情報も、写真の雰囲気も、ページ数も、ほとんど自動的に決まります。

サイトは作品ではなく、誰かの困りごとを片づける道具です。「かっこいいサイト」を目指すと手が止まりますが、「近所の人が営業時間をすぐ見つけられるサイト」なら、何を大きく置くべきかがすぐ決まります。

題材は、身近な1店・1人でいい

練習の題材は、有名企業でなくてかまいません。実家のお店、友人がやっている教室、自分の趣味の記録、行きつけのパン屋さんを勝手にリニューアルしてみる——どれも立派な題材です。実在する人や場所を選ぶと、「この人ならこう聞かれるだろう」と具体的に考えられるので、練習の密度が一段上がります。

題材が決まったら、その人に一度話を聞いてみてください。「お客さんからいちばん多い質問は何ですか」と尋ねるだけで、トップページに置くべき情報が出てきます。駐車場の有無、定休日、予約が要るかどうか——作り手が想像した情報と、実際に聞かれている情報は、驚くほどずれています。

最初の1ページに置くのは、5つで足りる

1ページ目の中身は、①お店の名前 ②いちばん伝えたい一言 ③写真1枚 ④知りたいことへの答え3行 ⑤してほしい行動のボタン——この5つで成立します。最初から10ページ構想を描くと完成しません。1ページを最後まで作り切った経験のほうが、100ページ分の知識より次につながります。

CCの制作現場で、実際にあった話

私たちCCコミュニケーションズがサイト制作のご依頼をいただいたとき、最初の打ち合わせで開くのはデザインソフトではなく、白い紙です。そこで必ず伺うのが「このサイトを見た人に、最後に何をしてほしいですか」の1問。ここが決まらないまま作り始めると、トップページに情報を足し続けることになり、いちばん伝えたいことが埋もれてしまうからです。

ある採用サイトのご相談では、最初のご要望は「とにかくかっこよく」でした。けれど話を伺っていくと、本当の困りごとは「応募はあるのに、面接の前に辞退されてしまう」。それなら必要なのは目を引くデザインではなく、働く人の1日の流れと、給与の内訳が分かるページでした。作るものを決めるとは、依頼主の言葉の奥にある困りごとを見つけることでもあります。

道具は、いま持っているもので足りる

必要なもの	何を使うか	費用
文字を書く道具	パソコンに最初から入っているメモ帳	0円
表示を確かめる道具	ふだん使っているブラウザ	0円
設計を書く道具	A4の紙とペン	数百円
参考にするサイト	自分が好きなサイトを3つ選ぶ	0円

高いソフトも、新しいパソコンも、最初の1ページには要りません。買い物で準備した気持ちになって満足してしまうより、今日ある道具で1枚作り切るほうが、確実に前に進みます。

今日からできる、たった1つのこと

まとめ

Web制作の一歩目は、勉強ではなく「決めること」。誰が見に来て、最後に何をしてほしくて、その人が何を知りたいのか。この3つが決まれば、1ページ目に置く5つの部品も、次に学ぶ技術も見えてきます。次は「Webサイトの種類」で、目的によって形がどう変わるのかを見ていきましょう。私たちCCコミュニケーションズは、紙1枚の設計から、お客様のサイトを任されるところまで、順番に進める環境で仲間を探しています。