アート、デザイン、またはライティングのポートフォリオをオンラインで作成して、作品を特集し、オーディエンスを増やしましょう。

ポートフォリオ サイトは、自分の作品を世界中に紹介し、自分が誰で、何をしてきたかを他の人が簡単に見られるようにします。このガイドでは、作品を展示するための様々な方法について説明します。また、ポートフォリオを拡張して、プロフィールや履歴書、ドロップダウン メニュー、安全なクライアント ログインを導入することもできます。

注: このガイドでは、アーティスト、デザイナー、作家のポートフォリオのためのサイト デザインに焦点を当てています。クライアントと一緒に仕事をする写真家の方は、「写真家のサイトを構築する」ガイドの方が適している可能性があります。

ポートフォリオ デザインで始める

すべてのSquarespaceサイトには、魅力的でオリジナルなポートフォリオ サイトを作成するためのデザイン ツールが組み込まれていますが、まずはテンプレート カタログのポートフォリオ カテゴリーのデザインから始めることをおすすめします。これらのポートフォリオ中心のデザインは、様々なプロジェクトを紹介し、訪問者に作品をじっくり見てもらうことができます。

まず、テンプレート カタログにアクセスし、左側のメニューで [ポートフォリオ] を選択します。これにより、デザインがフィルタリングされ、ポートフォリオ用のテンプレートのみが表示されます。任意のデザインの [プレビュー] をクリックするか、[開始] をクリックし、そのデザインを使用して新しいサイトを作成しましょう。

詳細については、「適切なテンプレートを選択する」を参照してください。

ヒント: Squarespace Forumのアーティストと写真家クラブに参加して、あなたのようなSquarespaceユーザーと交流し、彼らのWebサイトからインスピレーションを得て、独自のデザインを作成してください。

作品をアピールする

すべてのSquarespaceサイトでは、写真、イラスト、デザインを革新的な方法で見せることができます。一連の画像やその他のプロジェクトを表示する主な方法としては、ポートフォリオ ページ、ギャラリー セクション、画像ブロックがあります。このセクションでは、主な相違点と、それぞれの方法が互いに、またポートフォリオ デザイン全体とどのように関連しているかを説明します。

ポートフォリオ ページ

ポートフォリオ ページを使用すると、一連のコンテンツを独自のレイアウトで表示することができます。各ポートフォリオ ページは、ランディング ページおよびページごとのプロジェクトの2層構造になっています。ランディング ページでは、プロジェクトがアイキャッチ画像またはテキスト リンクとしてランディング ページにグリッドまたはホバー レイアウトで表示されるため、ポートフォリオ内の一連の写真、絵画、またはプロジェクトを整理するのに最適です。

ギャラリー セクション

ギャラリー セクションを使用して、ページ上に一連の画像を表示します。ギャラリー セクションを様々なレイアウトで配置し、必要に応じて画像の説明やクリックスルー リンクを追加します。ギャラリー セクションは、題材、テーマ、シリーズごとに画像をグループ化するのに最適です。ギャラリー セクションは、ポートフォリオ プロジェクトだけでなく、あらゆるタイプのページに追加できます。

画像ブロック

画像ブロックを使用すると、単一の画像を様々なレイアウトで追加することができます。これは、個々の画像を強調したい場合や、別のキャプション配置やテキスト スタイルを試したい場合に最適です。画像ブロックは、ギャラリー セクションの画像のように自動的にまとまりのあるレイアウトで表示されるわけではありませんが、必要に応じて列や行に配置することができます。

プロフィールや履歴書を追加する

レイアウト ページにテキスト ブロックを追加すると、作品に関する詳細を提供することができます。ヘッダーを使用すると、コンテンツを「過去のクライアント」や「受賞作品」などのセクションにまとめることができます。

もう1つの選択肢として、サードパーティー サービスであるIssuuを使用して.pdfを埋め込む方法があります。.pdf形式の場合、検索エンジンがプロフィールや履歴書のテキストをクロールできないことに注意してください。

詳細については、「サイトに履歴書を表示する」を参照してください。

コンテンツの閲覧をクライアントのみに制限する

