free-portfolio-website-recommended-min (1)

無料でポートフォリオサイトを作る!おすすめのツール8選(機能比較)


無料でポートフォリオサイトを作るには、どのツールがおすすめでしょうか。

作品を一つ一つじっくり見せられるツールや、作品を一覧で見せられるツール。他のユーザーとのコミュニケーションがしやすいツールや、テンプレートが豊富なツールなど、多種多様です。

そこで、無料でポートフォリオサイトを作る前に知っておきたいポイントをまとめました。

free-portfolio-website-recommended-min

本記事は、ポートフォリオサイトを作れるおすすめのツール8選をご紹介します。

 

無料でポートフォリオサイトを作れるツール おすすめ8選

question-for-free-portfolio-website-recommended-min

ポートフォリオサイトの作成ツールを選ぶにあたり、次の5つの点を比較・検討したいところです。

  •  作品を一覧にして見せられるか。
  •  ジャンルごとに整理して見せられるか。
  •  レイアウトは簡単に変更できるか。
  •  他のユーザーとのコミュニケーションはしやすいか。
  •  問い合わせフォームはあるか。

上記ポイントをもとに、おすすめのポートフォリオ作成ツールを比較し、その違いを説明します。

  1.  Tumblr
  2.  Adobe Portofolio
  3.  Portofoliobox
  4.  Jimdo
  5.  Wix
  6.  Strikingly
  7.  WordPress
  8.  Behance

それぞれを詳細にご紹介します。なお、各ツールの特徴を手っ取り早く知りたい方は、次の表をご覧ください。

free-portfolio-website-recommended-min

また、機能や料金の比較表を作りました。ご覧ください。

ツール名 テンプレート数 作品の一覧 レイアウト変更 問い合わせ画面 その他
Tumblr 49種類 × ブログ機能
Adobe Portfolio 18種類 × コレクション
Portofoliobox 25種類 作品販売可
Jimdo 40種類 AIアシスト機能
Wix 700種類 ネットショップ
Strikingly 29種類 ネットショップ
WordPress 3,900種類 ブログ
Behance 1種類 × フォロー機能

 

 

1. Tumblr

tumblr-top-min

Tumblrは画像や文書、動画、音楽などのデータを投稿して、ブログを作れます。さらに、フォローしたユーザーの投稿を自分のブログに表示する機能があり、まとめサイトとしても利用できます。

Tumblr

ブログの外観は、多種多様なテーマのなかから選ぶことができ、ポートフォリオに特化しているテーマだけで、49種類のテーマがあります。

tumblr-template-min

なお、シングルカラムのタイプのテーマと、グリッドレイアウトのテーマがあります。

◆ シングルタイプのテーマ

画像を大きくして、一つ一つをじっくり見せたい場合には、シングルカラムのテーマが便利です。

tumblr-template-single-min

◆ グリッド形式のテーマ

写真やイラストなどの点数が多く、一度に色々な作品を見てもらいたい場合は、グリッド形式のテーマがおすすめです。

tumblr-template-grid-min

投稿メニューでは、テキスト画像、引用、音声、動画の中から選んで、記事を投稿できます。また、タイムラインでは、フォローしているユーザーや自分の投稿が表示されます。

tumblr-dashboard-min

◆ 基本情報

  •  料金: 無料
  •  テンプレートの種類: 49種類
  •  作品の一覧表示: 〇
  •  レイアウトの変更: △ (HTML編集が必要)
  •  問い合わせフォーム: △ (カスタマイズが必要)

Tumblr

 

2.  Adobe Portfolio

adobe-portofolio-top-min

Adobe Portfolioは、アドビシステムズが提供するポートフォリオ作成ツールです。作品のコレクションを複数ページにわたって作る機能と、シンプルな1ページでサイトを作る機能があります。

Adobe Portfolio

◆ コレクション

作品のコレクションを複数ページにわたって作れます。

adobe-portofolio-template-collection-min

◆ シンプル

シンプルな1ページでサイトを作れます。

adobe-portofolio-template-simple-min

サイトを作るときには、「開始」をクリックします。

adobe-portofolio-start1-min

好みのデザインを選びます。

adobe-portofolio-start2-min

