<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>名刺代わりのWEBサイト アーカイブ - Taniweb制作</title>
	<atom:link href="https://www.taniweb.jp/tag/%E5%90%8D%E5%88%BA%E4%BB%A3%E3%82%8F%E3%82%8A%E3%81%AEweb%E3%82%B5%E3%82%A4%E3%83%88/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.taniweb.jp/tag/名刺代わりのwebサイト/</link>
	<description>グラフィック&#38;WEBデザイン&#38;女性向けクリエイティブ制作</description>
	<lastBuildDate>Wed, 25 Mar 2026 08:02:16 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	

<image>
	<url>https://www.taniweb.jp/wp/wp-content/uploads/2016/07/cropped-ribbon-55x55.png</url>
	<title>名刺代わりのWEBサイト アーカイブ - Taniweb制作</title>
	<link>https://www.taniweb.jp/tag/名刺代わりのwebサイト/</link>
	<width>32</width>
	<height>32</height>
</image> 
<atom:link rel="hub" href="https://pubsubhubbub.appspot.com"/>
<atom:link rel="hub" href="https://pubsubhubbub.superfeedr.com"/>
<atom:link rel="hub" href="https://websubhub.com/hub"/>
<atom:link rel="self" href="https://www.taniweb.jp/tag/%E5%90%8D%E5%88%BA%E4%BB%A3%E3%82%8F%E3%82%8A%E3%81%AEweb%E3%82%B5%E3%82%A4%E3%83%88/feed/"/>
	<item>
		<title>集客とブランディングの為のWEBサイト設計</title>
		<link>https://www.taniweb.jp/blog/24628/</link>
		
		<dc:creator><![CDATA[Takako Taniguchi]]></dc:creator>
		<pubDate>Wed, 25 Mar 2026 07:52:56 +0000</pubDate>
				<category><![CDATA[WEBサイト運営のはじめの一歩]]></category>
		<category><![CDATA[記事一覧]]></category>
		<category><![CDATA[ブランディングの拠点]]></category>
		<category><![CDATA[プロトタイプ]]></category>
		<category><![CDATA[プロトタイプ作成プラン]]></category>
		<category><![CDATA[ワイヤーフレーム]]></category>
		<category><![CDATA[事前調査]]></category>
		<category><![CDATA[名刺代わりのWEBサイト]]></category>
		<category><![CDATA[地域密着型]]></category>
		<category><![CDATA[情報の優先順位]]></category>
		<category><![CDATA[情報設計]]></category>
		<category><![CDATA[集客]]></category>
		<guid isPermaLink="false">https://www.taniweb.jp/?p=24628</guid>

					<description><![CDATA[<p><img width="1950" height="1488" src="https://www.taniweb.jp/wp/wp-content/uploads/2026/03/bd2b5d10dd21635eae495aa0fb226fcc.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" decoding="async" fetchpriority="high" srcset="https://www.taniweb.jp/wp/wp-content/uploads/2026/03/bd2b5d10dd21635eae495aa0fb226fcc.jpg 1950w, https://www.taniweb.jp/wp/wp-content/uploads/2026/03/bd2b5d10dd21635eae495aa0fb226fcc-300x229.jpg 300w, https://www.taniweb.jp/wp/wp-content/uploads/2026/03/bd2b5d10dd21635eae495aa0fb226fcc-1024x781.jpg 1024w, https://www.taniweb.jp/wp/wp-content/uploads/2026/03/bd2b5d10dd21635eae495aa0fb226fcc-1536x1172.jpg 1536w" sizes="(max-width: 1950px) 100vw, 1950px" /></p>
<p><!-- wp:paragraph --></p>
<p><!-- /wp:paragraph --></p>
<p><!-- wp:group {"className":"is-style-vk-group-shadow","layout":{"type":"constrained"}} --></p>
<div class="wp-block-group is-style-vk-group-shadow"><!-- wp:paragraph --></p>
<p>この記事は集客とブランディングの基礎について考える連載記事の、第5回目です。</p>
<p><!-- /wp:paragraph --></div>
<p><!-- /wp:group --></p>
<p><!-- wp:heading --></p>
<h2 class="wp-block-heading">名刺代わりのWEBサイトは自走しない</h2>
<p><!-- /wp:heading --></p>
<p><!-- wp:paragraph --></p>
<p>28年間デザインの現場に居れば、直受け、下請けに関わらず、ピンからキリまでの案件に参加する機会を持つことができました。どちらも経験して思う事は・・・確かに「名刺代わりの簡素なWEBサイト」でも、上手く回せる起業家は存在するという事。</p>
<p><!-- /wp:paragraph --></p>
<p><!-- wp:spacer {"height":"33px"} --></p>
<div style="height:33px" aria-hidden="true" class="wp-block-spacer"></div>
<p><!-- /wp:spacer --></p>
<p><!-- wp:paragraph --></p>
<p>もちろん環境や条件はあって、法人向けで寡占資格系の業務とか、地域密着型（商圏が10km程）などが多いですが、他にも太いコネを持っていたり、凄腕営業マンだったり、フランチャイズだったり、商材が特殊だったりします。<br />あと目的が、単にクレジット決済導入の審査の為だけという場合も。</p>
<p><!-- /wp:paragraph --></p>
<p><!-- wp:spacer {"height":"33px"} --></p>
<div style="height:33px" aria-hidden="true" class="wp-block-spacer"></div>
<p><!-- /wp:spacer --></p>
<p><!-- wp:paragraph --></p>
<p>なんであれ、基本的には、「名刺代わりのWEBサイト」は自走しません。活かしきれるかどうかは、持つ人の活躍次第です。</p>
<p><!-- /wp:paragraph --></p>
<p><!-- wp:spacer {"height":"33px"} --></p>
<div style="height:33px" aria-hidden="true" class="wp-block-spacer"></div>
<p><!-- /wp:spacer --></p>
<p><!-- wp:heading --></p>
<h2 class="wp-block-heading">集客とブランディングの拠点とするWEBに必要なこと</h2>
<p><!-- /wp:heading --></p>
<p><!-- wp:spacer {"height":"33px"} --></p>
<div style="height:33px" aria-hidden="true" class="wp-block-spacer"></div>
<p><!-- /wp:spacer --></p>
<p><!-- wp:paragraph --></p>
<p>WEBサイトが集客あるいはブランディングの拠点として自走してくれるように成長させるには、公開してからどれだけ拡張させていけるのかが、勝負になります。その為に大事な事は、設計するという工程を大事にする事。</p>
<p><!-- /wp:paragraph --></p>
<p><!-- wp:spacer {"height":"33px"} --></p>
<div style="height:33px" aria-hidden="true" class="wp-block-spacer"></div>
<p><!-- /wp:spacer --></p>
<p><!-- wp:paragraph --></p>
<p>家に例えるなら、施工図面です。ここを省略していきなり家を建て始める人は居ないと思いますし、建売であっても、何人で暮らすのか？持ってる家具が入るか？とか、事前調査をしっかり行うと思います。それなのに、兎角WEBサイトとなると、ここをすっ飛ばしてしまう方が多いんですよね。そして大なり小なりの進行ミスを生んでしまうんです。（自戒も込めて書いております）</p>
<p><!-- /wp:paragraph --></p>
<p><!-- wp:heading --></p>
<h2 class="wp-block-heading">価格の違いは、情報設計の違い</h2>
<p><!-- /wp:heading --></p>
<p><!-- wp:paragraph --></p>
<p>格安を謳うホームページ作成と、通常のWEB制作のコストの違いは、情報設計の有無にある事が多いんです。クライアントは完成品を早く見たいし、制作する側も渡したら終わりにできるので、この工程が最も省きやすいからです。テンプレート利用が人気なのも、守備範囲が定められた上で、基礎設計済みなので、使い勝手も大きく揺れることが無いからだと思います。</p>
<p><!-- /wp:paragraph --></p>
<p><!-- wp:spacer {"height":"33px"} --></p>
<div style="height:33px" aria-hidden="true" class="wp-block-spacer"></div>
<p><!-- /wp:spacer --></p>
<p><!-- wp:heading {"className":"is-style-vk-heading-solid_black"} --></p>
<h2 class="wp-block-heading is-style-vk-heading-solid_black">ワイヤーフレーム（構造設計）の重要性を考える</h2>
<p><!-- /wp:heading --></p>
<p><!-- wp:paragraph --></p>
<p>さて、設計工程を大事にするって、具体的に何をすればよいのでしょうか？</p>
<p><!-- /wp:paragraph --></p>
<p><!-- wp:spacer {"height":"33px"} --></p>
<div style="height:33px" aria-hidden="true" class="wp-block-spacer"></div>
<p><!-- /wp:spacer --></p>
<p><!-- wp:paragraph --></p>
<p>ここまでの過程で、ターゲット設定やペルソナは確定していると思います。情報設計とは、そのまさに「誰に向けたサイトなのか」を起点として、どんな順番で情報を伝えるのか？どこで行動してもらうのか？を整理する事です。</p>
<p><!-- /wp:paragraph --></p>
<p><!-- wp:group {"className":"is-style-vk-group-shadow","layout":{"type":"constrained"}} --></p>
<div class="wp-block-group is-style-vk-group-shadow"><!-- wp:paragraph --></p>
<p>情報設計とは、「誰に向けたサイトなのか」を起点として、</p>
<p><!-- /wp:paragraph --></p>
<p><!-- wp:list --></p>
<ul class="wp-block-list"><!-- wp:list-item --></p>
<li>どんな順番で情報を伝えるのか</li>
<p><!-- /wp:list-item --></p>
<p><!-- wp:list-item --></p>
<li>どこで行動してもらうのか</li>
<p><!-- /wp:list-item --></ul>
<p><!-- /wp:list --></p>
<p><!-- wp:paragraph --></p>
<p>を整理することです。</p>
<p><!-- /wp:paragraph --></div>
<p><!-- /wp:group --></p>
<p><!-- wp:spacer {"height":"33px"} --></p>
<div style="height:33px" aria-hidden="true" class="wp-block-spacer"></div>
<p><!-- /wp:spacer --></p>
<p><!-- wp:paragraph --></p>
<p>完成してから「思ってたんと違う」となったり、延々と修正が重なりコストが膨らんだり、公開したけど反応もないし更新も無い・・・というような状況になるのって、この整理がしっかり出来ていないからと云えます。</p>
<p><!-- /wp:paragraph --></p>
<p><!-- wp:heading {"className":"is-style-vk-heading-solid_bottomborder_black"} --></p>
<h2 class="wp-block-heading is-style-vk-heading-solid_bottomborder_black">ワイヤーフレームとプロトタイプ</h2>
<p><!-- /wp:heading --></p>
<p><!-- wp:paragraph --></p>
<p><!-- /wp:paragraph --></p>
<p><!-- wp:heading {"level":3,"className":"is-style-vk-heading-background_fill_lightgray"} --></p>
<h3 class="wp-block-heading is-style-vk-heading-background_fill_lightgray">1. ワイヤーフレームは「情報の交通整理」</h3>
<p><!-- /wp:heading --></p>
<p><!-- wp:paragraph --></p>
<p>ワイヤーフレームとは、「線 / Wire」と「枠 / Frame」だけを配置したもので、デザインを作る前の設計図の事です。できれば「色」もあえて排除して、何をどこに配置するかに集中した方がよいです。</p>
<p><!-- /wp:paragraph --></p>
<p><!-- wp:spacer {"height":"33px"} --></p>
<div style="height:33px" aria-hidden="true" class="wp-block-spacer"></div>
<p><!-- /wp:spacer --></p>
<p><!-- wp:table --></p>
<figure class="wp-block-table">
<table class="has-fixed-layout">
<tbody>
<tr>
<td>何をする？</td>
<td>・情報の優先順位<br />・どこに何を配置するか考える<br />・ユーザーの導線を設計する</td>
</tr>
<tr>
<td>メリット</td>
<td>・言葉の優先順位が明確になり、意図を持って構造を作ることができる。成約から逆算した配置をこの段階で確定させましょう。</td>
</tr>
</tbody>
</table>
</figure>
<p><!-- /wp:table --></p>
<p><!-- wp:spacer {"height":"33px"} --></p>
<div style="height:33px" aria-hidden="true" class="wp-block-spacer"></div>
<p><!-- /wp:spacer --></p>
<p><!-- wp:heading {"level":3,"className":"is-style-vk-heading-background_fill_lightgray"} --></p>
<h3 class="wp-block-heading is-style-vk-heading-background_fill_lightgray">2. プロトタイプは「イメージと現実のすり合わせ」</h3>
<p><!-- /wp:heading --></p>
<p><!-- wp:paragraph --></p>
<p>WF（ワイヤーフレーム）を作成した後は、トップページだけでも良いので、動くプロトタイプを作ってみましょう。プロトタイプがあるとアイデアを素早く試作品（プロトタイプ）にし、検証・改善やサービス開発のスピードを上げることができます。<br />（<a href="https://www.taniweb.jp/ux-gloassary/">UXUI用語集 / https://www.taniweb.jp/ux-gloassary</a>/）</p>
<p><!-- /wp:paragraph --></p>
<p><!-- wp:spacer {"height":"33px"} --></p>
<div style="height:33px" aria-hidden="true" class="wp-block-spacer"></div>
<p><!-- /wp:spacer --></p>
<p><!-- wp:table --></p>
<figure class="wp-block-table">
<table class="has-fixed-layout">
<tbody>
<tr>
<td>何をする？</td>
<td>・素早く試作品を開発する</td>
</tr>
<tr>
<td>メリット</td>
<td>・ユーザー目線でテストが可能<br />・違和感に速く気づくことが出来る<br />・公開前に改善が可能</td>
</tr>
</tbody>
</table>
</figure>
<p><!-- /wp:table --></p>
<p><!-- wp:paragraph --></p>
<p><!-- /wp:paragraph --></p>
<p><!-- wp:paragraph --></p>
<p><!-- /wp:paragraph --></p>
<p><!-- wp:heading {"className":"is-style-vk-heading-solid_bottomborder_black"} --></p>
<h2 class="wp-block-heading is-style-vk-heading-solid_bottomborder_black">AI時代でも設計は人間の仕事</h2>
<p><!-- /wp:heading --></p>
<p><!-- wp:paragraph --></p>
<p>最近では、AIでデザインも出来るようになりました。もちろんWF（ワイヤーフレーム）だって、ある程度なら自動で作成が可能だと思います。ただ、まだまだ設計の本質は、人の判断に大きく依存します。だからこそ、きちんと考えること、意図を持って企画すること、そして検証すること。この３点がとても大切なんだと思います。</p>
<p><!-- /wp:paragraph --></p>
<p><!-- wp:paragraph --></p>
<p><!-- /wp:paragraph --></p>
<p><!-- wp:heading {"className":"is-style-vk-heading-solid_black"} --></p>
<h2 class="wp-block-heading is-style-vk-heading-solid_black">プロトタイプ作成プラン</h2>
<p><!-- /wp:heading --></p>
<p><!-- wp:paragraph --></p>
<p>どんなWEBサイトにすれば良いのかわからないという方へ。一度、企画について相談してみませんか？画面を共有しながら一緒に動くプロトタイプまで作成いたします。</p>
<p><!-- /wp:paragraph --></p>
<p><!-- wp:spacer {"height":"33px"} --></p>
<div style="height:33px" aria-hidden="true" class="wp-block-spacer"></div>
<p><!-- /wp:spacer --></p>
<p><!-- wp:paragraph --></p>
<p><!-- /wp:paragraph --></p>
<p><!-- wp:spacer {"height":"33px"} --></p>
<div style="height:33px" aria-hidden="true" class="wp-block-spacer"></div>
<p><!-- /wp:spacer --></p>
<p><!-- wp:heading {"className":"is-style-vk-heading-solid_black"} --></p>
<h2 class="wp-block-heading is-style-vk-heading-solid_black">関連記事もお読みください</h2>
<p><!-- /wp:heading --></p>
<p><!-- wp:embed {"url":"https://www.taniweb.jp/design-concept/","type":"wp-embed","providerNameSlug":"taniweb"} --></p>
<figure class="wp-block-embed is-type-wp-embed is-provider-taniweb wp-block-embed-taniweb">
<div class="wp-block-embed__wrapper">
https://www.taniweb.jp/design-concept/
</div>
</figure>
<p><!-- /wp:embed --></p>
<p><!-- wp:spacer --></p>
<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
<p><!-- /wp:spacer --></p>
<p><!-- wp:columns --></p>
<div class="wp-block-columns"><!-- wp:column --></p>
<div class="wp-block-column"><!-- wp:embed {"url":"https://www.amazon.co.jp/%E4%B8%8D%E6%BB%85%E3%81%AE%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%83%AB%E3%83%BC%E3%83%AB-%E5%9C%A7%E5%80%92%E7%9A%84%E3%81%AA%E6%84%9F%E5%8B%95%E3%82%92%E7%94%9F%E3%81%BF%E5%87%BA%E3%81%99%E3%82%A2%E3%82%A4%E3%83%87%E3%82%A2%E7%BE%A4-%E6%A4%8D%E7%94%B0%E9%98%BF%E5%B8%8C/dp/4815617023?__mk_ja_JP=%E3%82%AB%E3%82%BF%E3%82%AB%E3%83%8A\u0026crid=3VVNW8M1WHW0I\u0026keywords=%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3\u0026qid=1692172708\u0026s=books\u0026sprefix=%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%2Cstripbooks%2C203\u0026sr=1-11\u0026linkCode=ll1\u0026tag=taniweb-22\u0026linkId=37441562a061dfb52bcc6318c482a5c6\u0026language=ja_JP\u0026ref_=as_li_ss_tl","type":"rich","providerNameSlug":"amazon"} --></p>
<figure class="wp-block-embed is-type-rich is-provider-amazon wp-block-embed-amazon">
<div class="wp-block-embed__wrapper">
https://www.amazon.co.jp/%E4%B8%8D%E6%BB%85%E3%81%AE%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%83%AB%E3%83%BC%E3%83%AB-%E5%9C%A7%E5%80%92%E7%9A%84%E3%81%AA%E6%84%9F%E5%8B%95%E3%82%92%E7%94%9F%E3%81%BF%E5%87%BA%E3%81%99%E3%82%A2%E3%82%A4%E3%83%87%E3%82%A2%E7%BE%A4-%E6%A4%8D%E7%94%B0%E9%98%BF%E5%B8%8C/dp/4815617023?__mk_ja_JP=%E3%82%AB%E3%82%BF%E3%82%AB%E3%83%8A&amp;crid=3VVNW8M1WHW0I&amp;keywords=%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3&amp;qid=1692172708&amp;s=books&amp;sprefix=%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%2Cstripbooks%2C203&amp;sr=1-11&amp;linkCode=ll1&amp;tag=taniweb-22&amp;linkId=37441562a061dfb52bcc6318c482a5c6&amp;language=ja_JP&amp;ref_=as_li_ss_tl
</div>
</figure>
<p><!-- /wp:embed --></div>
<p><!-- /wp:column --></p>
<p><!-- wp:column --></p>
<div class="wp-block-column"><!-- wp:embed {"url":"https://www.amazon.co.jp/%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%80%81%E5%AD%A6%E3%81%B3%E3%81%AE%E3%81%97%E3%81%8F%E3%81%BF-%E3%83%8B%E3%83%A5%E3%83%BC%E3%83%A8%E3%83%BC%E3%82%AF%E3%81%AE%E7%BE%8E%E5%A4%A7%E8%AC%9B%E5%B8%AB%E3%81%8C%E8%80%83%E3%81%88%E3%82%8B%E5%89%B5%E9%80%A0%E5%8A%9B%E3%81%AE%E4%BC%B8%E3%81%B0%E3%81%97%E6%96%B9-%E9%81%A0%E8%97%A4-%E5%A4%A7%E8%BC%94-ebook/dp/B0CBRV6KTS?_encoding=UTF8\u0026qid=1692172708\u0026sr=1-17\u0026linkCode=ll1\u0026tag=taniweb-22\u0026linkId=a379af97b68467fa711a8f56a8305786\u0026language=ja_JP\u0026ref_=as_li_ss_tl","type":"rich","providerNameSlug":"amazon"} --></p>
<figure class="wp-block-embed is-type-rich is-provider-amazon wp-block-embed-amazon">
<div class="wp-block-embed__wrapper">
https://www.amazon.co.jp/%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%80%81%E5%AD%A6%E3%81%B3%E3%81%AE%E3%81%97%E3%81%8F%E3%81%BF-%E3%83%8B%E3%83%A5%E3%83%BC%E3%83%A8%E3%83%BC%E3%82%AF%E3%81%AE%E7%BE%8E%E5%A4%A7%E8%AC%9B%E5%B8%AB%E3%81%8C%E8%80%83%E3%81%88%E3%82%8B%E5%89%B5%E9%80%A0%E5%8A%9B%E3%81%AE%E4%BC%B8%E3%81%B0%E3%81%97%E6%96%B9-%E9%81%A0%E8%97%A4-%E5%A4%A7%E8%BC%94-ebook/dp/B0CBRV6KTS?_encoding=UTF8&amp;qid=1692172708&amp;sr=1-17&amp;linkCode=ll1&amp;tag=taniweb-22&amp;linkId=a379af97b68467fa711a8f56a8305786&amp;language=ja_JP&amp;ref_=as_li_ss_tl
</div>
</figure>
<p><!-- /wp:embed --></div>
<p><!-- /wp:column --></div>
<p><!-- /wp:columns --></p>
<p><!-- wp:spacer --></p>
<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
<p><!-- /wp:spacer --></p>
<p><!-- wp:block {"ref":14817} /--></p>
<p>投稿<a href="https://www.taniweb.jp/blog/24628/">集客とブランディングの為のWEBサイト設計</a>は<a href="https://www.taniweb.jp">Taniweb制作</a>の最初に登場しました。</p>
]]></description>
										<content:encoded><![CDATA[<p><img width="1950" height="1488" src="https://www.taniweb.jp/wp/wp-content/uploads/2026/03/bd2b5d10dd21635eae495aa0fb226fcc.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://www.taniweb.jp/wp/wp-content/uploads/2026/03/bd2b5d10dd21635eae495aa0fb226fcc.jpg 1950w, https://www.taniweb.jp/wp/wp-content/uploads/2026/03/bd2b5d10dd21635eae495aa0fb226fcc-300x229.jpg 300w, https://www.taniweb.jp/wp/wp-content/uploads/2026/03/bd2b5d10dd21635eae495aa0fb226fcc-1024x781.jpg 1024w, https://www.taniweb.jp/wp/wp-content/uploads/2026/03/bd2b5d10dd21635eae495aa0fb226fcc-1536x1172.jpg 1536w" sizes="auto, (max-width: 1950px) 100vw, 1950px" /></p><!-- wp:paragraph -->
<p></p>
<!-- /wp:paragraph -->

<!-- wp:group {"className":"is-style-vk-group-shadow","layout":{"type":"constrained"}} -->
<div class="wp-block-group is-style-vk-group-shadow"><!-- wp:paragraph -->
<p>この記事は集客とブランディングの基礎について考える連載記事の、第5回目です。</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:heading -->
<h2 class="wp-block-heading">名刺代わりのWEBサイトは自走しない</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>28年間デザインの現場に居れば、直受け、下請けに関わらず、ピンからキリまでの案件に参加する機会を持つことができました。どちらも経験して思う事は・・・確かに「名刺代わりの簡素なWEBサイト」でも、上手く回せる起業家は存在するという事。</p>
<!-- /wp:paragraph -->

<!-- wp:spacer {"height":"33px"} -->
<div style="height:33px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:paragraph -->
<p>もちろん環境や条件はあって、法人向けで寡占資格系の業務とか、地域密着型（商圏が10km程）などが多いですが、他にも太いコネを持っていたり、凄腕営業マンだったり、フランチャイズだったり、商材が特殊だったりします。<br>あと目的が、単にクレジット決済導入の審査の為だけという場合も。</p>
<!-- /wp:paragraph -->

<!-- wp:spacer {"height":"33px"} -->
<div style="height:33px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:paragraph -->
<p>なんであれ、基本的には、「名刺代わりのWEBサイト」は自走しません。活かしきれるかどうかは、持つ人の活躍次第です。</p>
<!-- /wp:paragraph -->

<!-- wp:spacer {"height":"33px"} -->
<div style="height:33px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:heading -->
<h2 class="wp-block-heading">集客とブランディングの拠点とするWEBに必要なこと</h2>
<!-- /wp:heading -->

<!-- wp:spacer {"height":"33px"} -->
<div style="height:33px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:paragraph -->
<p>WEBサイトが集客あるいはブランディングの拠点として自走してくれるように成長させるには、公開してからどれだけ拡張させていけるのかが、勝負になります。その為に大事な事は、設計するという工程を大事にする事。</p>
<!-- /wp:paragraph -->

<!-- wp:spacer {"height":"33px"} -->
<div style="height:33px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:paragraph -->
<p>家に例えるなら、施工図面です。ここを省略していきなり家を建て始める人は居ないと思いますし、建売であっても、何人で暮らすのか？持ってる家具が入るか？とか、事前調査をしっかり行うと思います。それなのに、兎角WEBサイトとなると、ここをすっ飛ばしてしまう方が多いんですよね。そして大なり小なりの進行ミスを生んでしまうんです。（自戒も込めて書いております）</p>
<!-- /wp:paragraph -->

<!-- wp:heading -->
<h2 class="wp-block-heading">価格の違いは、情報設計の違い</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>格安を謳うホームページ作成と、通常のWEB制作のコストの違いは、情報設計の有無にある事が多いんです。クライアントは完成品を早く見たいし、制作する側も渡したら終わりにできるので、この工程が最も省きやすいからです。テンプレート利用が人気なのも、守備範囲が定められた上で、基礎設計済みなので、使い勝手も大きく揺れることが無いからだと思います。</p>
<!-- /wp:paragraph -->

<!-- wp:spacer {"height":"33px"} -->
<div style="height:33px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:heading {"className":"is-style-vk-heading-solid_black"} -->
<h2 class="wp-block-heading is-style-vk-heading-solid_black">ワイヤーフレーム（構造設計）の重要性を考える</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>さて、設計工程を大事にするって、具体的に何をすればよいのでしょうか？</p>
<!-- /wp:paragraph -->

<!-- wp:spacer {"height":"33px"} -->
<div style="height:33px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:paragraph -->
<p>ここまでの過程で、ターゲット設定やペルソナは確定していると思います。情報設計とは、そのまさに「誰に向けたサイトなのか」を起点として、どんな順番で情報を伝えるのか？どこで行動してもらうのか？を整理する事です。</p>
<!-- /wp:paragraph -->

<!-- wp:group {"className":"is-style-vk-group-shadow","layout":{"type":"constrained"}} -->
<div class="wp-block-group is-style-vk-group-shadow"><!-- wp:paragraph -->
<p>情報設計とは、「誰に向けたサイトなのか」を起点として、</p>
<!-- /wp:paragraph -->

<!-- wp:list -->
<ul class="wp-block-list"><!-- wp:list-item -->
<li>どんな順番で情報を伝えるのか</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>どこで行動してもらうのか</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->

<!-- wp:paragraph -->
<p>を整理することです。</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:spacer {"height":"33px"} -->
<div style="height:33px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:paragraph -->
<p>完成してから「思ってたんと違う」となったり、延々と修正が重なりコストが膨らんだり、公開したけど反応もないし更新も無い・・・というような状況になるのって、この整理がしっかり出来ていないからと云えます。</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"className":"is-style-vk-heading-solid_bottomborder_black"} -->
<h2 class="wp-block-heading is-style-vk-heading-solid_bottomborder_black">ワイヤーフレームとプロトタイプ</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p></p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":3,"className":"is-style-vk-heading-background_fill_lightgray"} -->
<h3 class="wp-block-heading is-style-vk-heading-background_fill_lightgray">1. ワイヤーフレームは「情報の交通整理」</h3>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>ワイヤーフレームとは、「線 / Wire」と「枠 / Frame」だけを配置したもので、デザインを作る前の設計図の事です。できれば「色」もあえて排除して、何をどこに配置するかに集中した方がよいです。</p>
<!-- /wp:paragraph -->

<!-- wp:spacer {"height":"33px"} -->
<div style="height:33px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:table -->
<figure class="wp-block-table"><table class="has-fixed-layout"><tbody><tr><td>何をする？</td><td>・情報の優先順位<br>・どこに何を配置するか考える<br>・ユーザーの導線を設計する</td></tr><tr><td>メリット</td><td>・言葉の優先順位が明確になり、意図を持って構造を作ることができる。成約から逆算した配置をこの段階で確定させましょう。</td></tr></tbody></table></figure>
<!-- /wp:table -->

<!-- wp:spacer {"height":"33px"} -->
<div style="height:33px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:heading {"level":3,"className":"is-style-vk-heading-background_fill_lightgray"} -->
<h3 class="wp-block-heading is-style-vk-heading-background_fill_lightgray">2. プロトタイプは「イメージと現実のすり合わせ」</h3>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>WF（ワイヤーフレーム）を作成した後は、トップページだけでも良いので、動くプロトタイプを作ってみましょう。プロトタイプがあるとアイデアを素早く試作品（プロトタイプ）にし、検証・改善やサービス開発のスピードを上げることができます。<br>（<a href="https://www.taniweb.jp/ux-gloassary/">UXUI用語集 / https://www.taniweb.jp/ux-gloassary</a>/）</p>
<!-- /wp:paragraph -->

<!-- wp:spacer {"height":"33px"} -->
<div style="height:33px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:table -->
<figure class="wp-block-table"><table class="has-fixed-layout"><tbody><tr><td>何をする？</td><td>・素早く試作品を開発する</td></tr><tr><td>メリット</td><td>・ユーザー目線でテストが可能<br>・違和感に速く気づくことが出来る<br>・公開前に改善が可能</td></tr></tbody></table></figure>
<!-- /wp:table -->

<!-- wp:paragraph -->
<p></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p></p>
<!-- /wp:paragraph -->

<!-- wp:heading {"className":"is-style-vk-heading-solid_bottomborder_black"} -->
<h2 class="wp-block-heading is-style-vk-heading-solid_bottomborder_black">AI時代でも設計は人間の仕事</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>最近では、AIでデザインも出来るようになりました。もちろんWF（ワイヤーフレーム）だって、ある程度なら自動で作成が可能だと思います。ただ、まだまだ設計の本質は、人の判断に大きく依存します。だからこそ、きちんと考えること、意図を持って企画すること、そして検証すること。この３点がとても大切なんだと思います。</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p></p>
<!-- /wp:paragraph -->

<!-- wp:heading {"className":"is-style-vk-heading-solid_black"} -->
<h2 class="wp-block-heading is-style-vk-heading-solid_black">プロトタイプ作成プラン</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>どんなWEBサイトにすれば良いのかわからないという方へ。一度、企画について相談してみませんか？画面を共有しながら一緒に動くプロトタイプまで作成いたします。</p>
<!-- /wp:paragraph -->

<!-- wp:spacer {"height":"33px"} -->
<div style="height:33px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:paragraph -->
<p></p>
<!-- /wp:paragraph -->

<!-- wp:spacer {"height":"33px"} -->
<div style="height:33px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:heading {"className":"is-style-vk-heading-solid_black"} -->
<h2 class="wp-block-heading is-style-vk-heading-solid_black">関連記事もお読みください</h2>
<!-- /wp:heading -->

<!-- wp:embed {"url":"https://www.taniweb.jp/design-concept/","type":"wp-embed","providerNameSlug":"taniweb"} -->
<figure class="wp-block-embed is-type-wp-embed is-provider-taniweb wp-block-embed-taniweb"><div class="wp-block-embed__wrapper">
https://www.taniweb.jp/design-concept/
</div></figure>
<!-- /wp:embed -->

<!-- wp:spacer -->
<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:embed {"url":"https://www.amazon.co.jp/%E4%B8%8D%E6%BB%85%E3%81%AE%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%83%AB%E3%83%BC%E3%83%AB-%E5%9C%A7%E5%80%92%E7%9A%84%E3%81%AA%E6%84%9F%E5%8B%95%E3%82%92%E7%94%9F%E3%81%BF%E5%87%BA%E3%81%99%E3%82%A2%E3%82%A4%E3%83%87%E3%82%A2%E7%BE%A4-%E6%A4%8D%E7%94%B0%E9%98%BF%E5%B8%8C/dp/4815617023?__mk_ja_JP=%E3%82%AB%E3%82%BF%E3%82%AB%E3%83%8A\u0026crid=3VVNW8M1WHW0I\u0026keywords=%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3\u0026qid=1692172708\u0026s=books\u0026sprefix=%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%2Cstripbooks%2C203\u0026sr=1-11\u0026linkCode=ll1\u0026tag=taniweb-22\u0026linkId=37441562a061dfb52bcc6318c482a5c6\u0026language=ja_JP\u0026ref_=as_li_ss_tl","type":"rich","providerNameSlug":"amazon"} -->
<figure class="wp-block-embed is-type-rich is-provider-amazon wp-block-embed-amazon"><div class="wp-block-embed__wrapper">
https://www.amazon.co.jp/%E4%B8%8D%E6%BB%85%E3%81%AE%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%83%AB%E3%83%BC%E3%83%AB-%E5%9C%A7%E5%80%92%E7%9A%84%E3%81%AA%E6%84%9F%E5%8B%95%E3%82%92%E7%94%9F%E3%81%BF%E5%87%BA%E3%81%99%E3%82%A2%E3%82%A4%E3%83%87%E3%82%A2%E7%BE%A4-%E6%A4%8D%E7%94%B0%E9%98%BF%E5%B8%8C/dp/4815617023?__mk_ja_JP=%E3%82%AB%E3%82%BF%E3%82%AB%E3%83%8A&amp;crid=3VVNW8M1WHW0I&amp;keywords=%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3&amp;qid=1692172708&amp;s=books&amp;sprefix=%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%2Cstripbooks%2C203&amp;sr=1-11&amp;linkCode=ll1&amp;tag=taniweb-22&amp;linkId=37441562a061dfb52bcc6318c482a5c6&amp;language=ja_JP&amp;ref_=as_li_ss_tl
</div></figure>
<!-- /wp:embed --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:embed {"url":"https://www.amazon.co.jp/%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%80%81%E5%AD%A6%E3%81%B3%E3%81%AE%E3%81%97%E3%81%8F%E3%81%BF-%E3%83%8B%E3%83%A5%E3%83%BC%E3%83%A8%E3%83%BC%E3%82%AF%E3%81%AE%E7%BE%8E%E5%A4%A7%E8%AC%9B%E5%B8%AB%E3%81%8C%E8%80%83%E3%81%88%E3%82%8B%E5%89%B5%E9%80%A0%E5%8A%9B%E3%81%AE%E4%BC%B8%E3%81%B0%E3%81%97%E6%96%B9-%E9%81%A0%E8%97%A4-%E5%A4%A7%E8%BC%94-ebook/dp/B0CBRV6KTS?_encoding=UTF8\u0026qid=1692172708\u0026sr=1-17\u0026linkCode=ll1\u0026tag=taniweb-22\u0026linkId=a379af97b68467fa711a8f56a8305786\u0026language=ja_JP\u0026ref_=as_li_ss_tl","type":"rich","providerNameSlug":"amazon"} -->
<figure class="wp-block-embed is-type-rich is-provider-amazon wp-block-embed-amazon"><div class="wp-block-embed__wrapper">
https://www.amazon.co.jp/%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%80%81%E5%AD%A6%E3%81%B3%E3%81%AE%E3%81%97%E3%81%8F%E3%81%BF-%E3%83%8B%E3%83%A5%E3%83%BC%E3%83%A8%E3%83%BC%E3%82%AF%E3%81%AE%E7%BE%8E%E5%A4%A7%E8%AC%9B%E5%B8%AB%E3%81%8C%E8%80%83%E3%81%88%E3%82%8B%E5%89%B5%E9%80%A0%E5%8A%9B%E3%81%AE%E4%BC%B8%E3%81%B0%E3%81%97%E6%96%B9-%E9%81%A0%E8%97%A4-%E5%A4%A7%E8%BC%94-ebook/dp/B0CBRV6KTS?_encoding=UTF8&amp;qid=1692172708&amp;sr=1-17&amp;linkCode=ll1&amp;tag=taniweb-22&amp;linkId=a379af97b68467fa711a8f56a8305786&amp;language=ja_JP&amp;ref_=as_li_ss_tl
</div></figure>
<!-- /wp:embed --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:spacer -->
<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:block {"ref":14817} /--><p>投稿<a href="https://www.taniweb.jp/blog/24628/">集客とブランディングの為のWEBサイト設計</a>は<a href="https://www.taniweb.jp">Taniweb制作</a>の最初に登場しました。</p>
]]></content:encoded>
					
		
		
				    <image><url>https://www.taniweb.jp/wp/wp-content/uploads/2026/03/bd2b5d10dd21635eae495aa0fb226fcc-1024x781.jpg</url></image>
    <thumb><url>https://www.taniweb.jp/wp/wp-content/uploads/2026/03/bd2b5d10dd21635eae495aa0fb226fcc-55x55.jpg</url></thumb>
	</item>
	</channel>
</rss>
