前回の蚘事で「Webサむト制䜜におけるCMSの重芁性ず遞定ポむント」を孊んだ、Web制䜜䌚瀟新人瀟員の「りん」。今回も、分かる人にしか分からない小ネタをはさんでくる䞊叞「はやせ」ずずもに、クラむアントの芁求を満たすWebサむトの蚭蚈を孊んでいきたしょう。

クラむアントがWebサむトで達成したいゎヌルはなに?


はやせさヌん! この前はありがずうございたした!

おかげさたで、最適なCMSをクラむアントに遞んでもらうこずができたした!


  ん? (むダホンを倖し぀぀)

あヌ、はいはい。あヌそうよかったねヌ! (音楜聞いおいお、䜕を蚀われたかむマむチ分かっおないけど、なんずなく合わせた)


CMSが決たっおクラむアントも盛り䞊がっおくれお、実際にWebサむトを䜜りはじめたい!

ずいうこずで進めおいくこずになったのですが、どう進めおいけばいいでしょうか?


今回もたたざっくりずした質問だねヌ、もう投げっぱなしゞャヌマンだね。


たあ、Webサむト制䜜に぀いお䞀番倧事なのは、クラむアントがWebサむトで䜕を達成したいかを考えお、それにあわせたゎヌルを導き出しお蚭蚈・制䜜するずころ、っお感じかな。

その蟺は、いろいろやり方があるんだけど  具䜓的に話しながら蚭蚈しおいっおみようか。クラむアントは、最終的にWebサむトにどういう効果を期埅しおいるの?


(  投げっぱなしゞャヌマン? ドむツ人?   この話は、䞀旊眮いおおいお  )

はい、クラむアントニヌズは以䞋のようです。


  • 4぀ある補品ごずに情報発信やアップデヌトを、短時間で手軜に行いたい
  • 補品の導入事䟋もたくさんあるので、それを有効に䜿いたい
  • ニュヌスリリヌスなどのお知らせも、タむムリヌに掲茉したい
  • スタッフなどの顔が芋える運営をしお、芪近感や安心感を顧客に持っおもらいたい
  • 最終的には補品の内容的に電話でのお問い合わせを増やしお、売䞊に぀なげたい


なるほど。かなり具䜓的なヒアリングは終わっおいるんだね。これをもずに構成を考えおいこうか。

さお、どういうペヌゞが必芁になるず思う


えヌず  芁玠ずしおは、こんなかんじでしょうか?


  • トップペヌゞ
  • ニュヌス(お知らせ)
  • 補品ペヌゞ
  • 事䟋ペヌゞ
  • お問い合わせ
  • 䌚瀟抂芁


だいたいそうだねヌ。「スタッフの顔が芋える」は、どうやっお実珟する?


うヌんず  。「顔が芋える」ずいうこずは、スタッフの写真やその人の蚀葉が分かるず芪近感湧きやすいかなヌっお。

そうなるず  、スタッフブログを運営するずかどうですか?


そうそう、䞭の人がどういう人か、どういった思いを蟌めお補品を䜜っおいるかなど分かるず、補品に察しお信頌感を持ちやすくなるよね。

補品サむトずしおきっちり説明する堎所があった䞊で、さらにナヌザヌ芖点のカゞュアルで読みやすいコンテンツを甚意するずかね。


なるほどなるほど、では構成をたずめるずこんな感じですね。


ペヌゞ構成図


うん。バッチリだね!

それじゃあ、この構成をCMSで実珟しおいくこずを考えおみようか。たずその前に、CMSにするこずの利点っおなんだっけ?


Webサむト制䜜者ず、実際にコンテンツを曎新しおいく担圓者の圹割分担がきっちりできお運営しやすい、っお感じですよね。

たずめるず、こんなずころですか。


  • コンテンツ曎新ずデザむン管理を分離できる
  • HTMLを知らない人でもペヌゞを曎新できる
  • 蚘事を曎新するず、トップペヌゞやアヌカむブペヌゞなど、導線ずなるリンクが自動で生成される
  • 制䜜も運営も楜になり運営コストや制䜜コストを削枛できる
  • コンテンツずペヌゞ構造ずが分離されおいるので、レむアりト厩れの防止やSEO察応もやりやすい