このテーマを使用を選びます。

adobe-portofolio-start3-min

仮のポートフォリオサイトが作られ、編集画面が表示されます。

adobe-portofolio-start4-min

なお、HTMLやCSSに詳しくなくても、簡単にポートフォリオサイトを作れます。編集したい箇所をクリックし、文字を変更できます。

adobe-portofolio-text-modification-min

なお、ページを追加するときには、自分でページを追加する方法もありますし、Lightroom Albumからアルバムを読み込んで、サブページを追加することもできます。

adobe-portofolio-page-add-min

課題としては、英字フォントのみ利用できるため、日本語フォントを使いたい方は他のツールがおすすめです。

adobe-portofolio-font-min

◆ 基本情報

  •  料金: Adobe Creative Cloud のユーザーは無料。Adobe Creative Cloudの料金はCreative Cloudコンプリートプラン月 52.99ドル 。Adobe Creative Cloudの料金プランを見る
  •  テンプレートの種類: 18種類
  •  作品の一覧表示: 〇
  •  レイアウトの変更: △ (画像や文字の位置の変更はできない)
  •  問い合わせフォーム: 〇

Adobe Portfolio

 

3. Portofoliobox

portofoliobox-min (1)

Portofolioboxは、世界中のクリエイターが利用しているポートフォリオ作成ツールで、100万人の方が利用しています。

ギャラリーやブログ、問い合わせページ、履歴書、Instagram連携など、豊富な機能が用意されています。また、スマホタブレットにも対応しています。

portofoliobox-example-min

Portofoliobox

ユーザー登録をすると、作成画面が表示されるので、「作成」をクリックします。

portofoliobox-step1-min

「どのタイプのコンテンツを追加しますか」に対して、「アート&イラスト」を選びます。

portofoliobox-step2-min

サムネイルが表示されるので、好みのデザインを選びます。

portofoliobox-step3-min

ページのタイトルを入力し、「ページを作成」を選びます。

portofoliobox-step4-min

仮のポートフォリオサイトが作られるので、画像を差し替えていきます。

portofoliobox-step5-min

画像を差し替えるときは、ギャラリーを編集を選び、「コンテンツを変更する」を選びます。

portofoliobox-change-image-min

画像またはビデオを追加」を選びます。

portofoliobox-change-image2-min

コンピューターからファイルを選択」を選び、作品をアップロードします。

portofoliobox-image-upload-min

また、テンプレートをもとに作られたページの文言を変更できます。

portofoliobox-text-change-min

さらに、自分の作品をネット販売するページも作れます。

portofoliobox-store-start3-min

なお、決済するときには、Paypalあるいはクレジットカード決済に対応しています。

portofoliobox-payment-min

◆ 基本情報

  •  料金: Lightプラン(月2.9ドル) Proプラン(月19.9ドル) Personal(月9.9ドル)
  •  テンプレートの種類: 25種類
  •  作品の一覧表示: 〇
  •  レイアウトの変更: 〇
  •  問い合わせフォーム: 〇

Portofoliobox

【参考記事】 ・ Portfolioboxの使い方と評判!メリット・デメリットを解説

 

4.  Jimdo

jimdo-min

Jimdoは、ドイツのホームページ作成ツールで、日本はKDDIウェブコミュニケーションズが提供しています。テンプレートを選んで、画像と文章を差し替えるだけで、Webサイトを作れます。

Jimdo

ユーザー登録を終えた後に、ホームページ制作のプランについて質問があります。コーディングを想定していないので、AIビルダーで「作成をはじめる」を選びます。

jimdo-start1-min

このホームページは誰のためのものか質問があるので、「個人」と回答します。

jimdo-start2-min

何のためのホームページか質問があるので、「確立されたビジネスや本格的なサービス」を選びます。

jimdo-start4-min

企業名や屋号を入力します。

jimdo-start5-min

ビジネスの業種を回答します。

jimdo-start6-industry-min

ホームページの作成目的を回答します。(作品を公開する、問合せを受け付けるなどを選びます)

jimdo-start6-homepage-purpose-min

どんな内容のホームページですかに回答します。

jimdo-start6-homepage-content-min

好みのスタイルを選びます。

