Westonを使用してポートフォリオサイトを構築する5つの方法

公開: 2018-05-08

ポートフォリオサイトは、すべてのフリーランサーまたはクリエイティブエージェンシーのビジネスの重要なコンポーネントです。 それはあなたがあなたの最高の作品のギャラリーを紹介する方法を提供するので、あなたはオンラインマーケティングを利用して世界中からクライアントを引き付けることができます。 また、最高のスキル、教育、過去の経験、紹介文、および新しいクライアントを巻き込むための連絡フォームをリストできるようにすることで、インタラクティブな履歴書として機能することもできます。

これは、ポートフォリオサイトを構築する方法や、サイトに何を追加するか、ポートフォリオのデザインを改善する方法についての投稿ではないので、ギアを切り替えて、私たちのトップ多目的の1つであるウェストンに焦点をすばやく移します。ここThemeTrustのテーマ。 特に開発者の場合、多目的テーマを他のテーマよりも使用することには多くの利点があります。 ポートフォリオサイトとウェストンに関して言えば、その利点は、単一のテーマでさまざまな異なるポートフォリオサイトを構築できるという形でもたらされます。

ポートフォリオサイトの種類

さまざまなタイプのポートフォリオサイトを構築できることの利点を完全に理解するには、どのタイプのポートフォリオサイトが存在するかを理解する必要があります。 手始めに、このタイプのWebサイトを一般的に必要とする2つのグループは、フリーランサーと、クリエイティブエージェンシーなどの特定のタイプのクリエイティブなサービスベースの企業です。 そうは言っても、ポートフォリオWebサイトで見られる最も一般的なニッチには、写真、デザイン、Web開発、およびあらゆる形式のアートが含まれます。

技術的には、サービスベースのビジネスであれば、ポートフォリオWebサイトを構築できます。 ただし、ポートフォリオは通常、デザインを画像に依存しているため、これらのタイプのWebサイトは、フリーランサーやビジュアル作品を作成する企業の間ではるかに一般的です。

ポートフォリオサイトの一部

これらすべての中でウェストンの部分に入る前に、ポートフォリオWebサイトのコンポーネントを簡単に見ていきましょう。 ポートフォリオは与えられているので、これについては説明しません。 代わりに、あなたのサイトには目標が必要だと言うことから始めます。 潜在的なクライアントが見積もりを求めてあなたに連絡してほしいですか? あなたはあなたのウェブサイトを拡張された履歴書として使用し、素晴らしい代理店に就職したいですか? 潜在的な顧客にプランを購読してもらいたいですか? これらはそれぞれ、ホームページの表示方法に影響を与えます。

あなたがあなたの目標を達成することができるように訪問者が行動を起こすことを奨励するために、あなたのサイトはいくつかの異なる要素を必要とします。 これには主に、ホームページでの召喚状とサイトのどこかにあるお問い合わせフォームが含まれます。 より多くのサブスクリプションが必要な場合は、価格表も必要になります。

訪問者が決定を下すのを助けるためにホームページに追加できるいくつかの追加要素があります。 これらには、サービスを一覧表示できる行、社会的証明の紹介文、作品が紹介された場所を紹介するために使用できるロゴモジュール、および該当する場合はチームメンバーを紹介するための行またはスライダーが含まれます。

Westonが複数のポートフォリオサイトの構築をどのように支援するか

WestonWordPressテーマ

Westonには、本格的なポートフォリオサイトを構築できるいくつかの機能が付属しています。 初心者向けに、ボタンをクリックするだけでインストールできる12のホームページデモが付属しています。 これらのデモのうち5つは、ポートフォリオ専用に設計されています。 クリックするだけでデモのデザインとコンテンツをインポートできるようにすることで、Webサイトの構築プロセスを自動化します。 あなたがする必要があるのはあなた自身のために元のコンテンツを切り替えることです。

Westonは、以下のポートフォリオレイアウトも提供しています。これは、以下のデモで確認できます。

  • 4列ポートフォリオ
  • 組積造ポートフォリオ全幅
  • 組積造ポートフォリオ
  • より多くの負荷を伴う組積造ポートフォリオ

