新製品のウェブサイトを構築する方法（およびその方法）|
ä¸è¦å²ç¬æåçæ§
目次:
- クリエイティブブリーフィングで始める
- サイトマップを作成する
- ペンと紙を使用しない場合、PowerPointやKeynoteを使ってワイヤフレームを作成できます。また、プロセスを簡単にするバルサミークのような専用のワイヤーフレームツールもあります。
- WordPress：これは、シンプルなウェブサイトのための素晴らしい、低コストのプラットフォームです。多くの設計オプションがあり、無料で開始することができます。たくさんの製品を使ってオンラインストアを運営しようと思っているのなら、WordPressはおすすめしませんが、基本的な情報ウェブサイトやブログのための素晴らしいオプションです。数十万のWebサイトがWordPressを使用しているので、この選択肢ではあまりにも間違ってはいけません。
- あなたのウェブサイトを稼働させるための追加の質問やコメントがある場合は、コメントに私に尋ねることをためらってください。
この記事を読んだ後で、第2、第3、第4回も同様です。
あなたはどのようなビジネスを始めていても、ウェブサイトが必要です。今日は名刺を持っているよりも、サイトを持つほうがおそらく重要です。
食品カートのようないくつかの選択されたビジネスは、Facebookや他のソーシャルプラットフォーム上に存在するだけで逃げることができます。しかし、今日はそれがルールではなく例外です。専用のウェブサイトが必要なのかもしれません。
それを構築する方法について考え始めるのは早すぎることはありません。これらのことは、あなたの考えるよりも多くの時間を要します。あなたが必要とするウェブサイトの種類と、それをどのように構築して早期に動かしていくかを考える必要があります。
ここPalo Alto Softwareでは、新製品Outpost 。私たちのウェブサイトは、潜在的な顧客が当社の製品について学び、価格情報を見つけてOutpostを購読する主な方法を（最も重要なのは）主な方法にします。
Outpostのウェブサイトは、
Outpostは、チームが共有受信ボックスを管理して、チームが簡単に追跡、共同作業などを行うことができるようにします。
[email protected]や[email protected]などの一般的な電子メールアドレスに送信されたメッセージに応答することができます。 Outpostはあなたのすべてのメールのミッションコントロールのようなもので、すべてのメールが正しいレスポンスを得て、何も落とされないようにします。
Outpostをどのように構築したかについて詳しく知りたい方は、完全なストーリーを手に入れよう。
クリエイティブブリーフィングで始める
クリエイティブブリーフィングがまだない場合は、ここから開始してください。クリエイティブブリーフは、あなたの製品や会社についてどのように話し合うかを正確に示しています。あなたのブランドの声調、あなたのカラーパレット、あなたのバリューステートメントなどを定義します。あなたのクリエイティブブリーフィングは、あなたのウェブサイトが顧客とどのようにコミュニケーションをとるかを定義します。
ロゴ開発プロセスを経た場合は、既にクリエイティブブリーフィングを起草しているかもしれません。もしそうなら、それをあなたのウェブサイトに再利用することができます。
幸いにも、私はすでに、あなたがそれを行う方法を教える詳細な記事を書いています。これには、Outpostクリエイティブブリーフケースの例が含まれています。あなたは私たちが私たちをどのように構築したか見ることができますクリエイティブブリーフィングの作業が必要な場合は、ロゴの作成方法とクリエイティブブリーフに関する記事をチェックし、準備ができたらここに戻ってください。
サイトマップを作成する
手で、あなたのサイトマップの作業を開始します。
前哨基地のために開発したサイトマップは次のとおりです：
-
- 家庭：製品概要（サイトマップはサイトの目的と目標を含む）無料トライアルにサインアップするための「行動を促す」などがあります。
- 機能の概要：詳細機能ページへのリンクを含むすべての機能の概要
- 機能Aの機能の詳細：機能Aの詳細
- 機能の詳細フィーチャーB：フィーチャーBの詳細
- すべてのフィーチャーについて繰り返す
- 価格設定：無料トライアルのための料金プランとリンクの詳細
- 顧客： 成功した顧客のプロファイル
- 会社概要： 私たちが誰であるか、私たちの使命に関する声明、歴史についての概要
- お問い合わせ先： 連絡先、
- プライバシーポリシー： Outpostプライバシーポリシー
- ブログ： 最近のブログ記事を掲載しているブログのホームページ
- ブログ投稿： 複数のブログ投稿があります。
- ヘルプセンター： ヘルプセンターはZendeskによって提供されます。
- もちろん、あなたのサイトはOutpostサイトマップとは非常に異なるものになるでしょう。たとえば、レストランの場合、メニュー用の1ページまたは2ページと、予約用のページがあります。オンラインストアを構築している場合は、おそらく多くの異なる製品ページがあるでしょう。 あなたのサイトマップには、可能な限りあなたのサイトに含まれると思われるものが記載されています。この小さな計画は、サイト計画と開発の残りの部分をはるかに簡単にするため、この初期の段階で投資する価値があります。
最初のデザインを書く前に
あなたは、ここで注文しないでください。
実際には、より良いアプローチは、「後ろ向き」を行い、まずあなたのウェブサイトのコピーを考えてから、その周りをデザインすることですそのコピー。どうして？あなたの顧客とコミュニケーションしたいものは、サイトの実際の最終的なデザインよりもずっと重要です。もちろん、デザインは重要であり、見栄えの良いサイトを作りたいと思っていますが、重要なメッセージをユーザーに伝えられない場合は、良いデザインでは違いが見られません。
まずコピーを作成するまた、各ページが通信しようとしていることを理解するのに役立ちます。これにより、メッセージングを強化する優れた設計設計が可能になります。 Squarespaceのようなツールを使って自分でサイトを構築しようとしても、デザインを選択する前に各ページの内容を知ることは大きな時間節約になります。
デザインに時間が経つと、物事が適切に収まるようにあなたのコピーを洗練する必要がありますが、あなたのメッセージングのために作られたものではないデザインのコピーを書くよりも簡単です。
あなたのホームページでは、あなたがしていることを正確に説明します。つまり、お客様にとって重要な価値提案です。
共有電子メールを合理化する
簡単に追跡し、共同作業を進めることができます。
あなたの会社が行っていることを簡単に説明します。サポート@や情報@のような一般的な電子メールアドレスに送信されたメッセージに応答します。そこから、あなたのホームページに含めるコピーは実際にあなたの会社のタイプ、あなたの顧客
Outpostのために、私たちは製品の主な機能と利点を伝え、潜在的な顧客にもっと学ばせるように促す必要があります。また、顧客サービスチームについて話したいと思います。
しかし、これはあなたのホームページに適した設定ではないかもしれません。あなたがレストランの場合、多分メニューへのリンクや予約の取得に関する情報が必要です。すべての会社が違うので、何を言いたいのか分かり、それを書き留めてください。
空白のページから始めることについては心配しないでください。代わりに、業界のお気に入りのウェブサイトのリストを用意して、各サイトについて好きなものや嫌いなものについて考えてみてください。彼らはどのようなナビゲーションを使用していますか？どのページに含まれていますか？彼らはどのような種類の画像を使用していますか？あなたは車輪を再発明する必要はありませんし、お気に入りのサイトをジャンプポイントとして使用することは、始めるには最適な方法です。
最後のヒント：
通常は少なくなります。あなたのウェブサイトのコピーの無限の段落を書くことを誘惑してはいけません（あなたの顧客が期待するものでない限り！）。ウェブサイトの使い方に注意を払うと、多くの場合、すべての単語を読むのではなく、テキストを読み飛ばすことになります。これは、ほとんどの人が単語を読み上げるのではなく、オンラインでスキミングを読む方法です。コピーを短くしてポイントにしてください。
ワイヤフレームの開発
ワイヤフレームは、あなたのウェブサイトの大まかなレイアウトです。本当にデザインではありません。あなたがウェブサイトを構築するためにデザイナーと作業している場合、彼らはあなたのためのワイヤーフレームをあなたのために作り出します。設計プロセス。あなたがSquarespaceやShopifyのようなサービスを使ってあなた自身のウェブサイトを構築しているならば、自分でワイヤフレームを簡単に構築することができます。 このステップで威圧しないでください。ワイヤフレームを構築するための特別なツールは必要ありません。あなたのサイトの各ページをスケッチするには、紙とペンのパッドで十分です。覚えておいて、あなたは「設計」しておらず、ワイヤーフレームはきれいである必要はありません。インスピレーションが必要な場合は、好きなサイトをチェックして、各ページの情報をどのように構成するかを見てください。他のサイトからレイアウトを借りて自分のサイトのインスピレーションを見つけるのはまったく問題ありません。
ペンと紙を使用しない場合、PowerPointやKeynoteを使ってワイヤフレームを作成できます。また、プロセスを簡単にするバルサミークのような専用のワイヤーフレームツールもあります。
私はワイヤーフレームがどのように見えるかを知るために、Outpostのホームページワイヤフレームを以下に示しました。前のステップで作成したコピーと、デザイナーが作成したいグラフィック要素のアイデアのスケッチを見ることもできます。
Outpost用ワイヤフレーム
デザインとビルド
今度は実際にあなたのウェブサイトを実際にデザインして構築する時が来ました。フリーランスのデザイナーやデザイン会社を利用している場合は、ここからプロセスを引き継ぐことになります。
しかし、ほとんどの場合、あなたはおそらくこれを自分で行い、コストを抑えたいと思っています。あなたのように聞こえる場合は、ウェブサイトをデザインしてホストするプラットフォームを選択する必要があります。
まず、ニーズを考慮します。単純な1ページのウェブサイトが必要ですか？あなたはブログを組み込みたいですか？あなたの製品をオンラインで販売し、ショッピングカートのようなものが必要でしょうか？
文字通り何百もの選択肢がありますが、お気に入りのリストをいくつかリストアップして、あなたのウェブサイト。
WordPress：これは、シンプルなウェブサイトのための素晴らしい、低コストのプラットフォームです。多くの設計オプションがあり、無料で開始することができます。たくさんの製品を使ってオンラインストアを運営しようと思っているのなら、WordPressはおすすめしませんが、基本的な情報ウェブサイトやブログのための素晴らしいオプションです。数十万のWebサイトがWordPressを使用しているので、この選択肢ではあまりにも間違ってはいけません。
Shopify：
オンラインで商品を販売している場合、Shopifyは優れた選択肢です。このプラットフォームでオンラインストア全体を実行し、製品、在庫などの管理に必要なバックエンドツールをすべて入手できます。
Squarespace：
Squarespaceはすべての取引のジャックです。あなたはそれを使って、ブログからオンラインストアまでのすべてを作成することができます。美しいデザインのテンプレートと無限の柔軟性を備えているので、あなたを始めるには最適な選択です。
- 前哨基地については、若干異なる状況にあります。既存の会社として、社内のデザイナーと当社のウェブサイトで働くエンジニアがいます。しかし、そうでない場合は、WordPressまたはSquarespaceのいずれかを選択してウェブサイトを構築してください。
- テストと反復 新しいウェブサイトが起動して実行されると、作業は完了しません。実際、それはちょうど始まりです！あなたはそれを聞きたくないかもしれませんが、あなたのサイトが生きているので、実際にあなたが書いたコピーが実際に動作するかどうかを知る必要があります。あなたのコピーは顧客があなたがしたいことをするようになっていますか？適切なデザインとコピーを見つけることで、お客様の顧客数が増え、サイトに来るすべての見込み顧客を最大限に活用できるようになります。
- これをすべて理解するには、いくつかのテスト。これはA / Bテストと呼ばれます。それはあなたが現在のウェブサイト（Aバージョン）を代替（Bバージョン）に突き刺すときです。次に、より良いバージョンのバージョンを測定します。売上の増加、ビジネスへの呼び出しの増加、または単に顧客に別のページをクリックさせることで成功を測ることができます。 ここではA / Bテストの詳細なガイドはありませんが、それはもう一日の詳細なトピックですが、テストを完了するためにいくつかの追加ツールが必要になることをお知らせします。コンバージョン実験またはビジュアルウェブサイトオプティマイザーをお勧めします。両方とも、テストを容易にする堅実で手頃な選択です。
Googleアナリティクスのような分析ツール（無料！）をインストールして、どのような人々があなたのウェブサイトを訪れているのか、