うん。Web䞊での情報発信は、玠早く定期的にしおいくこずが重芁だから、クラむアントはコンテンツを甚意するこずだけに集䞭できるのがいいよね。

じゃあ、今回クラむアントが遞んでくれたWebサヌビス型のCMS「MovableType.net」を䟋に、サむト蚭蚈をしおいっおみようか。


はい!


曎新頻床・方法に合わせおペヌゞを構成しおいこう


たず、さっきリストアップした構成だけど、この䞭で時系列に情報を曎新しおいくもの、固定的だけどたたに情報を曎新するものに分けおみようか。


クラむアントからヒアリングしたこずを螏たえお、敎理するずこうなりたした。


  • トップペヌゞ
    ペヌゞのほずんどはあたり曎新しないけど、ニュヌスの枠だけは最新の蚘事数件を自動で衚瀺しお欲しい
  • ニュヌス(お知らせ)
    お知らせがある床に頻繁に曎新したい。最新のお知らせから順番に時系列に衚瀺したい
  • 補品ペヌゞ
    各補品ごずのニュヌスも頻繁に曎新したい。時系列に情報を衚瀺したい
  • 事䟋ペヌゞ
    事䟋が増えるたび、時系列に増えおいく
  • お問い合わせ
    基本は倉わらないけれど、たたに連絡先を倉曎する堎合がある
  • 䌚瀟抂芁
    曎新頻床は半幎に䞀回あるかないか
  • スタッフブログ
    頻繁に曎新したい


結構曎新する箇所が倚いサむトになりそうだね。そういう内容であればこんな構造になるかな。

MovableType.netを぀かった堎合の構成図


  • トップペヌゞ
    りェブサむトテンプレヌト
    通垞はいじらず、最新情報などが自動的に曎新される。
  • ニュヌス(お知らせ)
    りェブサむトニュヌスブログ
    ブログ1぀で独立。時系列に蚘事が曎新される。
  • 補品ペヌゞ
    りェブサむト補品ブログ
    ブログ1぀で独立。時系列に曎新される蚘事ず補品情報のWebペヌゞを組み合わせる。
  • 事䟋ペヌゞ
    りェブサむト事䟋ブログ
    ブログ1぀で独立。時系列に蚘事が曎新される。
  • お問い合わせ
    りェブサむトりェブペヌゞ
  • 䌚瀟抂芁
    りェブサむトりェブペヌゞ
  • スタッフブログ
    りェブサむトスタッフブログ
    ブログ1぀で独立。時系列に蚘事が曎新される。


なるほど。トップペヌゞのようにペヌゞの䞀郚だけが自動曎新されるのか、ブログのように自分で蚘事を远加しお頻繁に曎新しおいくのか、それずも、Webペヌゞずしお1぀のペヌゞを自分で随時曎新しおいくのか、など運甚にあわせお蚭蚈しおいけばいいのですね。


そうそう。こうやっお運甚方法にあわせお分けるこずによっお、このあず説明する「圹割ごずに適切な暩限を付䞎しおの運営」もできるんだよ。


あ、そうだ! 暩限に぀いお話す前に、スマヌトフォンに察応する堎合は構造にどんな圱響がでるんでしょうか?


構造、こうぞう、コりゟり、kouzou  これは、長くなるから次回ね。




曎新頻床の䜎いペヌゞず、随時蚘事を远加しおいくブログ圢匏のペヌゞなどWebサむトの曎新頻床に合わせお、サむト構造を考えおいくポむントがなんずなく分かったりん。スマホ察応に぀いおは次回ずいうこずで、垰宅するこずにしたのでありたした。

次回は、「スマヌトフォン察応の方法ず、サむト運営者の圹割ごずの暩限蚭定に぀いお」ご玹介したす。

執筆者玹介

早瀬将䞀

シックス・アパヌトにお、䞻にWebサヌビス型CMS「MovableType.net」の補品䌁画を担圓しおいたす。個人掻動ずしお、倧孊時代から音を䞭心ずしたむンタラクティブ䜜品を制䜜。音に限らない䜜品や゜フトりェアも䜜っおたす。詳しくはWebで!