ポートフォリオにカテゴリを追加することもできます。 単一のポートフォリオアイテム用に4つのレイアウトがあり、カスタムレイアウト用に1つあります。

私たちのテーマにはVisualComposerも組み込まれています。技術的には、このプラグインは現在、WordPress用のWPBakeryページビルダーとして知られています。 これは無料で利用できる45ドルの価値です。 このプラグインを使用すると、独自のページをデザインして、ホームページに必要な要素を追加できます。

Google Fontsとの統合により、複数のフォントの外観を試すことで、デザインのあらゆる部分を最適化できます。 また、独自の連絡先フォームの設計に役立つドラッグアンドドロップフォームビルダーであるWPFormsとも互換性があります。 最後に、Googleマップモジュールを使用すると、サービスをオフラインで提供する場合に、ビジネスの場所への道順を提供できます。

Westonのすべての機能とデモをご覧になりたい場合は、このテーマの販売ページにアクセスしてください。

Westonにアクセス

私が言ったように、このテーマにはポートフォリオ用の5つのホームページデモが付属しているので、これ以上苦労することなく、Westonを使用してポートフォリオサイトを構築する5つの方法があります。

01.クリエイティブエージェンシーデモ

クリエイティブエージェンシーはクリエイティブビジネス向けに最適化されていますが、このデモは、その構造に基づいてフリーランサーが簡単に使用できます。 このランディングページが設計されている主な目標は、デモの最上部に表示される行動の呼びかけです。 ポートフォリオサイトに関しては、「Hire Me」(フリーランサー)または「Hire Us」(会社)を行動の呼びかけとして使用し、ボタンを連絡先ページに誘導するのが最善です。 代わりに「見積もりの​​リクエスト」または「お問い合わせ」を使用することもできます。

サブスクリプションプランまたは顧客が購入できるその他のタイプのパッケージ済みオファーを提供する場合は、「プランの表示」、「サブスクライブ」、または「今すぐ購入」を使用して、販売ページに誘導できます。 また、「機能」に沿ったものを使用して、販売ページに誘導する前に機能ページに誘導することもできます。

このデモでは、ポートフォリオをボックス化する石積みポートフォリオレイアウトを使用します。ポートフォリオの上を見ると、ロゴのスライダーが表示されます。 これを使用して、一緒に仕事をしたクライアントを紹介したり、仕事が紹介されたいくつかの注目すべき場所を紹介したりできます。2つの追加要素は、サービスやスキルを一覧表示するために使用できるサービスの行です。証言のためのスライダー。

クリエイティブエージェンシーのデモを見る

02.スタジオデモ

このデモはクリエイティブエージェンシーのデモと非常によく似ているため、詳しくは説明しません。 それは多かれ少なかれ前のデモとは異なるスタイルを使用していますが、同じ要素を紹介することができます。 このデモで省略されている要素は、紹介文と最新の投稿要素だけです。 それ以外の場合でも、召喚状を使用したり、協力したクライアントを紹介したり、ポートフォリオを紹介したり、サービスを紹介したりすることができます。

ただし、このデモでは、組積造ポートフォリオの全幅レイアウトを使用しており、ビジネスを数値で合計するために使用できる要素が含まれています。

スタジオデモを見る

03.フリーランサーデモ

フリーランサーは、クリエイティブなフリーランサーのために設計されたシンプルなデモです。 特定の行動を促すフレーズはありませんが、スキル、経験、専門知識を紹介するのに十分な要素を提供します。 それはあなたがあなたの最高のスキルやサービスをリストすることができるヘッダーから始まります。 その後、4列ポートフォリオレイアウトを使用します。 また、ビジネスの概要を数字で示したり、最新のブログ投稿を紹介して専門知識を共有したり、過去のクライアントからの推薦状のスライダーを使用して社会的証明を提供したりすることもできます。

フリーランサーのデモを見る

04.最小限のポートフォリオデモ

このデモは、特定の種類のビジネスを対象としたものではありません。 フリーランサーや企業でも利用できます。 このデモのポイントは、不要な詳細を排除し、潜在的なクライアントがあなたに連絡するか、またはあなたの召喚状と対話するかどうかに大きく影響するものだけを含めることです。

