やっほー！カラフルスクール編集部だよ！👋 新生活、楽しんでる？ 大学生活って楽しいけど、将来のこと考えるとちょっと不安になること、あるよね？ 特にクリエイターを目指すみんなは、スキルをアピールする方法に悩んでるんじゃないかな？

「ポートフォリオ、作りたいけど何から始めたらいいかわからない…」
「技術はあるけど、それをどう見せればいいのか…」
「時間がない！ バイトも遊びも両立したい！」

…わかる！めっちゃわかる！ 実は、編集部にも同じような悩みを抱えてた学生インターンがいたんだ！

💡 朗報！ 悩んでるヒマはない！ 今すぐポートフォリオサイトを作って、周りの学生と差をつけちゃおう！ 今回は、クリエイター志望の大学生・専門学校生に向けて、爆速でポートフォリオサイトを作る方法を徹底解説するよ！ しかも、コーディング不要のツールを使うから、プログラミング初心者さんでも安心！

※この記事にはPRが含まれます

まずは、みんなの現状をチェック！

• 80%の企業が採用時にポートフォリオを参考にしている（当社調べ）
• 65%の学生が「ポートフォリオの作り方がわからない」と回答（カラフルスクールアンケート）
• ポートフォリオサイトを持っている学生の内定率は15%高い（人材紹介会社データ）

…やばくない？ ポートフォリオって、就活成功の鍵なんだ！ でも、難しく考える必要は全くない！ 今回の記事を読めば、君も今日からポートフォリオサイトを作れる！ 🔥

1. なぜポートフォリオサイトが必要なの？

ポートフォリオサイトは、君のスキルを最強アピールできる場所！ 履歴書や面接だけじゃ伝えきれない、才能や個性を爆発させよう！🚀

• 24時間365日、君の作品をアピール！
• 採用担当者に「会ってみたい！」と思わせる！
• クリエイターとしての信頼度を爆上げ！

例えば、あるデザイン系の学生は、ポートフォリオサイトに自身の作品を掲載したところ、インターンシップの応募数が3倍に増えたんだって！ ポートフォリオサイトって、マジで効果あり！

1.1 ポートフォリオサイトでアピールできること

• デザインスキル：Webデザイン、グラフィックデザイン、イラストなど
• 開発スキル：Webサイト制作、アプリ開発、ゲーム開発など
• 映像スキル：動画編集、映像制作、アニメーションなど
• 文章スキル：ブログ記事、コピーライティング、小説など
• 写真スキル：ポートレート、風景写真、商品写真など

これ以外にも、君が自信を持ってアピールできるスキルなら何でもOK！ 個性的なポートフォリオサイトで、他の学生と差をつけよう！ 😎

2. コーディング不要！爆速Webサイト制作ツールを紹介！

「Webサイト作るのって、プログラミングの知識が必要なんでしょ？」

ノンノン！🙅‍♀️ 今は、コーディング不要で簡単にWebサイトが作れるツールがたくさんあるんだ！ 今回は、大学生に人気の3つのツールを紹介するね！

2.1 STUDIO：直感的な操作でプロ並みのデザイン

STUDIOは、まるでデザインツールのような使い心地で、おしゃれなWebサイトが作れる！

• ドラッグ＆ドロップで簡単操作！
• 豊富なテンプレートでデザインセンス不要！
• アニメーションも簡単に追加できる！
• 無料プランもあるから、気軽に始められる！

STUDIOを使えば、まるでプロのデザイナーが作ったようなWebサイトが、たったの1時間で作れちゃう！🤯

2.2 Wix：自由度の高さが魅力！

Wixは、豊富な機能と自由度の高さが魅力！

• 500種類以上のテンプレートから選べる！
• アプリを追加して、機能を拡張できる！
• SEO対策もバッチリ！
• ECサイトも作れる！

Wixを使えば、オリジナリティ溢れるWebサイトが作れる！ 自分の個性を最大限に表現したい人におすすめ！🎨

2.3 Strikingly：シンプルで洗練されたデザイン

Strikinglyは、シンプルな操作で、洗練されたデザインのWebサイトが作れる！

