【閲覧者第一!】HP設計をする上で欠かせないこととは?
こんにちは!!
SCSC事業部 WEBプランナー班
【はじめに】
先日、受けた取材の内容が記事になりました!
僕自身は上手く話せた自信がなかったのですが、
良い感じに記事にまとめて下さったので、色々な人に見ていただきたいです!
受けた取材の記事はこちら!
→長期インターン生に取材企画!マーケティング・プランナー土清水光流
今日の業務ではHP設計を行いました!
HP設計は自分で具体的な構成を1から形にしていく業務なのですが、
楽しくもありながら難しくもあるそんな業務になります。
僕はHPやマーケティングの知識も0の状態で入社しましたが、
ガーディアンにはWEB学校やビジネス塾など学びの環境が沢山あるので、
未経験でも安心ですし、むしろ未経験の人にこそ0から学べるという点で、
ピッタリな環境だと思います!
ということで、今回の活動日記ではHP設計を行う際に大切だと学んだことをまとめていきます!
【HPを設計する上で大切なこと】
①サイトに来る閲覧者の心の動きを具体的にイメージすること
例えば、洋服屋で対面の営業をする場合は、
相手の好みなどを直接聞いて、それに合わせた提案をすることができます。
一方で、HP上で洋服を売る場合は、そういったことができません。
なので、あらかじめ閲覧者の心理を想像する必要があります。
また、それは勝手にこちらの都合良く決めて良いものでもありません。
HPの目的は、お問い合わせや商品の購入など閲覧者に自分たちが望む行動を取って貰うことです。
もちろん、閲覧者がすんなりと自分たちの望む行動を取ってくれると良いのですが、
当然、怪しい会社ではないのか、HPに書いてあることは信用しても良いのか、
本当に自分たちにとってのメリットがあるのかなど、HPを作る側からした「壁」が存在します。
そういった壁を越えていかなければ、自分たちの望む行動を取って貰えないので、
HPを設計するときには、閲覧者のリアルで具体的な心の動きをイメージすることになります。
②ストーリー立ててHPを設計すること
閲覧者の心の動きを捉え、自分たちの望む行動を取って貰う手立てとして重要なのが、
順序立てられたストーリーを意識することです。
例えば、パソコンが故障して新しいパソコンを買うとなった場合、
すぐに何でも良いから適当に買うという人は少ないはずです。
金額やスペックなどの基準を決めた後、その基準に合うパソコンをいくつか探し、その中から比較して、
その後ようやく購入に進むのではないでしょうか。
また、パソコンの故障一つとっても、仕事でも使うパソコンが全く電源が付かなくなった場合と、
あまり使わないようなキーの反応が悪くなった場合とでは、
新しいパソコンを買ったり、修理したりするまでの心理には大きな差があるはずです。
このように、閲覧者の心の動きを考える上で、閲覧者はどの状態でHPに入ってきて、
自分たちの目的を達成するためにはどのような順序で心を動かしていけばいいのか、
そういったことを考えるには、HPを設計する側が閲覧者の主導権を握らなくてはなりません。
【最後に】
ガーディアンの長期インターンシップを始めてから10ヶ月ほど経つのですが、
まだまだ出来ないことや成長しないといけないことは沢山あります。
僕はこのような伸びしろを感じられる環境がとても好きですし、
この環境を最大限活かして、より良い設計を行っていけるよう頑張ります!
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー---
土清水光琉のメンバーページはこちら!
WEBプランナー班の業務について知りたい方はこちら
長期有給インターンシップのエントリーフォームはこちら
*コメント*
NEW
-
date_range 2026/05/14
-
date_range 2026/04/30
6月中に一人で顧客MTGへ...
-
date_range 2026/04/08
フィリピンの経験を糧に...
-
date_range 2026/03/30
【長期インターン】「AI...
-
date_range 2026/02/27
【長期インターン】卒業...
*COMMENT*
児玉 尚哉
*コメント*
この調子で確実に積み上げて更に成長していきましょう!
*コメント*
黒川 かな
*コメント*
閲覧者目線をイメージしながら、HPを設計する側が閲覧者の主導権を握ることはとても大切ですね!
常に閲覧者目線をイメージするように私も心がけていきたいと思います。
*コメント*
高橋 かほ
*コメント*
また、設計するうえで、閲覧者の心の動きを具体的にイメージすることの大切さを改めて感じました。いつも様々な気付きを活動日記からいただいています^^これからも、活動日記、楽しみにしています!
*コメント*
宮城 わか
*コメント*
*コメント*