20分でWebアーキテクチャーをできる？チュートリアルはこちら

新しいWebサイトのデザインを始める前に、Webアーキテクチャーの作成を検討することをお勧めします。そうすることで、時間を減らすことができます。 Webアーキテクチャーは、複雑である必要はなく、時間と手間がかかるものでもありません。いくつかの重要な質問に時間をかけて答えることで、適切なWebプランでWebサイトを構成することができます。

例えば、商品を売るためのWebサイトを作るのと、個人のブランドのためのWebサイトを企画するのとでは、大きな違いがあります。成功するWebサイトを作るためには、自分が何をすべきかをよく考えることが重要です。今までの選択が間違っていたら、今まで築いてきたものをすべて解体して、最初からやり直さなければならないかもしれません。

実は、Webプランニングのプロセスは、必要なコンテンツを決めるだけでなく、Webアーキテクチャーに必要のないものを決めることでもあるのです。「Less is more」という言葉があるように、ただ追加した方が良さそうなものを追加するのではなく、ターゲットとなるユーザーがその機能を使うかどうかを考えなければなりません。

概要

適切なWebアーキテクチャーツールの選択
Webアーキテクチャー図で、Webサイトに必要なコンテンツを特定する
まとめ

1.適切なWebアーキテクチャーツールの選択

Mind Meisterなどのマインドマップツールを使ってWeb企画を進めることをお勧めしていますが、この記事ではそれに沿って説明します。しかし、この記事の目標はWebアーキテクチャーの準備ということを忘れないでくださいね。

このプロセスをよりよく説明するために、Strikinglyのユーザーが作成したサWebアーキテクチャーの例を紹介します。現在、Webアーキテクチャーは基本的にコンテンツ主導なので、書かれたコンテンツには細心の注意を払う必要があります。

以下の例は、典型的なWebアーキテクチャーの例です。このユーザーは、Web企画のプロセスを1ページで行い、サイトの基本情報を短い文章で伝えるバナーを掲載したページで、マーケティングの次のステップを進めています。

Strikinglyのユーザーのサイトから受けた画像

ヘッダー＆ナビゲーションのデザイン。Webアーキテクチャーでは、このユーザーはトップナビゲーションバーのデザインから始めて、5つの機能セクションを追加し、各機能セクションに異なるコンテンツを組み込みました。
Webアーキテクチャーにおけるブランドカラーの統一。このユーザーはWebサイトの構成にブルーのブランドカラーを使用しており、バナー、ボタン、ステッカーなど、Webサイトの企画の色はブランドトーンに沿ったものになっています。
フォントの種類とサイズ。フォントのサイズとタイプも、Webアーキテクチャーにおいて重要な考慮事項です。訪問者が一目でメインメッセージを理解できるようにするだけでなく、ブランドと統合して全体のスタイルを作る必要があります。
キーワードの配置と運用。WebサイトのSEOも重要なポイントとなり、基本的にはコンテンツマネジメントによって行われます。具体的には、ページ内のキーワードやaltテキストなどを考慮するとよいでしょう。

この方法でWebページを開設するのはとても難しいと思われるかもしれません。しかし、Strikinglyでは、プログラミングやデザインの知識がなくても、マウスのドラッグ＆ドロップでWebページを設定できるビジュアルサイトビルダーのサービスを提供しており、とても便利です。テンプレートの選び方に関して、この記事をチェックしましょう。