この記事は約 < 1 分で読むことができます。
この記事は約 < 1 分で読むことができます。
「Webデザイナーのポートフォリオ、どこで作ればいいの？」これは、デザインを学び始めた人から未経験転職を目指す人まで、よく聞かれる質問です。
ツールによって見せ方・自由度・費用がまったく異なります。この記事では、代表的な4つの選択肢を比較しながら、転職や案件獲得に強いポートフォリオの作り方を解説します。
Webデザイナーのポートフォリオを作れる4つの場所（比較表あり）
ポートフォリオを公開できる主なプラットフォームは以下の4つです。それぞれの特徴を比較表にまとめました。
| プラットフォーム | 費用 | 自由度 | SEO | 転職での評価 | 向いている人 |
|---|---|---|---|---|---|
| WordPress | 年1,000〜5,000円（レンタルサーバー） | 最高 | 高い | デザイン力+コーディング力を証明できる | HTML/CSS学習中の人 |
| STUDIO | 無料〜月額1,650円 | 高い | 中程度 | UIデザイン力を証明できる | コーディングより見せ方を重視したい人 |
| Wix | 無料〜月額900円〜 | 中程度 | 中程度 | 手軽に作れるが差別化しにくい | とにかく早く公開したい人 |
| note | 無料 | 低い | 低い | ポートフォリオとしては弱い | まずは作品紹介だけしたい場合 |
現役デザイナーが実際に使っているのは？
私（ASK）自身は自社サイトをWordPressで運営しており、レンタルサーバー代は年間1万円ちょいです。初期投資としてはドメイン代（年間1,000〜1,500円）＋サーバー代（年間6,000〜10,000円）が実態です。
一方、ベースやペライチのような「無料で簡単に作れるプラットフォーム」は、私が発注側として見ると正直微妙に見えてしまいます。「このツールで作ったのか」という印象が先行してしまうので、できればWordPressかSTUDIOで作ることをおすすめします。
WordPress
WordPressは、自由度が最も高いプラットフォームです。デザインをゼロから実装できるため、「この人はコーディングもできる」と採用担当者にアピールできます。転職を見据えているなら、WordPressでの構築実績そのものがポートフォリオの強みになります。
Wix
Wixはドラッグ＆ドロップで手軽に作れるのが魅力です。デザインテンプレートも豊富で、短期間で見た目のきれいなポートフォリオを作れます。ただし、コーディングの技術力は伝わりにくいため、デザインセンスのアピールに向いています。
STUDIO
STUDIOは日本製のノーコードWebデザインツールです。デザインの再現性が高く、アニメーションなども設定しやすいのが特徴。Webデザイナー向けのスクールでもよく使われており、現場との親和性が高いツールです。
→ STUDIOを使って学べるデザインスクールについてはこちら
note
noteはポートフォリオというより「学習の記録・発信ツール」として使うのがおすすめです。デザインの工夫ポイントや制作過程をnoteにまとめておくと、採用担当者が「この人はどう考えてデザインしているか」を確認できる補助資料になります。
転職に有利なポートフォリオの形式
転職活動でポートフォリオを見てもらう場面では、以下の点が評価されやすいです。
1. PCとスマホ両方で崩れないレスポンシブデザイン
採用担当者はスマートフォンでポートフォリオを確認するケースが多いです。PCでは美しく見えても、スマホで崩れていると一気に評価が下がります。必ずスマートフォン表示を確認してから共有しましょう。
2. 各作品に「制作意図（なぜこのデザインにしたか）」を必ず記述
「ターゲットユーザーを誰に設定したか」「なぜこの配色・レイアウトを選んだか」を説明できると、デザインの考え方が伝わります。作品の見た目だけでなく、コンセプトや課題解決の視点を添えることが採用評価を大きく左右します。
3. 読み込み速度を意識する
表示が遅いページは直帰率が上がる傾向があります。できればPageSpeed Insightsで確認しておきましょう。画像を最適化し、表示速度を意識することも、デザイナーとしてのスキルアピールになります。
4. 架空でもいいので複数の実績があること
未経験の場合、実際の案件がなくても問題ありません。架空のランディングページ・飲食店サイト・アプリUIなど、複数のジャンルを制作しておくと、対応力の幅がアピールできます。
無料でポートフォリオを作る方法
費用をかけずにポートフォリオを作りたい場合は、以下の組み合わせが現実的です。
STUDIO無料プラン＋STUDIOドメイン
STUDIOの無料プランでは「◯◯.studio.site」のURLで公開できます。独自ドメインは取得できませんが、ポートフォリオとして見てもらうには十分な見た目を作れます。転職活動が本格化したタイミングで有料プランに切り替えるのも一つの方法です。
GitHubPages＋静的HTML
HTMLとCSSのコーディングスキルがあれば、GitHubPagesを使って完全無料でサイトを公開できます。「コーディングもできるデザイナー」をアピールしたいなら、この方法が最も技術力を見せやすいです。
noteで作業記録を公開
完全に無料で始めるなら、noteに制作記録・作品画像・コンセプトを投稿するところからでもOKです。最初の一歩として活用しながら、本格的なポートフォリオサイトへ移行していくイメージで進めましょう。
まとめ
Webデザイナーのポートフォリオを作る場所は、目的とスキルレベルによって選び方が変わります。
- コーディングもアピールしたい → WordPress
- デザインセンスを見せたい → STUDIO・Wix
- 学習記録を発信したい → note
- 完全無料で始めたい → STUDIO無料プラン・GitHubPages
どのツールを選ぶにしても、「なぜこのデザインにしたか」を言語化できるポートフォリオが転職・案件獲得に強いです。スクールで実践課題に取り組みながら、完成度の高い作品を増やしていくのが最短ルートです。
ポートフォリオサイトに関するよくある質問
Q: WordPressでポートフォリオを作るのは難しいですか？
初心者には少し難しいですが、ConoHaやXserverなどのレンタルサーバーが提供するワンクリックインストール機能を使えば30分以内に立ち上げられます。ポートフォリオ用のHTMLテーマを使えば、コーディング知識がなくても見栄えの良いサイトが作れます。逆に言えば、WordPressのカスタマイズ経験自体がポートフォリオの「実績」になります。
Q: 無料でポートフォリオを公開するならどこがいいですか？
STUDIOのフリープランが最もおすすめです。広告表示なし・独自ドメイン以外なら無料で公開でき、デザインの自由度も高いです。次点でGitHub Pagesですが、HTMLを手書きできる人向けです。Wixも無料ですが、URLに「wix.com」が入るため採用担当への印象が弱くなることがあります。
Q: ポートフォリオは転職活動中でも更新していいですか？
むしろ更新すべきです。新しい作品が増えるたびに追加し、「最終更新日」を明示しましょう。更新されているポートフォリオは「今も学習中・成長中」のシグナルになります。
コメント