【未経験ママのポートフォリオ完全ガイド】作品が少なくても伝わる見せ方と作り方

「作品がまだ少ない…でもいつかは仕事にしたい」
そんな思いを抱える未経験ママへ。「同じ経験をした私だからこそ伝えられることがある！」と思い執筆しています。

この記事では、webデザイン初心者の私がスクール在学中に作ったポートフォリオを完全公開し、その手順を解説しています。実体験をもとに優しくリアルにお伝えしますので、最後まで読んでいただくと、まずは「小さく始めること」が出来るようになります。

作品が少なくても、未経験でデザインに自信がなくても大丈夫です。
完璧を目指さず、一緒に形にすることを目指しましょう。

筆者のこと

3人子育て中のママ
元飲食店勤務
未経験からwebデザインスクールを受講
卒業後はブログ運営とデザインの学びをコツコツ継続
末っ子が幼稚園に行ったら本格始動
モチベーションの維持と時間術が得意です！

作品がなくてもポートフォリオって必要？

学び始めたばかりで作品がない時はまだイメージがわかないと思いますが、ある程度ツールやデザインの理解が進んで案件チャレンジが見えてきたら作り時です。

作品が全くないのであれば、まずは一つ自主製作したり、スクールで作った課題を掲載していいか確認し、OKならそれを使いましょう。ポートフォリオは「営業」としての側面と「記録」としての側面を持っているので、webデザイナーにとっては大切なツールです。

筆者のポートフォリオ公開

わたしがWEBCOACHで学んで２.５か月が経ったころに作成したものを公開しています。このブログ（わたしとデザイン）のトップページからも見ることができますが、ブログの中に埋め込んでいるので見えずらくなっています。なのでこちらのリンクからご覧ください🔗

👉並盛のポートフォリオ

ご不便をおかけして大変申し訳ありません。今後改善しますね！

ポートフォリオは名刺以上の「営業ツール」

ポートフォリオは、自分がどんな仕事をするのか、人柄も含めて情報をわかりやすく伝えるための大切な「営業ツール」です。就職を考えている方にも、フリーランスを選ぶ方にとっても、名刺以上に活躍してくれる営業ツールなので、持っておいて損はないです。むしろあった方が便利です。

未経験でも「成長を可視化」する記録になる

たとえ今はまだ営業を考えていない段階でも、自分のスキルやデザインに対する思いを可視化することができるので、「成長を可視化するための記録ツール」として作るのも◎！

具体的な手順

まずは流れがわかるように簡単にまとめたものから見ていきましょう。

目的とターゲットの設定
デザインのイメージを決める
必要な情報を書き出す
ページの構成を決める（ワイヤーフレーム）
ざっくり原稿を書き出す
トップページのデザインを作成
下層ページのデザインを作成
デザインに沿ってサイトを構築
チェックして公開

アイディア出しは、Figmaなどのツールを使ってもいいですし、紙に書きだすのもおすすめです。ざっくり流れをつかんだら、一つ一つ進めていきましょう。

01：目的とターゲット設定

簡単なワークなので、あなたの場合は①～③をどう設定するのか、試しに考えてみましょう！

誰に（どんな相手？）
何を（伝えたいことは？）
どんな目的で？（目指すゴールは？）

目的とターゲットがはっきりしないと、デザインの方向性が決まりません。
私の場合、①「クラウドソーシングのクライアント」に②「自分ができることをわかりやすく伝えて」③「仕事をいただくため」にサイト設計をしました。

02：デザインのイメージを決める

目的とターゲットが決まったら、デザインのイメージを固めましょう。
大まかな方向性が決まったら、それに近いイメージの参考サイトを３つくらいピックアップして、より具体的にしていきます。この時に、使いたいフォントやカラーコードもまとめておきましょう。

私の場合は、自分のデザインコンセプトを深堀して、そこを軸にサイトデザインも考えました。

Concept-心がけていること-人、モノ、サービスをつなぎ、広げるためのデザインを考え実装します。柔らかなラインや形、透明感のある色味やグラデーションなどの要素を使って親しみのある暖かいイメージを作ることで、心地よいつながりと安心感を届けることを目指しています。
並盛ポートフォリオ（Concept）

イメージがわかないという人は、いろいろなサイトを眺めて、いいなと思う部分を集めてイメージギャラリーを作ると、アイデアが固まりやすくなるのでおすすめです◎。

おすすめ参考サイト

「未経験」「ポートフォリオ」「作り方」で検索するのもおすすめ◎！