【デザイン学生必見!】
ポートフォリオをゼロから作ろう!

【ノーコード】無料でポートフォリオサイトが作れるサービス10選!【Web知識不要】

記事内にプロモーションを含む場合があります
Webデザイナー、UI/UXデザイナーの@sdesignlaboです。

無料&ノーコードでポートフォリオサイトが作れるWebサービスを10点厳選しました。

自身のポートフォリオサイトをイチから作成するには、Webに関する知識がある程度必要になります。
特にHTML,CSS,Javascript等のコードを触るのは、慣れていない方にとってハードルが高いですよね。

しかし用意した画像と文章をテンプレートに当てはめてアップするだけで「簡単」かつ「キレイ」に、しかも「無料」でポートフォリオサイトを作れるサービスが存在しています。

当記事はノーコード&無料で使えるオススメのポートフォリオサイト制作サービスを10点紹介いたします!

無料で使えるポートフォリオサイト

無料で利用できるポートフォリオサイト制作サービス10選です。
全てノーコードで自身のポートフォリオサイトが作れますよ。

Adobe Portfolio

AdobePortfolioはPhotoshopやIllustratorの開発・販売元であるAdobeが展開しているポートフォリオ制作サービスです。使用ページ数に制限は無く、WebのポートフォリオサービスはAdobePortfolioがあれば全てカバーできます。
ぶっちゃけコレ使っておけば他は不要ですよ。

AdobePortfolio公式サイト
AdobePortfolioについてもっと知る
AdobePortfolioを使ったポートフォリオサイトの作例や使い方を詳しく解説しています。併せてチェックされてみませんか?

Behance(ビハンス)

Behance(ビハンス) はAdobeが提供しているクリエイターのためのSNSです。世界中のクリエイターから数百万件以上もの作品が公開されており、他のSNS同様にフォローやコメントを投稿してコミュニケーションが可能! AdobePortfolioと併せて活用すれば間違いありません。

Behance公式サイト

MATCHBOX(マッチボックス)

MATCHBOX はマイナビクリエイターが提供する無料で使えるポートフォリオ制作サービスです。
作品とテキストを用意するだけ!PDFに書き出せるのでWebだけでなく印刷媒体にも対応!
定期的にポートフォリオに関する無料オンライン講座が開かれているので、普段知る機会の無いポートフォリオ制作に関するノウハウが得られます。

MATCHBOX(マッチボックス)
MATCHBOXについてもっと知る
MATCHBOXを使ったポートフォリオサイトの作例や使い方を詳しく解説しています。就活と連携したポートフォリオ制作サービスなので効率よく就活できますよ。

Jimdo(ジンドゥー)

Jimdo(ジンドゥー) は「200万ユーザーが利用する最大級のホームページ作成サービス」です。

2007年にドイツで生まれたサービスで、Jimdo(ジンドゥー)を利用して企業サイトを作られている会社もよく見かけます。

オンラインショップの機能を備えているので少数(5点までなら無料)であれば物販も可能です。
無料なら AdobePortfolio が最強ですが、有料プランのJimdoはさらに優秀ですよ!

Jimdo(ジンドゥー)

WiX(ウィックス)

世界で1億人以上が利用しているサービスで、ドラッグ&ドロップで直感的かつ簡単にポートフォリオサイトを作成できます。

なお無料プランは「Wixでホームページを作成しましょう!」「このサイトはWix.comで作成されました」と表示されます。

Wix(ウィックス)
Wixについてもっと知る
Wixを使ったポートフォリオサイトの作例や使い方を詳しく解説しています。無料プラン、有料のプレミアムプランの具体的な違いや料金なども徹底解説しています。

Strikingly(ストライキングリー)

Strikinglyではポートフォリオサイトだけでなく、ブログやECサイトも作成できます。

HTMLやCSSを触らなくても簡単に綺麗なデザインを手早く出来るのはいいですね。

なお無料プランは通信帯域が5GBに制限されます。

Strikingly(ストライキングリー)

Ameba Ownd(アメーバ オウンド)

アメブロやAmebaTVで知られているサーバーエージェントが提供しているWebサイト制作サービスです。

ちなみにスターバックスコーヒージャパンがアメーバオウンドを利用しています。

Ameba Ownd(アメーバオウンド)

IM Creator(アイムクリエイター)

アメリカ生まれのサイト作成サービスです。

写真家、ミュージシャン、ポートフォリオ、経歴、ファッション…等、様々なテンプレートが豊富に用意されています。

IM Creator(アイムクリエイター)

STUDIO(スタジオ)

2018年4月に生まれた国産プロトタイピングツールのSTUDIOです。

ポートフォリオサイトではありませんが、コードを書かずにドラッグ&ドロップで簡単にWEB制作を行う事ができ、そのままWEBサイトを公開することができます。

デザインもSTUDIOで簡単に行えますので、デザイナーでない方でもキレイなサイトが作れます。

STUDIO(スタジオ)

Salon.io

Salon.ioはドラッグ&ドロップだけでポートフォリオサイト、Webサイトが簡単に作れるノーコードサービスです。
必要なモノは掲載する画像とテキストのみ!
無料プランで3ページ、画像が150枚まで使用可能。HTMLとCSSのカスタマイズもできるのでオリジナリティの高いサイト制作が可能です。

Salon.io

有料で使えるポートフォリオサイト