jimdo-start7-style-min

どの色の組み合わせがいいかに回答します。

jimdo-start8-color-min

必要なページについて回答します。(ポートフォリオ自己紹介などを加えます)

jimdo-start9-contents-min

仮のポートフォリオサイトが出来上がります。

jimdo-management-screen-min

なお、ポートフォリオに掲載されている画像を編集したい場合には、画像をクリックします。

jimdo-management-screen-portofolio-min

画像を編集したいときには、「ファイルから選択する」を選びます。

jimdo-management-screen-portofolio-change-min

なお、作品を1つずつ大きく見せたい場合には、こちらのレイアウトを選びます。

jimdo-management-screen-portofolio-layout-min

一方、作品を一覧で見せるレイアウトもあります。

jimdo-management-screen-portofolio-layout2-min

◆ 基本情報

  •  料金: Playプラン 無料 Startプラン 990円 Growプラン 1,590円
  •  テンプレートの種類: 40種類
  •  作品の一覧表示: 〇
  •  レイアウトの変更: 〇 (ドラッグ&ドロップで変更できる)
  •  問い合わせフォーム: 〇

Jimdo

【参考記事】 ・ Jimdoの11のメリットと4つのデメリット!使い方やホームページの作り方

 

5.  Wix

wix-min

イスラエル発のツールで、Jimdoと同じく、世界中で最も利用されているホームページ作成ツールです。世界中で1憶人以上の方が利用しています。

Wix

操作方法が簡単で、かつ700種類以上のテンプレートから、好みのデザインを選べます。ポートフォリオのテンプレートも40種類近くあります。

フォトグラファーや、アーティスト、グラフィックデザイナー、イラストレーター、インテリアデザイナー、アートディレクター向けのテンプレートがあります。

wix-template-min

掲載したい画像を登録することで、簡単に作品の一覧を見せるギャラリーページが作れます。

wix-gellary-page-min

例えば、掲載したい作品をアップロードすることで、簡単にギャラリーが作れます。

wix-gellary-min

名前やメールアドレス、電話番号など登録してほしい項目を決めることで、かんたんに問い合わせページを作れます。

wix-inquiry-page-min

また、SNSのアイコンを追加する機能もあり、FacebookやTwitterなどと連携できます。

wix-sns-linkage-min

料金表

特徴/プラン ビジネスプライム ビジネス スモールビジネス パーソナル
価格 / 月 ¥12,000 ¥2,600 ¥2,100 ¥1,200
データ容量 無制限 100 GB 50 GB 2 GB
独自ドメイン 初年度無料 初年度無料 初年度無料 初年度無料

◆ 基本情報

  •  料金: 上述の通り
  •  テンプレートの種類: 700種類
  •  作品の一覧表示: 〇
  •  レイアウトの変更: 〇 (ドラッグ&ドロップで変更できる)
  •  問い合わせフォーム: 〇

Wix

なお、Wixの使い方については、別記事でまとめています。

【参考記事】・ Wixのメリットとデメリット!使い方、デザイン、料金、セキュリティの注意点

 

6. Strikingly

strikingly-min

1ページで完結するホームページをかんたんに作れるツールです。構成はシンプルで、ホーム、ポートフォリオ、実績、問い合わせなどを1枚のページに、おしゃれに表示できます。

Strikingly

まず、ユーザー登録をした後、テンプレートを選びます。

strikingly-template-creative-min

テンプレートを選んだ後に、仮のページが出来上がっているので、画像や文字を差し替えれば出来上がります。

strikingly-management-screen-min

また、ネットショップで販売をしたい場合には、無料版の場合、1商品のみ販売できます。具体的には、オンライン販売を開始するボタンを押します。

strikingly-onlineshop-add-min

販売したい商品名や説明、価格、画像などを登録すれば、販売できます。

strikingly-onlineshop-product-add-details-min

◆ 基本情報

  •  料金: 無料プラン 0円、Limitedプラン 8ドル、PROプラン 16ドル
  •  テンプレートの種類: 29種類
  •  作品の一覧表示: 〇
  •  レイアウトの変更: 〇 (ドラッグ&ドロップで変更できる)
  •  問い合わせフォーム: 〇

Strikingly