これは、ページの下部にある行動の呼びかけの方法で確認できます。 通常、召喚状はページの上部に配置することをお勧めします。 あなたの訪問者のほとんどがあなたのウェブサイトのフッターにさえ到達するという保証がないので、これは単純な保険契約です。 召喚状を下部に配置し、最小限のレイアウトを使用することで、クライアントにあなたの仕事とスキル/サービスを提供し、召喚状を設定することができます。

最小限のポートフォリオデモを見る

05.最小限の写真デモ

Weston-最小限の写真デモ

これはウェストンのニッチなポートフォリオのデモです。 写真家を対象としていますが、グラフィックデザイナーや他のアーティストも同じように簡単に使用できます。 ポートフォリオで使用されている白黒写真を美しく補完する、黒の背景と白のテキストを使用しています。 そういえば、このデモでは、ボックス化された組積造ポートフォリオレイアウトを使用します。 それが使用する他の要素は、タグラインと行動の呼びかけだけです。 これはTにとってミニマリストであるため、このデモは、潜在的なクライアントを引き込むための追加の要素を必要とせずに、自立するのに十分な美しさまたは息をのむような視覚作品を作成するフリーランサーや企業が使用する場合に最適に機能します。

最小限の写真デモを見る

単一プロジェクトのレイアウト

これらについては前に説明しましたが、少し拡張したいと思いました。 あなたのホームページにあなたの最高の作品の画像のポートフォリオを表示して新しいクライアントを巻き込むのに十分であれば素晴らしいでしょう。しかし、ほとんどのクライアントはあなたが提供するサービス、あなたが働いているニッチ、あなたのスキル、そしてもちろん、あなたの経験。

そこで、単一のプロジェクトレイアウトが役に立ちます。 彼らはあなたが特定のプロジェクトを強調することを可能にするので、潜在的なクライアントはあなたがどのように働いているか、そしてあなたが彼らが達成するのを助けることができる結果についてよりよく理解することができます。 プロジェクトの画像をさらに表示して、結果をもう少しよく示し、与えられたタスク、そのタスクを実行するために行ったこと、遭遇した問題とその対処方法などについて詳しく説明することができます。

前に述べたように、Westonには4つの単一プロジェクトレイアウトと、カスタムレイアウトの構築に使用できる1つが付属しています。 分割テキストと画像ギャラリーのレイアウトは次のとおりです。

Weston-単一プロジェクトのレイアウト

他のレイアウトのデモは次のとおりです。

  • カスタムレイアウト
  • 積み上げ画像
  • 全幅カルーセル
  • ビデオの背景

カスタムレイアウトを除いて、各レイアウトでは、同じ要素をさまざまな方法で利用できます。 これには、メイン画像を使用してプロジェクトを表すことや、追加の画像を小さいサイズで共有することが含まれます。 また、プロジェクトに関する詳細を段落形式で共有することも含まれます。 また、プロジェクトを完了したクライアント、提供したタイプサービス、およびプロジェクトを完了した年の概要を提供することもできます。

最後に、そのスクリーンショットの下部を見ると、訪問者がポートフォリオを簡単にスクロールできる「次へ」と「前へ」の機能があることがわかります。

最終的な考え

ポートフォリオWebサイトの構築は、それが自分のものであろうとクライアントのものであろうと、ビジネスWebサイトのユニークであまり一般的ではないバリエーションであるため難しいように思われるかもしれませんが、そのようにする必要はありません。 Westonのような多目的テーマによって提供されるデモを使用する場合、あなたがする必要があるのは、それに追加したい情報を決めることについて心配することだけです。 テーマを最初から作成することを心配したり、複雑な詳細に煩わされたりすることは問題ではありません。

Westonに関する限り、ポートフォリオWebサイトを除いて、このテーマで使用できる他の7つのホームページデモには、複数のeコマースデモ、いくつかのランディングページデモ、および結婚式用の1つが含まれます。

Westonは58ドルでご利用いただけます。 この価格には、1年間のサポートとアップデートが含まれています。 サポートは、お客様専用のフォーラムの形で提供されます。 このテーマの詳細については、以下のリンクをクリックしてください。

Westonにアクセス| デモを見る