このページは英語から翻訳されています。
Webサイト構築
個人ポートフォリオサイトを作成する
公開できる実績、秘密保持契約の対象となる作品を載せる限定公開エリア、問い合わせを管理できるフォームなど、必要なポートフォリオをKlivに伝えてください。あなたのドメイン上にウェブサイトを作成します。
テキスト ボックスにアイデアを入力するだけで、AIがそれを構築します。
Klivとは
Klivは、決まったポートフォリオテンプレートでも、パーツを並べるだけのウェブサイト作成ツールでもありません。あなたのためにソフトウェアを作るAIです。
必要なサイトを自分の言葉で伝えると、Klivがページを作り、作品の整理方法や限定公開エリア、問い合わせフォーム、メッセージを受け取った後の流れまで組み立てます。
あなたのドメインで運用でき、変更したい内容を伝えれば後から更新できます。既存のテーマに情報を当てはめる仕組みではありません。
ここでは、個人ポートフォリオを例に紹介します。Klivはさまざまなウェブアプリを作れますが、ポートフォリオは比較的シンプルな活用例です。
自分のポートフォリオを作る理由
ポートフォリオには、次の3つの役割が必要になることがあります。
公開できる作品を見せ、秘密保持契約の対象となる非公開作品を、共有を求めた相手だけに見せます。さらに、問い合わせを受け取り、見落とさずに対応します。
一般的なポートフォリオテンプレートが対応するのは、多くの場合、最初の役割だけです。
Klivなら、公開用の実績紹介、相手ごとに共有できる限定公開エリア、問い合わせごとの状況を追えるフォームを、ひとつのサイトにまとめられます。テンプレート、ファイル共有リンク、別のフォームツールを組み合わせる必要はありません。
サイトで管理する内容
サイトでは、5種類の情報を管理できます。それぞれに公開範囲のルールを設定します。
実績を紹介する
案件ごとに、依頼内容、あなたの担当、クレジット、静止画、動画を記録します。新しい実績を加えるときはフォームに入力するだけで、ページを一から作る必要はありません。
限定公開エリアを設ける
秘密保持契約の対象となる作品や未公開作品には、作品ごとにアクセス権を設定します。制作担当者がログインすると、あなたがその人に共有した案件だけを閲覧でき、それ以外の人には非公開作品があること自体が分かりません。
問い合わせを管理する
「5月は空いていますか？」といった問い合わせを、問い合わせ元、日付、「新規」「返信済み」「打ち合わせ予約済み」「見送り」などの対応状況とともに記録します。フォームから届いた内容を対応リストにできるので、メールの山から探す必要がありません。
記事を書く
仕事の解説、制作メモ、ときどき書く意見などを、それぞれ独立したページで公開できます。検索エンジンは、あなたの名前にひもづくページとして登録します。
プロフィールを伝える
経歴、取引先一覧、使用ツール、掲載実績などを載せます。連絡するかどうかを決める前に、相手が短時間で確認できるページです。
個人で仕事をするときに役立つ機能
検索やAIが読めるページを作る
各ページを事前に生成するため、検索エンジンやAIアシスタントが内容を読み取れます。タイトルシーケンスを編集できるデザイナーが検索されたとき、その仕事を示すページを案内できます。
ページを直接編集する
見出しをクリックして、その場で変更できます。公開するまでは閲覧者に反映されないため、好きなタイミングで調整できます。
知りたいことを分析する
閲覧者がどの実績紹介を最後まで読み、問い合わせる直前にどのページを見たかを確認できます。訪問数、コンバージョン、あなたが普段の言葉で指定したイベントを計測でき、タグマネージャーの設定は不要です。
コードを自分のリポジトリに置く
サイトのコードは、あなたのGitリポジトリに同期します。Klivを使わなくなっても、移行作業をせずにgit pullで取得できます。
自分のアドレスからメールを送る
問い合わせの確認メールやフォローアップは、フォームツールのアドレスではなく、あなたのドメインとテンプレートを使って送信します。
例：独立したモーションデザイナーの彩さん
Klivで作ったポートフォリオの使い方を、ひとりのデザイナーを例に紹介します。あくまで一例なので、あなたの仕事内容と公開範囲に合わせて指定できます。
公開できる作品を見せる
彩さんは制作会社で6年間働いていたため、代表作の多くが秘密保持契約の対象です。公開用の実績紹介には、共有できるタイトルシーケンスを載せ、依頼内容、自分の担当、クレジットを添えます。
秘密保持契約の対象となる作品を限定公開する
制作担当者から、一般公開できない放送関連の仕事について問い合わせが届きました。彩さんは、その相手にログイン情報を渡して選んだ3件の案件だけを見られるようにし、それ以外の作品は表示しません。
問い合わせの状況を記録する
「5月は空いていますか？」というメッセージを、問い合わせ元、日付、対応状況とともに記録します。彩さんは受注までの流れを一覧で確認でき、受信トレイを探し回らずに済みます。
検索から作品を見つけてもらう
各ページを事前に生成するため、タイトルシーケンスを編集できるモーションデザイナーが検索されたとき、彩さんのページが検索結果に表示されます。AIアシスタントも内容を読み、引用できます。
いつでも自分で変更する
新しいセクションを加えたいときやレイアウトを変えたいときは、普段の言葉でKlivに伝えます。内容を確認してから公開でき、開発者への依頼やテンプレートの制約はありません。
作りたいポートフォリオを伝える
制作するもの、整理方法、誰に何を見せるかを伝えてください。次の3つの例をたたき台にできます。
モーションデザインのポートフォリオ
リール、静止画、クレジット、問い合わせフォームをまとめます。
“モーションデザインのポートフォリオを作成してください。トップページにショーリールを載せ、実績紹介では静止画、クレジット、自分の担当を見せ、問い合わせフォームでは希望時期と予算、返信ごとの状況を管理できるようにしてください。”
写真家のポートフォリオ
シリーズごとに整理し、限定公開エリアも設けます。
“写真作品をシリーズごとに整理したポートフォリオを作成してください。未公開作品は招待した相手だけに共有できる限定公開エリアに載せ、問い合わせフォームでは自分が返信したかどうかを管理できるようにしてください。”
ライターの執筆実績集
記事ごとにページを作り、条件で絞り込めるようにします。
“ライター向けのポートフォリオを作成してください。公開済みの記事ごとにページを作って掲載媒体とテーマで絞り込めるようにし、自分で公開するエッセイ用の記事セクションも加えてください。”
限定公開と問い合わせ管理の仕組み
限定公開エリアは、見つけにくいリンクではなく、アクセス権で守ります。 秘密のURLは漏れる可能性があります。
非公開作品ごとに閲覧できる人を設定し、誰かが開こうとするたびに権限を確認します。今日ひとりの制作担当者に共有し、明日その人の権限を外せば、変更はすぐに反映されます。
問い合わせを記録として管理します。 問い合わせごとに対応状況、打ち合わせメモ、フォローアップのリマインダーを持たせます。
「新規」から「予約確定」まで進み方を追えるため、問い合わせを見失いません。
あなたのドメインで運用できます。 作成後すぐに公開でき、コードはあなたのリポジトリに保存されます。変更したい内容はKlivに伝えられ、Klivだけに依存する仕組みではありません。
Klivは、個人のクリエイティブな仕事も事業として扱います。詳しくはクリエイター向けKlivをご覧ください。
よくある質問
Klivとは何ですか？
Klivは、説明をもとにあなた専用のウェブアプリを作るAIです。必要なものを伝えると、通常のページ、限定公開エリア、問い合わせフォームを作品に合わせて作成し、あなたのドメインで運用できます。
テンプレートではなく、ウェブサイトを作れますか？
はい。既存のテーマに情報を当てはめるのではなく、あなたの用途に合わせてページと作品の整理方法を作り、変えたい点を伝えれば後から何度でも更新できます。
完成後も変更できますか？
はい。レイアウト、文章、実績紹介の見せ方など、変えたい内容を普段の言葉で伝えると、Klivがサイトを更新します。
秘密保持契約の対象となる作品も同じサイトに置けますか？
はい。非公開作品には相手ごとにアクセス権を設定し、ログインした制作担当者には共有した作品だけを表示するため、一般の閲覧者にはほかの作品があることも分かりません。
検索結果に表示されますか？
各ページを事前に生成して検索エンジンが読めるようにし、サイトマップも自動で作ります。ページごとのチェック機能が改善の必要な箇所を知らせ、あなたの名前や専門分野ごとに検索エンジンへ登録できるページを用意します。
別のCMSは必要ですか？
別のCMSは必要ありません。ポートフォリオ自体に管理機能があり、ログインして実績情報を編集したり、文章をクリックして直接変更してから公開したりできます。
デザインはどこまで変えられますか？
レイアウト、書体、動き、実績紹介の見せ方まで自由に変えられます。テーマではなくあなたのためのアプリなので、会話するように希望を伝え、同じ方法で修正できます。
自分のドメインを使えますか？
はい。あなたのドメインでサイトを運用でき、作成後すぐに公開できます。
後からKlivを使わなくなっても大丈夫ですか？
はい。コードはあなたのGitリポジトリに同期するため、作り直さずにgit pullで取得できます。
問い合わせがメールに埋もれませんか？
フォームに届いたメッセージごとに、対応状況とメモを持つ記録を作ります。確認メールは、あなたのアドレスから送信します。
どのような仕事に向いていますか？
公開作品と非公開作品の両方を見せたい仕事に使えます。モーションデザイン、写真、執筆、デザイン、建築など、制作するものと整理方法をKlivに伝えてください。
クリエイターが構築
可能性を探る
世界中の開発者とクリエイターが Kliv で構築した実際のアプリをご覧ください
Memory Café Coordination Tool
A warm platform for dementia-friendly cafés, connecting caregivers, volunteers, and coordinators.
Remit Record
Track remittances and household budgets seamlessly.
Next Page Book Club
Manage your book club easily with proposals, voting, and history tracking.
Northfern Tattoo Studio
Portfolio and booking site for Northfern Tattoo Studio.
Campo Agua Gestión
Sistema de gestión del agua comunitario para aldeas.
つくりて — 伝統工芸職人サイト
職人が作品を展示し、受注管理を行うサイトです。
Tidal Surf Reports
Crowd-sourced surf condition tracking app.
Riverside Commons HOA Management
A portal for HOA management at Riverside Commons.
よやくん — レストラン予約管理
小規模レストラン向けの予約管理サイトです。
Troop 214 Scout Management
A management tool for Scout Troop 214, focused on outings, advancement, and communication.
Te Kura Kaupapa Māori Whānau Board
A whānau coordination tool for Māori-medium schools.
Tsev Nyeem Ntawv Library
Mobile library coordinator for Hmong and Lao communities.
Memory Café Coordination Tool
A warm platform for dementia-friendly cafés, connecting caregivers, volunteers, and coordinators.
Remit Record
Track remittances and household budgets seamlessly.
Next Page Book Club
Manage your book club easily with proposals, voting, and history tracking.
Northfern Tattoo Studio
Portfolio and booking site for Northfern Tattoo Studio.
Campo Agua Gestión
Sistema de gestión del agua comunitario para aldeas.
つくりて — 伝統工芸職人サイト
職人が作品を展示し、受注管理を行うサイトです。
Tidal Surf Reports
Crowd-sourced surf condition tracking app.
Riverside Commons HOA Management
A portal for HOA management at Riverside Commons.
よやくん — レストラン予約管理
小規模レストラン向けの予約管理サイトです。
Troop 214 Scout Management
A management tool for Scout Troop 214, focused on outings, advancement, and communication.
Te Kura Kaupapa Māori Whānau Board
A whānau coordination tool for Māori-medium schools.
Tsev Nyeem Ntawv Library
Mobile library coordinator for Hmong and Lao communities.
作品を見つけてもらえる場所を作る
制作しているものと、誰に何を見せたいかを説明します。公開作品、限定公開エリア、問い合わせフォームについて、必要なだけ詳しく伝えると、Klivがそれらをまとめたサイトを作成します。