閲覧者を制限しながらサイトに作品を展示するには、メイン ナビゲーション メニューに表示されないページや、カスタマイズ可能なロック画面を備えたパスワードで保護されたページを作成します。これにより、クライアントはブランド ポータルからログインし、サイトから離れることなく機密または非公開の資料を閲覧できます。

見込み客の収集とクライアントへの請求書発行

プロジェクト ベースで専門的なサービスをクライアントに販売する場合は、フォーム ブロックをサイトに追加して見込み客の関心を引き付けましょう。見込み客がお問い合わせフォームに入力すると、その人物のプロフィールに関連するプロジェクトを作成できます。[請求] パネルでは、請求書を送信し、今後のプロジェクトのマイルストーンを確認できます。

検索エンジン向けに最適化する

画像を検索結果に表示したい場合は、画像の説明とキャプションを追加すると、画像の内容がGoogleに認識されやすくなります。画像キャプションは代替テキストとしても使用され、サイトのアクセシビリティを向上させることができます。

画像テキストを追加するだけでなく、Google Search Consoleでサイトを確認し、これらのベスト プラクティスに従うことで、ポートフォリオの検索ランキングを向上させることができます。

画像を使わずにポートフォリオを構築する

ライターのポートフォリオを作成したり、科学的な発見を発表したりする場合、サイトに画像を表示したくない場合があります。画像を使わずに人目を引く美しいポートフォリオを構築するためのヒントをご覧ください。

作品を追加する

サイトにテキスト コンテンツを追加する方法はたくさんありますが、最も汎用性の高い方法は次のとおりです。

• レイアウト ページ - テキスト ブロックを含む空のレイアウト ページに文章を追加します。フォーム、ニュースレター、引用、ボタン ブロックなど、他のオプションを使用すると、コンテンツをさらにカスタマイズすることができます。
• ポートフォリオ ページ - ホバー レイアウトのポートフォリオ ページを追加して、テキスト中心のランディング ページを作成します。作品ごとにプロジェクトを追加することができます。新しい作品を制作したら、新しいプロジェクトを追加します。
• ブログ ページ - コンテンツのランディング ページとして機能するブログ ページを追加します。ポートフォリオ ページと同様に、ブログ ページを設定し、強調したいコンテンツごとに個別の投稿を追加することで、作品へのリンクを追加することができます。

興味深いレイアウトを構築する

ページまたは投稿にコンテンツを追加したら、ブロックを移動して列を作成し、ページを様々なレイアウトで分割することができます。詳細については、「ブロックを移動してレイアウトをカスタマイズする」のガイドをご覧ください。

ヒント: 気に入ったページまたは投稿レイアウトができたら、それを複製して再度使用することができます。

クリエイティブなタッチを加える

テキスト中心のサイトを作成する場合、大きなテキスト ブロックを分割することが重要です。これにより、コンテンツがより視覚的にアピールされ、読み取りやすくなります。テキストの書式とスタイルを設定するには、ヘッダーと箇条書きを追加し、様々なテキスト フォント、サイズ、色を選択します。これには、次のガイドが役立ちます。

• テキストの書式設定
• テキストのスタイル設定
• 適切なフォントと色を選ぶ

テキストや画像以外のエレメントをサイトに追加することもできます。以下にいくつかの一般的なオプションを示します。

• コール トゥ アクションを強調するボタンを追加する
• サイトの色を変更する
• 異なるアイデアを線ブロックで区切る
• ソーシャル メディア プロフィールへのリンクを追加する
• 独自のロゴとブラウザー アイコンでサイトをブランディングする
• チャートとグラフを作成する

次のステップ

これはポートフォリオの可能性を引き出すためのほんの始まりに過ぎません。以下のガイドを参考にポートフォリオ サイトを構築し、何を目指しているのかを世界にアピールしましょう。

• クライアントやファンがお問い合わせページから簡単に連絡できるようにします。
• 画像のフォーマット ガイドを使用して、画像をWeb上での表示用に最適化します。
• Squarespaceでドメインを登録するか、すでに所有しているカスタムドメインを移管します。
• サイトを立ち上げて運営するための一般的なヒントについては、「はじめに」のチュートリアル シリーズをご覧ください。

動画を見る

この動画はバージョン7.0に適用されます。