NotionでWebページやポートフォリオを制作する時に参考になるサイト集

この記事では、組織の Web サイト、デザイナーやエンジニアなどのポートフォリオサイトを作成する際に参考になるサイトやテンプレートを紹介します。

最近、Notion で制作されたコーポレートサイトや個人のポートフォリオを見る機会が増えてきました。皆さんの中にも、組織のイントラサイト、コーポレイトサイト、個人のポートフォリオを Notion で作ろうとしている方もいるのではないでしょうか。しかしいざ作ろうと思っても、Notion の自由度が高すぎて作り方がわからない、デザインに自信がなくおしゃれに作れないなどの悩みを持っている方もいるかもしれません。

そのような時のために今回は、Notion で作られた Web サイトやポートフォリオ、テンプレートなどが数多く掲載されたサイト集を紹介します。

Pinterest で「Notion」、「Notion Portfolio」、「Notion resume」などで検索すると、Notion で作られたおしゃれなページがたくさん出てきます。英語でキーワードを指定した方が検索結果が多くなるのでオススメです。

Notion 公式アンバサダーの田原さん（@shogocat）が作成したサイトで、Notion で作られた個人サイトが 383 事例（2023/8/14 時点）、掲載されています。Notion のみで作られたサイト以外に、外部サービス（Wraptas や Super など）を利用して作られたサイトも掲載されていますが、デザインや構成などとても参考になります。

ちなみに「Notionで作られた個人サイト事例集」自体も Notion で作られており、見出しが「数式ブロック」で作られていたり、コンテンツを区切る罫線に画像が使われているなど、細かなテクニックがとても参考になります。

「Notionで作られた個人サイト事例集」は以下のリンクです。

https://shogotahara.notion.site/Notion-77f57f1ac463497fab63f4e7c35f99ea

こちらは上記の個人サイト事例集の企業サイト版です。Notion で作られた企業サイトが 1,144 事例（2023/8/14 時点）、掲載されています。

特に、ピックアップとして掲載されているサイトは必見です。どのサイトも丁寧に作り込まれていてとても参考になります。例えば、以下のサイバーエージェントのエンジニア採用ページは、スライド、Twitter のタイムライン、画像、YouTube などの埋め込みがうまく使われています。

「Notionで作られた企業サイト事例集」は以下のリンクです。

https://shogotahara.notion.site/Notion-5279483f808c4b1183406a72afdf31a7

Notion 公式のテンプレート集にはたくさんの参考になるテンプレートがあります。ここではその中でも、組織の Web サイトや個人のポートフォリオ制作に参考になるテンプレートを紹介します。

デザイナー、ライター、アーティストなど、さまざまな職種に合うようなテンプレートがたくさん公開されています。

その中でも ポートフォリオ (作品集) はデザインがシンプルで美しくおすすめです。

「ポートフォリオのテンプレート集」は以下のリンクです。

ポートフォリオのベストテンプレート｜Notion (ノーション)

デザイナー、ライター、アーティストなどの職種の方に最適なポートフォリオテンプレートを使用して、創造的なポテンシャルを可視化し、作品を展示しましょう。すべてのテンプレートはカスタマイズ可能で、ポートフォリオの美学と機能性を高めるように設計されています。

https://www.notion.so

ポートフォリオテンプレートと少し似た構成になるかもしれませんが、レジュメテンプレートも参考になります。

その中でもレジュメは構成がシンプルでおすすめです。

「レジュメのテンプレート集」は以下のリンクです。

レジュメのベストテンプレート｜Notion (ノーション)

レジュメはあなたの第一印象です。Notionのレジュメテンプレートでスキルと実績を強調する目を引くデザインを作成し、好印象を与えましょう。複数のバージョンがあればそれも整理しておき、求職活動に関する情報を適切に管理します。

https://www.notion.so

テンプレートの掲載数は少ないですが、個人のウェブサイトテンプレートも掲載されています。

その中でも面白いテンプレートは、Notion Link in bio です。

Notion で Linktree や lit.link のようなおしゃれなリンク集を作ることができます。こちらは以下の記事で詳しく解説しています。

NotionでLinktreeやlit.linkのようなリンク集を5分で作る方法 - Notionラボ

Notion で簡単に LinkTree や lit.link のような link in bio （リンクインバイオ）を作成する方法を紹介します。 link in bioとは以下のようなリンク集のことで、SNS などのプロフィール欄に掲載することで自分のポートフォリオ代わりになるというメリットがあります。

https://notion-lab.jp

「個人のウェブサイトのテンプレート集」は以下のリンクです。

個人のウェブサイトのベストテンプレート｜Notion (ノーション)

Notionのカスタマイズ可能なテンプレートを使用して、美しく機能的な個人のウェブサイトを作成しましょう。カスタムドメイン、ブログ投稿、お問い合わせフォームなどの機能が含まれており、あなたにぴったりのウェブサイト構築をサポートします。

https://www.notion.so

個人、企業のウェブサイト構築テンプレートが数多く掲載されています。

その中でもヘルプセンターはとても内容が濃く、Notion でアプリの使い方ページやお問い合わせページ、FAQ などを作る際にはこのテンプレートをベースにすれば OK と言える内容です。

「個人のウェブサイトのテンプレート集」は以下のリンクです。

ウェブサイト構築のベストテンプレート｜Notion (ノーション)

夢のWebサイトを作成するなら、Notionテンプレートの出番です。ブログやナビゲーションリンク、トップページを完備した、スマートでプロフェッショナルなWebサイトを作成します。あなたのアイデアを共有し、Notionでブランドを構築しましょう。

https://www.notion.so

今回は、Notion で組織の Web サイト、デザイナーやエンジニアなどのポートフォリオサイトを作成する際に参考になるサイトやテンプレートを紹介しました。Notion の良いところは手軽に自由度高く Web サイトが構築できるというところです。皆さんもぜひ気軽に Notion で Web サイトを作ってみてください。