無料&ノーコードでポートフォリオサイトが作れるWebサービスを10点厳選しました。
自身のポートフォリオサイトをイチから作成するには、Webに関する知識がある程度必要になります。
特にHTML,CSS,Javascript等のコードを触るのは、慣れていない方にとってハードルが高いですよね。
しかし用意した画像と文章をテンプレートに当てはめてアップするだけで「簡単」かつ「キレイ」に、しかも「無料」でポートフォリオサイトを作れるサービスが存在しています。
当記事はノーコード&無料で使えるオススメのポートフォリオサイト制作サービスを10点紹介いたします!
この記事の目次
無料で利用できるポートフォリオサイト制作サービス10選です。
全てノーコードで自身のポートフォリオサイトが作れますよ。
Adobe Portfolio
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/03/free-portfolio_r_08.jpg)
AdobePortfolioはPhotoshopやIllustratorの開発・販売元であるAdobeが展開しているポートフォリオ制作サービスです。使用ページ数に制限は無く、WebのポートフォリオサービスはAdobePortfolioがあれば全てカバーできます。
ぶっちゃけコレ使っておけば他は不要ですよ。
AdobePortfolio公式サイト
ぶっちゃけコレ使っておけば他は不要ですよ。
AdobePortfolio公式サイト
AdobePortfolioについてもっと知る
AdobePortfolioを使ったポートフォリオサイトの作例や使い方を詳しく解説しています。併せてチェックされてみませんか?
Behance(ビハンス)
![](https://sdesignlabo.com/blog/wp-content/uploads/2019/05/free-portfolio_r_10.jpg)
Behance(ビハンス)
はAdobeが提供しているクリエイターのためのSNSです。世界中のクリエイターから数百万件以上もの作品が公開されており、他のSNS同様にフォローやコメントを投稿してコミュニケーションが可能!
AdobePortfolioと併せて活用すれば間違いありません。
Behance公式サイト
Behance公式サイト
MATCHBOX(マッチボックス)
MATCHBOX
はマイナビクリエイターが提供する無料で使えるポートフォリオ制作サービスです。
作品とテキストを用意するだけ!PDFに書き出せるのでWebだけでなく印刷媒体にも対応!
定期的にポートフォリオに関する無料オンライン講座が開かれているので、普段知る機会の無いポートフォリオ制作に関するノウハウが得られます。
MATCHBOX(マッチボックス)![](https://www16.a8.net/0.gif?a8mat=3BKIUC+1JYRN6+2D32+1HN5LU)
![](https://www16.a8.net/0.gif?a8mat=3BKIUC+1JYRN6+2D32+1HN5LU)
作品とテキストを用意するだけ!PDFに書き出せるのでWebだけでなく印刷媒体にも対応!
定期的にポートフォリオに関する無料オンライン講座が開かれているので、普段知る機会の無いポートフォリオ制作に関するノウハウが得られます。
MATCHBOX(マッチボックス)
![](https://www16.a8.net/0.gif?a8mat=3BKIUC+1JYRN6+2D32+1HN5LU)
MATCHBOXについてもっと知る
MATCHBOXを使ったポートフォリオサイトの作例や使い方を詳しく解説しています。就活と連携したポートフォリオ制作サービスなので効率よく就活できますよ。
Jimdo(ジンドゥー)
Jimdo(ジンドゥー)
は「200万ユーザーが利用する最大級のホームページ作成サービス」です。
2007年にドイツで生まれたサービスで、Jimdo(ジンドゥー)を利用して企業サイトを作られている会社もよく見かけます。
オンラインショップの機能を備えているので少数(5点までなら無料)であれば物販も可能です。
無料なら AdobePortfolio が最強ですが、有料プランのJimdoはさらに優秀ですよ!
Jimdo(ジンドゥー)
![](https://www12.a8.net/0.gif?a8mat=3H83LK+EBLENM+OFG+TRVYQ)
2007年にドイツで生まれたサービスで、Jimdo(ジンドゥー)を利用して企業サイトを作られている会社もよく見かけます。
オンラインショップの機能を備えているので少数(5点までなら無料)であれば物販も可能です。
無料なら AdobePortfolio が最強ですが、有料プランのJimdoはさらに優秀ですよ!
Jimdo(ジンドゥー)
![](https://www12.a8.net/0.gif?a8mat=3H83LK+EBLENM+OFG+TRVYQ)
WiX(ウィックス)
![](https://sdesignlabo.com/blog/wp-content/uploads/2019/05/free-portfolio_r_03.jpg)
世界で1億人以上が利用しているサービスで、ドラッグ&ドロップで直感的かつ簡単にポートフォリオサイトを作成できます。
なお無料プランは「Wixでホームページを作成しましょう!」「このサイトはWix.comで作成されました」と表示されます。
Wix(ウィックス)
なお無料プランは「Wixでホームページを作成しましょう!」「このサイトはWix.comで作成されました」と表示されます。
Wix(ウィックス)
Wixについてもっと知る
Wixを使ったポートフォリオサイトの作例や使い方を詳しく解説しています。無料プラン、有料のプレミアムプランの具体的な違いや料金なども徹底解説しています。
Strikingly(ストライキングリー)
![](https://sdesignlabo.com/blog/wp-content/uploads/2019/05/free-portfolio_r_04.jpg)
Strikinglyではポートフォリオサイトだけでなく、ブログやECサイトも作成できます。
HTMLやCSSを触らなくても簡単に綺麗なデザインを手早く出来るのはいいですね。
なお無料プランは通信帯域が5GBに制限されます。
Strikingly(ストライキングリー)
HTMLやCSSを触らなくても簡単に綺麗なデザインを手早く出来るのはいいですね。
なお無料プランは通信帯域が5GBに制限されます。
Strikingly(ストライキングリー)
Ameba Ownd(アメーバ オウンド)
![](https://sdesignlabo.com/blog/wp-content/uploads/2019/05/free-portfolio_r_05.jpg)
アメブロやAmebaTVで知られているサーバーエージェントが提供しているWebサイト制作サービスです。
ちなみにスターバックスコーヒージャパンがアメーバオウンドを利用しています。
Ameba Ownd(アメーバオウンド)
ちなみにスターバックスコーヒージャパンがアメーバオウンドを利用しています。
Ameba Ownd(アメーバオウンド)
IM Creator(アイムクリエイター)
![](https://sdesignlabo.com/blog/wp-content/uploads/2019/05/free-portfolio_r_06.jpg)
STUDIO(スタジオ)
![](https://sdesignlabo.com/blog/wp-content/uploads/2019/05/free-portfolio_r_07.jpg)
2018年4月に生まれた国産プロトタイピングツールのSTUDIOです。
ポートフォリオサイトではありませんが、コードを書かずにドラッグ&ドロップで簡単にWEB制作を行う事ができ、そのままWEBサイトを公開することができます。
デザインもSTUDIOで簡単に行えますので、デザイナーでない方でもキレイなサイトが作れます。
STUDIO(スタジオ)
ポートフォリオサイトではありませんが、コードを書かずにドラッグ&ドロップで簡単にWEB制作を行う事ができ、そのままWEBサイトを公開することができます。
デザインもSTUDIOで簡単に行えますので、デザイナーでない方でもキレイなサイトが作れます。
STUDIO(スタジオ)
Salon.io
![](https://sdesignlabo.com/blog/wp-content/uploads/2019/05/free-portfolio_r_09.jpg)
Salon.ioはドラッグ&ドロップだけでポートフォリオサイト、Webサイトが簡単に作れるノーコードサービスです。
必要なモノは掲載する画像とテキストのみ!
無料プランで3ページ、画像が150枚まで使用可能。HTMLとCSSのカスタマイズもできるのでオリジナリティの高いサイト制作が可能です。
Salon.io
必要なモノは掲載する画像とテキストのみ!
無料プランで3ページ、画像が150枚まで使用可能。HTMLとCSSのカスタマイズもできるのでオリジナリティの高いサイト制作が可能です。
Salon.io
PORTFOLIOBOX(ポートフォリオボックス)
「PORTFOLIOBOX」は利用者数100万人以上でイラストレーター、デザイナー、写真家…、世界中の様々なアーティストが利用しているポートフォリオサービス。
レスポンシブデザインでスマホ、PC、タブレット等、閲覧端末を問いません。
LIGHTで月額$3.5(500円未満)が最小プラン、使える画像数は50枚です。有料の割に制限が多く、ぶっちゃけ無料で使える AdobePortfolio の方が遥かにオススメですよ。
PORTFOLIOBOX(ポートフォリオボックス)
レスポンシブデザインでスマホ、PC、タブレット等、閲覧端末を問いません。
LIGHTで月額$3.5(500円未満)が最小プラン、使える画像数は50枚です。有料の割に制限が多く、ぶっちゃけ無料で使える AdobePortfolio の方が遥かにオススメですよ。
PORTFOLIOBOX(ポートフォリオボックス)
紙媒体やPDF形式で作成したポートフォリオの品質を手っ取り早く高めるには、高品質なテンプレートの活用が最も効率的かつ効果的です。
商用利用可能で高品質テンプレートばかり厳選!
今まで意識しなかった多くの「気づき」に出会えますよ。
※なお、ポートフォリオ制作はInDesign(インデザイン)を使うのが最も効率的です。
コチラでインデザ初心者の方向けにポートフォリオテンプレートの使い方を詳しく解説しております。
#01 Pink Portfolio Layout
![](https://sdesignlabo.com/blog/wp-content/uploads/2019/06/ai_portfolio_template_stock_2.jpg)
ピンク系のキレイ目カワイイ風ポートフォリオ用テンプレートです。InDesign形式なので文字と画像の差し替えが超楽!
2時間あればポートフォリオが作れます。
編集にはInDesignが必須、未導入の方はInDesign公式サイトから入手しておきましょう。
ダウンロードする
2時間あればポートフォリオが作れます。
編集にはInDesignが必須、未導入の方はInDesign公式サイトから入手しておきましょう。
ダウンロードする
#02 Portfolio Layout with Gray Accents
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/06/ai_portfolio_template_stock_6.jpg)
モノトーン系でどんな作風にも合うポートフォリオ用テンプレートです。イラスト、写真、建築、Web、グッズ…テンプレ選びに迷ったらコレがオススメ!
A4に印刷したポートフォリオ、PDF形式、どちらも短時間で作成可能です。
ダウンロードする
A4に印刷したポートフォリオ、PDF形式、どちらも短時間で作成可能です。
ダウンロードする
#03 Portfolio Layout with Yellow Accents
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/06/portfolio-template15.jpg)
#04 Portfolio Template in Pale Green and Mint
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/06/portfolio-template14.jpg)
収録されているレイアウトパターンが非常に豊富なポートフォリオ用テンプレートです。
作品を大きく見せる、制作過程を見せる、複数見せる、横長作品を画面内に綺麗に収める等、どんなパターンにも当てはめる事が可能ですよ。
ダウンロードする
作品を大きく見せる、制作過程を見せる、複数見せる、横長作品を画面内に綺麗に収める等、どんなパターンにも当てはめる事が可能ですよ。
ダウンロードする
#05 Minimalist Portfolio Layout
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/06/portfolio-template23.jpg)
ポートフォリオの表紙には必ずメインビジュアルを入れないとダメか?そんな事はありません。
単色に文字だけで構成した表紙も素敵です。
ページ中身のレイアウトパターンも豊富、あえて表紙をシンプルにする手法もアリですよ。
ダウンロードする
単色に文字だけで構成した表紙も素敵です。
ページ中身のレイアウトパターンも豊富、あえて表紙をシンプルにする手法もアリですよ。
ダウンロードする
紹介しきれなかったポートフォリオテンプレートや素材
上記のテンプレートはほんの一部。下記リンクで多数の高品質なポートフォリオテンプレートを紹介しています!
以上、無料で使えるポートフォリオサイト制作サービス10選でした。
作品制作をされている方は印刷したポートフォリオを作られているかと思います。
印刷媒体だけでなく、上記のような無料ポートフォリオサイト作成サービスを活用して、オウンドメディアを作成してみるのも良いかもしれません。
初心者の方にとって敷居が高いHTML、CSS、Javascript等に関する知識が無くても、フリーメール一つ取得しておけば簡単に自身のポートフォリオサイトが作成できますよ。
無料&商用利用可能なアイコンや画像
ポートフォリオサイトの制作には様々な素材が必要!
フォントだけでなく、無料&商用利用が可能なアイコンや写真・画像等を紹介しております。
フォントだけでなく、無料&商用利用が可能なアイコンや写真・画像等を紹介しております。
WEB制作に関連する内容でUI・UXについて解説している記事をコチラで掲載しております。
サイトを構築する際に閲覧者視点になってサイト設計を行うとより親切なサイトが作れます。
ではまた!
ポートフォリオを作ろう!
ポートフォリオ作りのヒントになりそうな記事を掲載しております。
デザイナーの就職・活動に必要なポートフォリオに迷った際に参考にしてください。
デザイナーの就職・活動に必要なポートフォリオに迷った際に参考にしてください。
汎用素材
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/04/sozai_ico_03.png)
フリーで使える写真&画像素材サイト16選+α
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/04/sozai_ico_06.png)
無料&商用利用できるフリーアイコン配布サイト14選!+α
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/04/sozai_ico_05.png)
【無料・商用利用可】フリーで使える汎用フォント20選!
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/04/sozai_ico_05.png)
【フリーフォント】映画のタイトル風フォント65選
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/04/sozai_ico_07.png)
【商用可】AdobeStockの無料素材が高品質すぎる件
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/04/sozai_ico_04.png)
無料でポートフォリオサイトを簡単キレイに作れるサービス7選!
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/04/sozai_ico_08.png)
高品質なiPhoneのモックアップ素材84選
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/04/sozai_ico_09.png)
高品質なiPadのモックアップ29選【PSD・AI・Sketch】
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/04/sozai_ico_10.png)
高品質なMacBookのモックアップを厳選【PSD・AI】
Photoshop素材
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/04/sozai_ico_02.png)
【Photoshop】無料レイヤースタイル全447種まとめ
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/04/sozai_ico_02.png)
【Photoshop】無料&商用可能で本当に使えるブラシ素材72選
Illustrator素材
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/04/sozai_ico_01.png)
【Illustrator】アナログ画材風の無料ブラシ36選
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/04/sozai_ico_11.png)
最強素材リストの目次一覧
ポートフォリオテンプレート
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/06/sozai_ouyou_01.jpg)
ポートフォリオ用の高品質なテンプレート34選
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/12/sozai_ouyou_16.jpg)
デジタルポートフォリオ用のテンプレート35選
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/09/sozai_ouyou_11.jpg)
InDesign形式の高品質なポートフォリオテンプレート77選
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/12/ai-zero_main_ico_ouyou1_20.jpg)
AI形式の高品質なポートフォリオテンプレート25選
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/12/sozai_ouyou_18.jpg)
PSD形式のポートフォリオ用テンプレート12選
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/03/sozai_ouyou_21.jpg)
【InDesign】
A4横のポートフォリオテンプレート15選
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/03/sozai_ouyou_23.jpg)
【InDesign】
A4縦のポートフォリオが簡単に作れるテンプレート15選
印刷物のテンプレート
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/06/sozai_ouyou_02.jpg)
【名刺テンプレート】
高クオリティな名刺テンプレート50選
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/03/sozai_ouyou_22.jpg)
【名刺Part.2】高品質なミニマルデザインの名刺テンプレート18選
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/12/sozai_ouyou_15.jpg)
高品質な三つ折りパンフレットのテンプレート76選
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/12/ai-zero_main_ico_ouyou1_21.jpg)
【神速チラシデザイン】商用利用可能なフライヤーのテンプレート50選
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/12/ai-zero_main_ico_ouyou1_22.jpg)
【イラレ初心者でも自作可】商用可能で高品質なクリスマスカード素材53選
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/12/ai-zero_main_ico_ouyou1_24.jpg)
【商用利用可能】高品質な便箋のテンプレート50点を厳選
Web制作にオススメ
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/06/sozai_ouyou_03.jpg)
高クオリティなロゴのテンプレート50選
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/06/sozai_ouyou_05.jpg)
高品質なバナーテンプレート50選
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/06/sozai_ouyou_04.jpg)
Webサイトのデザインカンプ用テンプレート35選
その他のテンプレートや素材
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/06/sozai_ouyou_10.jpg)
ゲームUIに使える高品質なテンプレート48選
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/03/sozai_ouyou_19.jpg)
ゲームやイラストの背景素材66選
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/03/sozai_ouyou_20.jpg)
1枚絵として成立するクオリティの和風背景素材20選
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/11/sozai_ouyou_14.jpg)
【デザインモックアップ】様々な素材の高品質なモックアップ50選
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/09/sozai_ouyou_13.jpg)
イラスト初心者の為の便利なテンプレート
![](https://sdesignlabo.com/blog/wp-content/uploads/2021/12/sozai_ouyou_17.jpg)
【商用OK!】フリーフォントと一味違う超高品質でユニークなフォント20選
![](https://sdesignlabo.com/blog/wp-content/uploads/2022/04/sozai_ico_11.png)
最強素材リストの目次一覧
目次一覧