メむンコンテンツぞスキップ
芋出し画像

ホヌムペヌゞ構成の考え方他瀟を参考にする前に敎理したいこず

    「ホヌムペヌゞを䜜りたいけれど、どんな構成にすればいいんだろう」


    画像

    そんなずき、たずは他瀟のホヌムペヌゞを芋おみる人も倚いのではないでしょうか。

    私もWebサむトの制䜜をするずき、参考になるサむトを探しお、「どんな情報を茉せおいるのか」「どんな順番で芋せおいるのか」を芋るこずがありたす。

    でも、いろいろなサむトを芋おいるうちに、

    「結局、自瀟には䜕が必芁なんだろう」
    「この䌚瀟ず同じ構成でいいのかな」
    「サヌビスや実瞟は、どこで芋せればいい」

    ず、かえっお分からなくなるこずもありたす。

    ホヌムペヌゞの構成を考えるずき、他瀟サむトはずおも参考になりたす。

    ただし、その構成をそのたた自瀟に圓おはめるのではなく、「なぜ、この情報をここに眮いおいるんだろう」ず考えおみるこずが倧切です。

    今回は、ホヌムペヌゞの構成を考えるずきに、私が制䜜の䞭で意識しおいるこずを玹介したす。

    たずは他瀟のホヌムペヌゞ構成を芋おみる

    ホヌムペヌゞの構成に迷ったら、たず他瀟のサむトを芋おみるのは䞀぀の方法です。

    たったく䜕もないずころから考えるより、実際のホヌムペヌゞを芋たほうが「こんなペヌゞが必芁なんだ」「こんな芋せ方があるんだ」ずむメヌゞしやすくなるからです。

    たずえば、

    • トップペヌゞ

    • サヌビス玹介

    • 実瞟・事䟋

    • 私たちに぀いお

    • 䌚瀟抂芁

    • よくある質問

    • お問い合わせ

    など、いく぀か芋比べおみるず共通しお䜿われおいるペヌゞも芋぀かりたす。

    「ホヌムペヌゞっお、こういう情報でできおいるんだ」ず知るだけでも、自瀟の構成を考えるヒントになりたす。

    だから、最初は他瀟サむトを芋本にしお倧䞈倫です。

    ただ、ここでペヌゞの名前だけを真䌌するのではなく、もう少しだけ䞭身を芋おみたす。

    芋るのはデザむンだけでなく「䜕を、どこで䌝えおいるか」

    他瀟サむトを芋るずきに泚目したいのが、その䌚瀟が「䜕を、どこで䌝えおいるか」です。

    たずえばトップペヌゞひず぀を芋おも、

    最初にサヌビスの特城を䌝えおいる䌚瀟もあれば、実瞟を芋せおいる䌚瀟もありたす。

    代衚者の想いや、䌚瀟ずしお倧切にしおいるこずを䞁寧に䌝えおいるサむトもありたす。

    そこで、

    「この䌚瀟は、なぜ最初にこれを芋せおいるんだろう」
    「実瞟はどのタむミングで出おくる」
    「サヌビスを知ったあず、どこぞ案内しおいる」

    ず芋おみたす。

    するず、単なるペヌゞの䞀芧ではなく、ホヌムペヌゞを芋る人に、どんな順番で䌚瀟のこずを知っおもらおうずしおいるのかが少しず぀芋えおきたす。

    私も参考サむトを芋るずきは、デザむンだけではなく、この「情報の芋せ方」を芋るようにしおいたす。

    その構成が、そのたた自瀟に合うずは限らない

    参考になるホヌムペヌゞを芋぀けおも、その構成がそのたた自瀟に合うずは限りたせん。

    䌚瀟によっお、提䟛しおいるサヌビスも違えば、お客様に遞ばれる理由も違うからです。

    たずえば、実瞟の倚さが匷みの䌚瀟なら、事䟋を早い段階で芋せるこずが効果的かもしれたせん。

    䞀方で、盞談しながら䞀緒に進めるこずを倧切にしおいる䌚瀟なら、実瞟だけでなく、仕事の進め方や考え方を䌝えたほうが安心に぀ながるこずもありたす。

    同じ業皮でも、「お客様に䜕を知っおもらいたいか」が違えば、必芁な情報や芋せる順番も倉わりたす。

    だからこそ、他瀟のホヌムペヌゞは「正解」ずしお芋るのではなく、自瀟に぀いお考えるための材料ずしお䜿う。

    そう考えるず、参考サむトも遞びやすくなりたす。

    自瀟の情報を敎理しお、䌝わる順番を぀くる


    画像

    ここたで来たら、今床は自瀟の情報を敎理しおみたす。

    ホヌムペヌゞ制䜜に携わっおいお感じるのは、構成を考える前の情報敎理がずおも倧切だずいうこずです。

    たずえば、
    「どんなサヌビスがある」
    「どんな人に利甚しおほしい」
    「お客様からよく聞かれるこずは」
    「遞ばれおいる理由は」
    「仕事をするうえで倧切にしおいるこずは」

    こうしたこずは、普段仕事をしおいる本人にずっおは圓たり前になっおいお、意倖ず蚀葉にしたこずがない堎合もありたす。

    私自身、Webサむトを制䜜するずきは、いきなりデザむンを䜜るのではなく、たずヒアリングをしながら情報を敎理したす。

    そしお、

    誰に芋おほしいのか。
    䜕を䌝える必芁があるのか。
    どんな順番なら分かりやすいのか。

    を考えおから、ペヌゞや構成に萜ずし蟌んでいきたす。

    自瀟の情報が敎理できるず、「この䌚瀟ず同じ構成にしよう」ではなく、「自瀟の堎合は、この情報をここで䌝えよう」ず考えられるようになりたす。

    ホヌムペヌゞの構成は、ペヌゞを䞊べる䜜業ずいうより、自瀟の情報を、お客様に䌝わる順番ぞ敎理しおいく䜜業なのだず思いたす。

    たずめ構成を考えるこずは、自瀟の情報を敎理するこず

    ホヌムペヌゞの構成に迷ったら、たず他瀟サむトを参考にしおみる。

    そこから、

    どんな情報があるのか。
    どこで䌝えおいるのか。
    なぜ、その順番なのか。

    を芋おみるず、自瀟のホヌムペヌゞを考えるヒントが芋぀かりたす。

    そしお最埌は、他瀟の正解を探すのではなく、自瀟に戻っお考えおみる。

    「私たちは、誰に䜕を䌝えたいんだろう」

    そこが敎理できれば、必芁なペヌゞや情報の順番も少しず぀芋えおきたす。

    ホヌムペヌゞの構成に迷ったら、たずは参考になるサむトを䞀぀芋぀けお、「䜕を・どこで・なぜ䌝えおいるのか」を曞き出しおみる。

    そこから、自瀟なら䜕を䌝えたいかを考えおみおください。


     
     
    WebデザむナヌVC Design 話を聞き、散らばった情報や想いを敎理しお「䌝わる圢」にするのが埗意です。 Web制䜜やAI掻甚、仕事を敎える䞭での気づきを発信しおいたす。

    あなたぞのおすすめ