PORTFOLIOBOX(ポートフォリオボックス)

「PORTFOLIOBOX」は利用者数100万人以上でイラストレーター、デザイナー、写真家…、世界中の様々なアーティストが利用しているポートフォリオサービス。
レスポンシブデザインでスマホ、PC、タブレット等、閲覧端末を問いません。
LIGHTで月額$3.5(500円未満)が最小プラン、使える画像数は50枚です。有料の割に制限が多く、ぶっちゃけ無料で使える AdobePortfolio の方が遥かにオススメですよ。

PORTFOLIOBOX(ポートフォリオボックス)

高品質なポートフォリオテンプレート

紙媒体やPDF形式で作成したポートフォリオの品質を手っ取り早く高めるには、高品質なテンプレートの活用が最も効率的かつ効果的です。

商用利用可能で高品質テンプレートばかり厳選!
今まで意識しなかった多くの「気づき」に出会えますよ。

※なお、ポートフォリオ制作はInDesign(インデザイン)を使うのが最も効率的です。
コチラでインデザ初心者の方向けにポートフォリオテンプレートの使い方を詳しく解説しております。

#01 Pink Portfolio Layout

ピンク系のキレイ目カワイイ風ポートフォリオ用テンプレートです。InDesign形式なので文字と画像の差し替えが超楽!
2時間あればポートフォリオが作れます。
編集にはInDesignが必須、未導入の方はInDesign公式サイトから入手しておきましょう。

ダウンロードする

#02 Portfolio Layout with Gray Accents

モノトーン系でどんな作風にも合うポートフォリオ用テンプレートです。イラスト、写真、建築、Web、グッズ…テンプレ選びに迷ったらコレがオススメ!
A4に印刷したポートフォリオ、PDF形式、どちらも短時間で作成可能です。

ダウンロードする

#03 Portfolio Layout with Yellow Accents

黄色が鮮やかでキレイなポートフォリオテンプレートです。
爽やかな画風のイラストにもピッタリ!
クセが無く、ベースデザインとして非常に扱いやすいテンプレートの一つです。

ダウンロードする

#04 Portfolio Template in Pale Green and Mint

収録されているレイアウトパターンが非常に豊富なポートフォリオ用テンプレートです。
作品を大きく見せる、制作過程を見せる、複数見せる、横長作品を画面内に綺麗に収める等、どんなパターンにも当てはめる事が可能ですよ。

ダウンロードする

#05 Minimalist Portfolio Layout

ポートフォリオの表紙には必ずメインビジュアルを入れないとダメか?そんな事はありません。
単色に文字だけで構成した表紙も素敵です。
ページ中身のレイアウトパターンも豊富、あえて表紙をシンプルにする手法もアリですよ。

ダウンロードする

紹介しきれなかったポートフォリオテンプレートや素材
上記のテンプレートはほんの一部。
下記リンクで多数の高品質なポートフォリオテンプレートを紹介しています!

おわりに

以上、無料で使えるポートフォリオサイト制作サービス10選でした。

作品制作をされている方は印刷したポートフォリオを作られているかと思います。
印刷媒体だけでなく、上記のような無料ポートフォリオサイト作成サービスを活用して、オウンドメディアを作成してみるのも良いかもしれません。

初心者の方にとって敷居が高いHTML、CSS、Javascript等に関する知識が無くても、フリーメール一つ取得しておけば簡単に自身のポートフォリオサイトが作成できますよ。

WEB制作に関連する内容でUI・UXについて解説している記事をコチラで掲載しております。
サイトを構築する際に閲覧者視点になってサイト設計を行うとより親切なサイトが作れます。

ではまた!

商用利用可能な高品質素材

ポートフォリオテンプレート

ポートフォリオ用の高品質なテンプレート34選
デジタルポートフォリオ用のテンプレート35選
InDesign形式の高品質なポートフォリオテンプレート77選
AI形式の高品質なポートフォリオテンプレート25選
PSD形式のポートフォリオ用テンプレート12選
【InDesign】 A4横のポートフォリオテンプレート15選
【InDesign】 A4縦のポートフォリオが簡単に作れるテンプレート15選

印刷物のテンプレート

【名刺テンプレート】 高クオリティな名刺テンプレート50選
【名刺Part.2】高品質なミニマルデザインの名刺テンプレート18選
高品質な三つ折りパンフレットのテンプレート76選
【神速チラシデザイン】商用利用可能なフライヤーのテンプレート50選
【イラレ初心者でも自作可】商用可能で高品質なクリスマスカード素材53選
【商用利用可能】高品質な便箋のテンプレート50点を厳選

Web制作にオススメ

高クオリティなロゴのテンプレート50選
高品質なバナーテンプレート50選
Webサイトのデザインカンプ用テンプレート35選

その他のテンプレートや素材

ゲームUIに使える高品質なテンプレート48選
ゲームやイラストの背景素材66選
1枚絵として成立するクオリティの和風背景素材20選
【デザインモックアップ】様々な素材の高品質なモックアップ50選
イラスト初心者の為の便利なテンプレート
【商用OK!】フリーフォントと一味違う超高品質でユニークなフォント20選

最強素材リストの目次一覧
SCROLL
目次一覧
ゼロから始めるシリーズ

現役デザイナーが教えるIllustrator、Photoshop、ポートフォリオ講座の目次です。
デザイン未経験からプロを目指しましょう!