リードを獲得するポートフォリオウェブサイトを作成する方法–コーディングなし
公開: 2022-01-20あなたが優れたスキルを持つ個人の専門家である場合、ポートフォリオのウェブサイトを持つことはあなたにもっと多くのリードをもたらすでしょう。 しかし、ほとんどのフリーランサーや専門家は、ポートフォリオWebサイトを作成するのが難しいと感じています。
ウェブサイトのデザインについてはいくつかの誤解があり、「ハイエンドのコーディング知識が必要」もその1つです。 あなたはウェブサイトのデザインが大きな予算を必要とするだろうとさえ思うかもしれません。
コーディングなしで手頃な予算内でポートフォリオWebサイトを作成できることを保証します。 一番いいのは、技術的な知識がなくても自分でできることです。
ここでは、ポートフォリオWebサイトを設計するための詳細なステップバイステップガイドを共有します。
ポートフォリオウェブサイトとは何ですか？
ポートフォリオWebサイトは、特定の個人または企業のスキルと仕事を輝かせる個々の専門家または企業のショーケースのようなものです。
ポートフォリオのWebサイトには、いくつかの機能と独自のデザインが含まれている場合があります。 個人向けのポートフォリオWebサイトは、以前は1ページのWebサイトでした。 企業の場合、訪問者に詳細な情報を提供するために複数のページが必要です。
なぜあなたはポートフォリオのウェブサイトを持っている必要がありますか？
ポートフォリオのウェブサイトを作成すると、いくつかの利点があります。 すべてを一流に保つと、ウェブサイトから大量のリードを獲得する可能性が高くなります。 ポートフォリオWebサイトで享受できる利点は次のとおりです–
あなたの作品を専門的に紹介する：ポートフォリオWebサイトを作成することは、これまでのすべての作品を紹介するための最良の方法です。 履歴書には表示できない、以前のクライアントに対して行ったことを専門的に紹介できます。 特にクリエイティブな専門家にとって、あなたがどんな仕事をすることができるかを雇用主に知らせるのは簡単です。
雇用主により良い印象を与える：現在、さまざまな業界に膨大な数のフリーランサーがいます。 群衆から目立つようにしたい場合は、プロのポートフォリオWebサイトを構築することが、雇用主の注意を引くための最良の方法です。 それは雇用主に前向きな雰囲気を与え、プロジェクトに勝つチャンスを増やします。
より多くの仕事を得る：ポートフォリオのウェブサイトを維持することは、より多くのリードとより多くの顧客を獲得するための最良の方法です。 あなたはウェブサイトを維持することによってあなたの潜在的な顧客との良好な関係を築くことができます。 以前のクライアントでさえ、ポートフォリオWebサイトから簡単にあなたを見つけることができます。
柔軟性：従来の方法では、人々は自分のスキルを披露するために履歴書を維持していました。 しかし、履歴書を定期的に更新することは困難です。 しかし、ウェブサイトはあなたに物事を急速に変える柔軟性を与えます。 新しいタスクを完了するときはいつでも、それをポートフォリオに簡単に追加できます。
ポートフォリオウェブサイトを作成するために必要なもの
新しいウェブサイトにはいくつかの重要なものが必要です。それは–
ドメイン：これはあなたのウェブサイトの名前とアイデンティティになります。 ドメイン名を購入できるマーケットプレイスはいくつかあります。 ドメインのカテゴリに応じて、コストは異なります。
まったく新しいポートフォリオWebサイトの場合は、新しいドメイン名を使用することをお勧めします。 それはおよそ10ドルの費用がかかります。 GoDaddy、Namecheap、および同様のドメインマーケットプレイスから購入できます。
ホスティング：あらゆる種類のウェブサイトには、サイト所有者がウェブサイトのファイルをアップロードするホスティングサービスが必要です。 ホスティングサービスには幅広いパッケージがあります。 まず、共有ホスティングサービスで十分です。 ホスティングプロバイダーによって、料金は異なります。 評判の高いホスティングサービスプロバイダーであるBluehostの料金プランは、月額$2.95から始まります。
大量のトラフィックが予想され、ホスティングに非常に多くのファイルをアップロードしたい場合は、マネージドウェブホスティングを選択できます。 ウェブサイトにはWordPressCMSを使用することをお勧めします。 詳細については、WordPressに最適なウェブホスティングプロバイダーを確認してください。
プラグイン：ここでは、コードを知る必要がない方法を共有します。 このためには、2つの重要なプラグインをインストールする必要があります–
- Elementor
- ElementsKit
Elementorは、ユーザーがコードを記述せずにあらゆる種類のWebサイトを設計できる人気のあるWebサイトビルダーです。 Webサイトに実装するものはすべて、特定のウィジェットをドラッグアンドドロップするだけです。
ElementsKitは、高度な機能を備えたWebサイトの設計専用のElementorアドオンです。 あなたがポートフォリオのための最高のウェブサイトビルダーを探しているなら、それはあなたが使うことができる最高のページビルダーです。 ElementsKitを使用したポートフォリオWebサイトテンプレートがあります。
プロフェッショナルポートフォリオWebサイトを構築する手順
次の手順に従って、コードを1行も記述せずにポートフォリオWebサイトを作成します。
ステップ1：WordPressをインストールする
ドメイン名とホスティングサービスを購入したので、 WordPressCMSをインストールする必要があります。
WordPressのインストールはそれほど手間がかかりません。 ほとんどのホスティング会社には、ワンクリックでWordPressをインストールするオプションがあります。 技術的な問題を処理する手間をかける必要はありません。
ただし、選択したホスティングプロバイダーにワンクリックインストールがない場合は、WordPressを手動でインストールできます。
ステップ2：Essentialプラグインをインストールする–ElementorとElementsKit
WordPressが正しくインストールされていれば、プロのポートフォリオWebサイトを設計するために不可欠なプラグインをインストールできます。 上記のように、ElementorとElementsKitをインストールする必要があります。
WordPressダッシュボードからプラグインに移動すると、新しいページにリダイレクトされます。 Elementorを検索すると、プラグインが表示されます。 インストールボタンをクリックして、プラグインをアクティブにします。
次に、 ElementsKitのランディングページに移動し、必要に応じてプランを選択します。 あなたがポートフォリオのウェブサイトを構築しようとしているので、「個人的な」パッケージで十分でしょう。 プランを選択してプラグインを入手してください。 プラグインをインストールしてアクティブ化し、ElementsKitのすべての機能をお楽しみください。
ステップ3：WordPressテーマを追加する
Webサイトの適切なレイアウトを実現したい場合は、レスポンシブポートフォリオテーマをインストールすることが不可欠です。 ただし、ElementsKitのポートフォリオWebサイトテンプレートを使用してすべてを実行する場合は、この手順をスキップできます。 BLOポートフォリオのWordPressテーマを使用することをお勧めします。
ステップ4：テンプレートを選択する
これで、Webサイトのデザインを開始する準備が整いました。 WordPressダッシュボードに移動し、[新しいページを作成]を選択します。 次に、[Elementorで編集]を選択して、ElementsKitの要素をドラッグアンドドロップするだけでWebサイトに機能を追加します。
別のページに移動します。 Ekitボタンをクリックすると、テンプレートのリストが表示されます。 テンプレート、ページ、セクションの3つの異なるオプションがあります。 「テンプレート」をクリックすると、ElementsKitから利用可能なすべてのテンプレートが表示されます。
テンプレートのリストから、 「パーソナルポートフォリオ」テンプレートを選択します。 挿入をクリックすると、テンプレートがページにインポートされます。 次のステップに進みます。
このテンプレートには複数のページがあり、特定のテンプレートページを挿入するだけですべてのセクションを追加できます。 たとえば、ホームページ、料金プランページ、FAQページなどを追加できます。
ステップ5：テンプレートを編集する
テンプレートが正常に追加されたら、独自の要素を置き換えてテンプレートを編集します。
最初に編集する必要があるのは、テンプレートの見出しです。 あなたの職業の名前または会社名に従って見出しを付けてください。
また、デモ画像を変更して追加してください。
あなたがプロのWeb開発者であるとすると、「ねえ、私はプロのWeb開発者です」のように書くことができます。 次に、見出しの色、フォント、高さ、幅を変更できます。
ここで、ページを少し下にスクロールすると、解決策のセクションが表示されます。 このセクションでは、提供するサービスを追加できます。
デモサービスセクションごとに、上部の編集アイコンをクリックすると、新しいテキストやクリエイティブ要素を追加するオプションが表示されます。
- 等しい高さ：ここでは、各サービスセクションに等しい高さを選択できます。
- アイコンの種類：サービスのアイコンを選択します。 ウェブサイトのカスタムアイコンをアップロードできます
- アイコンの追加：ここでは、アイコンオプションの追加を無効または有効にできます
- ヘッダーアイコン：ここにヘッダーアイコンのプレビューが表示されます
- タイトル：サービスのタイトルを選択します
- 説明：提供するサービスの説明を記入します
次に、自己紹介セクションを編集できます。 誰もがあなたが提供しなければならないものを簡単に理解できるように、あなたに関する詳細を追加してください。
左側のセクションでは、自己紹介の詳細を編集およびカスタマイズでき、右側のセクションには説明のプレビューが表示されます。 画像からテキストまで、このセクションのすべてが編集可能です。
- Ttile：ここであなたについてのタイトルを追加できます。
- サブタイトル：自己紹介セクションのサブタイトルをカスタマイズします。
- タイトルの説明：タイトルの説明を追加します。
- シャドウテキスト：必要に応じてシャドウテキストを追加できます
- セパレーター：セパレーターを有効または無効にしたり、セパレーターにさまざまなスタイルを選択したりできます。
同様に、顧客が見たいと思う注目の作品を追加することができます。 テンプレートにはデフォルトのフッターがあります。 ただし、必要に応じてこれを削除し、ElementsKitのテンプレートリストからより適切なフッターテンプレートを追加できます。
ステップ6：フッターを追加する
ポートフォリオWebサイトのカスタムフッターを追加するには、ページの[Ekit]ボタンをクリックします。 テンプレートのカテゴリから、フッターを選択します。 これで、使用可能なすべてのフッターテンプレートのリストが表示されます。 いずれかを選択してページに挿入します。 必要に応じて、テンプレートのテキストとリンクを編集します。
ステップ7：プレビューと更新
最後に、テンプレートですべてが正常に見える場合は、それをプレビューして、ポートフォリオWebサイトがどのように表示されるかについて明確なアイデアを取得します。 サイトのデザインを完成させたら、ページを更新します。
上記の手順を正しく実行すると、見栄えの良いポートフォリオWebサイトが作成されます。 同様に、コーディングせずにSaaS Webサイト、卒業生Webサイトなどを作成できます。
ポートフォリオWebサイトに含めるもの
あなたはあなたの顧客が好むポートフォリオウェブサイトを作りたいですよね？ したがって、Webサイトに次のセクションを追加する必要があります–
あなたが提供するサービス
訪問者があなたに何を期待できるかを簡単に知ることができるように、Webサイトですべてのサービスを紹介します。 あなたがプロの写真家、ウェブ開発者、または他の何かであるかどうかにかかわらず、あなたは提供するために異なるサービスを持っているかもしれません。
それらを1つずつ追加します。 ElementsKitのポートフォリオWebサイトテンプレートを使用しているため、デフォルトのサービスセクションが表示されます。 提供するサービスでそのセクションを編集します。
以前の作業サンプル
重要な作業を処理できることをクライアントにどのように納得させることができますか？ さて、あなたの潜在的なクライアントの信頼を勝ち取るための最良の方法は、あなたの以前の仕事のサンプルを保持することです。 訪問者が簡単にスキャンできるように、前の作業サンプルをきれいに保ちます。
私について
このセクションはあなたについてのすべてになります。 業界関連のキーワードが必要です。 また、私についてのセクションでは、あなたを適切に説明する必要があります。 私についてのセクションは、読者があなたやあなたの会社についての明確な考えを即座に得るのに役立ちます。
サービスの価格
価格設定が魅力的である場合、あなたはあなたのビジネスのためにより多くのリードを得るでしょう。 サービスに手頃な価格を提供し、Webサイトの価格セクションに表示します。 ポートフォリオWebサイトテンプレートの価格設定セクションに満足できない場合は、ウィジェットライブラリで価格設定ウィジェットを検索できます。 ウィジェットセクションを挿入し、提供する価格で編集します。
お問い合わせフォーム
ウェブサイトの訪問者があなたの作品のサンプル、サービス、価格を気に入った場合、彼らはあなたに連絡したいと思っています。 このためには、ウェブサイトの連絡フォームが必須です。 しかし、心配しないでください。 コーディングせずに最初からお問い合わせフォームを作成できます。
最先端の連絡フォームビルダーMetFormをインストールし、Webサイトの連絡フォームの作成を開始します。 ここでも、MetFormの既製のフォームテンプレートを使用して、見事な連絡先フォームを作成できます。
要約
ポートフォリオWebサイトの作成方法がわかったので、今すぐ開始します。 私が共有した手順に従ってください。プロのポートフォリオWebサイトを設計するのに苦労する必要はありません。 したがって、ポートフォリオWebサイトを構築し、より多くのリードとより多くの収益を獲得します。