Strikinglyの詳細については、別記事でまとめています。

【参考記事】 ・ Strikinglyの使い勝手と評判!使い方やテンプレート、料金を徹底解説

 

7.  WordPress

wordpress-top-min

WordPressは、Webサイトやブログを作るためのソフトウェアです。ブログを作成する機能や
ページを編集する機能を利用することで、個人向けのブログから企業のコーポレートサイトまで
幅広い分野で作られています。

WordPress

3,900種類ものテンプレートがあります。

wordpress-template-min

なお、前章で紹介してきたツールと異なり、レンタルサーバーを用意して、ソフトをインストールする作業が必要となります。

さらに、レイアウトを修正するためには、HTML、CSS、PHPなどの知識が必要となります。もちろんマニュアルや作り方などについて、多くのWebサイトに掲載されています。

wordpress-document-min

WordPress日本語マニュアル

◆ 基本情報

  •  料金: 無料 (ただし、レンタルサーバーが必要)
  •  テンプレートの種類: 3,900種類
  •  作品の一覧表示: 〇
  •  レイアウトの変更: 〇 (HTML、CSSでの修正が必要)
  •  問い合わせフォーム: 〇

WordPress

【参考記事】 ・ WixとWordPressを比較!選ぶ前に知りたい6つの違い
       ・ 格安のレンタルサーバーを比較!おすすめ13選(Wordpress対応など)

 

8. Behance

behance-top-min

Behanceは、世界中のクリエイターが作品を掲載しているSNSです。

グラフィックデザインや写真、イラスト、建築やプロダクトデザイン、アートや工芸、ゲームデザインなど、さまざまなジャンルの作品が公開されています。

bahance--graphic-list-min

Behance

トップページで一覧に表示されているクリエイターの作品から、気になる画像をクリックすると、詳細なページが表示されます。

bahance--graphic-example-min

そして、お気に入りのクリエイターをフォローしたり、メッセージを送ったりできます。

また、自分の作品を公開する場合には、プロジェクト作成ボタンを押したのち、デザインイラスト写真動画などの作品を登録します。アップロードするだけで、簡単に作れます。

bahance-management-screen-min

◆ 基本情報

  •  料金: 無料 
  •  テンプレートの種類: 1種類
  •  作品の一覧表示: 〇
  •  レイアウトの変更: 〇
  •  問い合わせフォーム: ×

Behance

 

まとめ

本記事は、ポートフォリオサイトを作れるおすすめのツールを7個ご紹介しました。

おさらいをすると、求める内容によっておすすめのツールが変わります。

求める内容 おすすめのツール
コンテンツを共有しながら、ブログサイトを作りたい Tumblr
作品の一覧を見せられるポートフォリオサイトを作りたい Adobe PortfolioJimdoWix
画像一枚一枚をじっくり見せたい Adobe PortfolioJimdo
作品を販売したい Portofoliobox
1ページ内に作品を見せたい Strikingly
HTMLやCSSのコーディングは得意である WordPress
クリエイターとSNSでつながりたい Behance

イラストレーターやデザイナー、カメラマンの運営に役立つ情報は別記事でまとめています。

【イラストレーター向け参考記事】

 ・ フリーランスのイラストレーターが登録したいサイト!おすすめ29選
 ・ イラストレーターで副業をする方法!登録したいおすすめのサイト16選
 ・ イラストレーターの独立!イラストの仕事の取り方や依頼の受け方、開業届

【デザイナー向け参考記事】

 ・ グラフィックデザイナーで独立!フリーランスになる前に準備する12のポイン
 ・ グラフィックデザイナーの営業方法!仕事の取り方、売り込み、営業ツール
 ・ フリーランスのデザイナー募集サイトを比較!おすすめ12選(在宅可、年収)

【フォトグラファー向け参考記事】

 ・ カメラマンで独立・起業!独立資金や仕事の取り方、営業ツール、開業届
 ・ カメラマンのマッチングサイトを比較!おすすめ7選(料金表付き)

500mailsのFacebookやX(旧ツイッター)では、起業・副業に役立つ情報を配信しています。 是非「いいね!」をして最新情報をチェックしてください

Writer/編集者: 松田康


コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です