• 1ページ完結型のWebサイトに最適！
• スマートフォンでの表示も綺麗！
• SNSとの連携も簡単！
• ポートフォリオに特化したテンプレートも豊富！

Strikinglyを使えば、スタイリッシュなポートフォリオサイトが、わずか30分で作れちゃう！🏃‍♀️

3. ポートフォリオサイト作成の5ステップ！

よし、使うツールが決まったら、早速ポートフォリオサイトを作ってみよう！ 今回は、STUDIOを例に、ポートフォリオサイト作成のステップを解説するね！

ステップ1：テーマを決める！

まずは、どんなポートフォリオサイトにしたいか、テーマを決めよう！

• ターゲット：どんな人に見てもらいたいか？（企業の人事担当者、クライアントなど）
• 強み：自分のどんなスキルをアピールしたいか？
• 個性：どんな雰囲気のWebサイトにしたいか？（クール、ポップ、シンプルなど）

例えば、「Webデザイナー志望の大学生向け。デザインスキルと、課題解決能力をアピール。ポップで親しみやすい雰囲気」みたいな感じ！

ステップ2：構成を考える！

次に、Webサイトの構成を考えよう！ 以下の要素は必須！

• トップページ：自己紹介、ポートフォリオの概要
• 作品紹介ページ：作品の詳細、制作過程、アピールポイント
• スキル紹介ページ：得意なスキル、使用できるツール
• お問い合わせページ：連絡先、SNSアカウント

例えば、トップページに「〇〇大学〇〇学部〇〇学科の〇〇です！ WebデザインとUI/UXデザインが得意です！」みたいな自己紹介文を入れると、グッと印象が良くなるよ！✨

ステップ3：コンテンツを準備する！

構成が決まったら、各ページに掲載するコンテンツを準備しよう！

• 作品：Webサイト、デザイン、イラスト、動画など
• 自己紹介文：自分の強み、実績、将来の目標
• スキル：得意なスキル、資格、実績
• 写真：自分の顔写真、作品の写真

作品は、必ず制作過程やアピールポイントを記載しよう！ 採用担当者は、君がどんな思考で作品を作ったのかを知りたいんだ！ 🤔

ステップ4：Webサイトをデザインする！

STUDIOを使って、Webサイトをデザインしよう！ テンプレートを選んで、コンテンツを配置するだけでOK！

• 色：テーマカラーを決めて、Webサイト全体の色を統一しよう！
• フォント：読みやすいフォントを選ぼう！
• 画像：高画質の画像を使おう！
• アニメーション：動きのあるWebサイトにしよう！

STUDIOの豊富なテンプレートを使えば、デザインセンスがなくても、おしゃれなWebサイトが作れる！ 🎉

ステップ5：公開する！

デザインが完成したら、Webサイトを公開しよう！ STUDIOなら、無料で公開できる！

• 独自ドメインを取得すると、さらにプロっぽくなる！
• SNSでWebサイトを宣伝しよう！
• 友達にWebサイトを見てもらって、フィードバックをもらおう！

公開したら終わりじゃない！ 定期的にWebサイトを更新して、常に最新の情報を掲載しよう！ ✍️

4. ポートフォリオサイトで差をつける！+αのテクニック！

せっかくポートフォリオサイトを作るなら、他の学生と差をつけたいよね！ ここでは、ポートフォリオサイトをさらに魅力的にするテクニックを紹介するよ！

• 実績を数値でアピール：〇〇のWebサイトを制作し、PV数を〇〇%向上！
• お客様の声：クライアントからの感謝の言葉を掲載！
• ブログ：自分の専門知識を発信！
• 動画：作品紹介動画を掲載！

例えば、ある学生は、ポートフォリオサイトに「Webサイト制作の依頼を20件以上獲得！ リピート率は80%！」と記載したところ、企業の採用担当者から「ぜひ会って話を聞きたい！」と連絡が来たんだって！

さあ、今日から君もポートフォリオサイトを作って、夢を叶えよう！ ✨ カラフルスクールは、君の挑戦を応援してるよ！ 📣